/* -----------------------------------------------------------------------------------------
   $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

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

  rot dunkel
  color:#f67766;
  rgba(246,119,102,1.0);

  rot hell
  color:#fdf1f0;
  rgba(253,241,240,1.0);
  
  blau dunkel
  color:#3d82ab;
  rgba(61,130,171,1.0)

  blau hell
  color:#d5e6f0;
  rgba(213,230,240,1.0)

  grün hell
  color: #e3efe6
  rgba(227,239,230,1.0)

  grün dunkel
  color: #71ad82
  rgba(113,173,130,1.0)
*/     

/* 1. START fonts */

/* blinker-200 - latin */
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 200;
  font-display:swap;
  src: local(''),
       url('css/fonts/blinker-v4-latin-200.woff2') format('woff2'), 
       url('css/fonts/blinker-v4-latin-200.woff') format('woff'); 
}
/* blinker-300 - latin */
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 300;
  font-display:swap;
  src: local(''),
       url('css/fonts/blinker-v4-latin-300.woff2') format('woff2'), 
       url('css/fonts/blinker-v4-latin-300.woff') format('woff'); 
}
/* blinker-regular - latin */
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: local(''),
       url('css/fonts/blinker-v4-latin-regular.woff2') format('woff2'), 
       url('css/fonts/blinker-v4-latin-regular.woff') format('woff'); 
}
/* blinker-600 - latin */
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 600;
  font-display:swap;
  src: local(''),
       url('css/fonts/blinker-v4-latin-600.woff2') format('woff2'), 
       url('css/fonts/blinker-v4-latin-600.woff') format('woff'); 
}
/* blinker-700 - latin */
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 700;
  font-display:swap;
  src: local(''),
       url('css/fonts/blinker-v4-latin-700.woff2') format('woff2'), 
       url('css/fonts/blinker-v4-latin-700.woff') format('woff'); 
}      
/* END fonts */



/* 2. START globals */

* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}

/* Start Scrolling effects */
  [data-entrance] { opacity: 0; }
/* End Scrolling effects */

/* Start Scrollbars */
* {
  scrollbar-width: thin;
  scrollbar-color: #ccc #eee;
}
*::-webkit-scrollbar {
  width: 9px;
}
*::-webkit-scrollbar-track {
  background: #eee;
}
*::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 0px;
  border: 1px solid #eee;
}
.no_scroll {
  overflow:hidden; 
}
/* start prevent layout swift when open toggle menus */    
html {
  scrollbar-gutter: stable;
}     
/* Safari Only */
@supports selector(:nth-child(1 of x)) {
  .no_scroll { padding-right: calc(9px - (100vw - 100%)); }
}
/* end prevent layout swift when open toggle menus */ 
/* End Scrollbars */

/* Start 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;
}
/* End prevent flicker in responsive tabs */

/* prevent zoom of fields on iphone */
@supports (-webkit-overflow-scrolling: touch) {
  input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date] { font-size: 16px !important; }
  select { font-size: 16px !important;  }
  textarea { font-size: 16px !important; line-height:20px !important; }
  .SumoSelect > .CaptionCont { font-size:16px !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 */
}
/* Fix for viewer.css & cookie consent */
body *:not([class^="viewer"]):not([class^="as-oil"]):not(img),
div:not([class^="viewer"]) ul,
div:not([class^="viewer"]) li, 
div:not([class^="viewer"]) a {
  max-height:          1000000px; /* Chrome for Android */
}

body {    
  font-family: 'Blinker', sans-serif;
  font-weight: 300;
  font-size:15px;
  background-color:#fff;
  color:#555;
  line-height:23px;
  overflow-x:hidden;
}
strong, b {
  font-weight:700;
}
.clearfix, .clear, .clearer { line-height:0px; height:0px; clear:both; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }


p {
  margin:12px 0px;
  padding: 0px 0px;
}
.bold {
  font-weight:700;
}
table {
  width:100%;
  border-spacing: 0;
  border-collapse:collapse;
}
table td {
  padding:5px 0px;
}
.td_full {
  width:100%;
}


/* Start Megamenü case 1*/
.menu_items {
  list-style-type:none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px auto !important;
  width:100%;
  max-width:1200px;
/* position:relative; */
}
.menu_items > li > a {
  display:block;
  padding: 15px 20px;
  font-size:15px;
  line-height:20px;
  text-transform:uppercase;
  font-weight:600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menu_items > li > a:hover {
  color:#f67766;
}
.menu_items > li > span.nolink {
  display:block;
  padding: 15px 20px;
  font-size:15px;
  line-height:20px;
  text-transform:uppercase;
  font-weight:600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu_items ul {
  list-style-type:none;
  margin: 0px;
}
.menu_items a:hover {
  text-decoration:none !important;
}

.mega_menu {
  border-top: 1px solid #ddd;
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background:#f9f9f9;
  padding: 0px;
  z-index:101;
  -webkit-box-shadow: 0 10px 15px -15px #333;
  -moz-box-shadow: 0 10px 15px -15px #333;
  box-shadow: 0 10px 15px -15px #333;
}
.menu_items li:hover .mega_menu {
  opacity: 1;
  visibility: visible;
}
.mega_menu a {
  color:#555;
}
.mega_menu a:hover {
  color:#f67766;
}  

.mega_menu > ul {
  list-style-type:none;
  margin: 0px auto;
  padding: 5px 5px 20px 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width:100%;
  max-width: 1200px;
}
.mega_menu > ul > li.overview {
  width: calc(100% + 10px);
  margin: -5px -5px 5px -5px;
  padding: 0px;
}
.mega_menu > ul > li.overview > a {
  padding: 15px 20px;
  background:#ddd;
  display:block;
  font-size:14px;
  line-height:20px;
  text-transform:none;
  font-weight:600;
  border-bottom: 0px;
}
.mega_menu > ul > li.overview .las {
  margin: 0 8px 0 0;
}
.mega_menu > ul > li {
  width:20%; 
  margin: 5px 0px;
  padding: 0px 15px;
}
.mega_menu > ul > li > a {
  padding: 8px 0px;
  display:block;
  font-size:14px;
  line-height:20px;
  text-transform:none;
  font-weight:600;
  border-bottom: 1px solid #ddd;
}
.mega_menu > ul ul {
  margin: 0px 0 0 0;
}
.mega_menu > ul ul > li.overview {
  display:none;
}
/* only 3 level */
.mega_menu > ul ul ul {
  display:none !important;
}
.mega_menu > ul ul > li > a {
  position:relative;
  padding: 8px 0px 8px 20px;
  display:block;
  font-size:14px;
  line-height:18px;
  text-transform:none;
  font-weight:400;
  border-bottom: 1px solid #ddd;
}         
.mega_menu > ul ul > li > a:after {
  font-family: 'Line Awesome Free';
  content: '\f30b';
  font-weight: 900;
  margin: 0 0 0 0px;
  position:absolute;
  top:8px;
  left:1px;
}

.menu_items .active1 > a,
.menu_items .activeparent1 > a,
.menu_items .active1 > .nolink,
.menu_items .activeparent1 > .nolink {
  color:#f67766 !important;
}
.menu_items .active2 > a,
.menu_items .activeparent2 > a {
  color:#f67766 !important;
}
.menu_items .active3 > a,
.menu_items .activeparent3 > a {
  color:#f67766 !important;
}

.mega_menu > ul > li.level_manu {
  width:20%; 
  margin: 0px 0px;
  padding: 0px 15px;
}
.mega_menu > ul > li.level_manu > a {
  position:relative;
  padding: 8px 0px 8px 20px;
  display:block;
  font-size:14px;
  line-height:18px;
  text-transform:none;
  font-weight:400;
  border-bottom: 1px solid #ddd;
}
.mega_menu > ul > li.level_manu > a:after {
  font-family: 'Line Awesome Free';
  content: '\f30b';
  font-weight: 900;
  margin: 0 0 0 0px;
  position:absolute;
  top:8px;
  left:1px;
}
.mega_menu > ul > li.level_manu > a > strong {
  font-weight:400 !important;
  color:#f67766 !important;
}  
/* End Megamenü case 1*/


/* Start Dropdown case 2 */
.menu_items.case_2 li.level1 {
  position:relative;
}
.menu_items.case_2 li.level2 {
  position:relative;
}
.menu_items.case_2 li.level3 {
  position:relative;
}

.menu_items.case_2 a:hover {
  text-decoration:none !important;
}

.menu_items.case_2 .dropdown_menu {
  border-top: 1px solid #ddd;
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background:#f9f9f9;
  padding: 10px 0px 20px 0px;
  z-index:6;
  -webkit-box-shadow: 0 10px 15px -15px #333;
  -moz-box-shadow: 0 10px 15px -15px #333;
  box-shadow: 0 10px 15px -15px #333;
  opacity: 0;
  visibility: hidden;
}
.menu_items.case_2 li.level1 > .dropdown_menu ul {
  left: 100%;
  opacity: 0;
  visibility: hidden;
}
/* only 3 levels for dropdown */
.menu_items.case_2 li.level1 > .dropdown_menu ul ul {
  display:none !important;
}

.menu_items.case_2 li .dropdown_menu li {
  padding: 0px 20px;
}
.menu_items.case_2 li .dropdown_menu a {
  padding: 8px 0px;
  display:block;
  font-size:14px;
  line-height:20px;
  text-transform:none;
  font-weight:400;
  border-bottom: 1px solid #ddd;
}
.menu_items.case_2 li .dropdown_menu .las {
  margin: 0 8px 0 0;
}
.menu_items.case_2 li .dropdown_menu .overview a {
  font-weight:600;
}
.menu_items.case_2 li.level1 > .dropdown_menu {
  left: 0;
  width: 280px;
  top: 100%;
}
.menu_items.case_2 li.level1:hover > .dropdown_menu {
  opacity: 1;
  visibility: visible;
}
.menu_items.case_2 li.level2 > .dropdown_menu {
  left: 100%;
  width: 280px;
  top: -10px;
}
.menu_items.case_2 li.level2:hover > .dropdown_menu {
  opacity: 1;
  visibility: visible;
}
.menu_items.case_2 li.level_manu > a > strong {
  font-weight:400 !important;
  color:#f67766 !important;
}
/* End Dropdown case 2 */


/* Start Global padding, margin, border helper */
.mt_5 {
  margin-top:5px !important;
}
.mt_30 {
  margin-top:30px !important;
}
.mb_0 {
  margin-bottom:0px !important;
}
.mb_10 {
  margin-bottom:10px !important;
}
.mb_30 {
  margin-bottom:30px !important;
}
.mb_50 {
  margin-bottom:50px !important;
}
.mr_5 {
  margin-right:5px !important;
}
.ml_5 {
  margin-left:5px !important;
}
.my_3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.my_6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.my_12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.my_20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.py_0 {
  padding-top:0px !important;
  padding-bottom: 0px !important; 
}
/* End Global padding and margin helper */


.layout_wrap {
  width:100%;
  padding: 0px 0px;
  margin: 0px 0px;
}
/* For sticky footer */
.layout_wrap_inner {   
  background:#fff;
  position: relative;
  z-index: 1;   
}   

.layout_message {
  background: #fdf2cf;
}
.layout_message_inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  width: 100%;
  max-width: 1240px;
  padding: 0px 10px 0px 10px;
  margin: 0px auto;
  font-size:13px;
  line-height:21px;
  font-weight:400;
}
@media only screen and (min-width: 985px) {
  .layout_message_inner { padding: 0px 20px 0px 20px; } 
}
.layout_message_text {
  padding: 10px 0px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color:#555;
}
.layout_message_closer {
  padding: 10px 0px 10px 40px;
  color:#555;
  font-size:19px;
  text-transform:uppercase;
  cursor:pointer;
}
.layout_message_text a {
  color:#555;
  text-decoration:underline;
}
.layout_message_text a:hover {
  color:#555;
  text-decoration:underline;
}


.layout_header {
  width:100%;
  padding: 0px 0px;
  margin: 0px auto;
  position: -webkit-sticky;   
  position: sticky; 
  top:0px;
  z-index:1300;
  -webkit-transition: transform 0.4s ease-in-out; 
  -moz-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  -webkit-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.0);
  -moz-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.0);
  box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.0);
  border-bottom: 1px solid #ddd;
}
@media only screen and (min-width: 985px) {
  .layout_header { border-bottom: 0px solid #ddd; }
}

.admin_mode .layout_header {
  top:36px;
}
.header-down {
  /* transform: translateY(0%); */
}
.header-up {
  transform: translateY(-130%);
}
.header-not-top {
  -webkit-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.3);
  box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.3);
}
/* prevent vertical scroll on mobile devices */
.header-not-top {
  overflow-x:clip;  
}
.layout_header_checkout {
  width:100%;
  padding: 0px 0px;
  margin: 0px auto;
  border: 1px solid #ddd;
}
.layout_header_content {
  width:100%;
  max-width:1240px;
  padding: 10px 10px;
  margin: 0px auto;
}
@media only screen and (min-width: 985px) {
  .layout_header_content { padding: 20px 20px } 
}

.layout_content {
  min-height:60vh;
  width:100%;
  padding: 0px 0px 40px 0px;
  margin: 0px auto;
}
.layout_content_plain {
  width:100%;
  padding: 0px 0px 0px 0px;
  margin: 0px auto;
}

.layout_content_full {
  width:100%;
  padding: 0px 10px;
  margin: 0px auto;
}
@media only screen and (min-width: 985px) {
  .layout_content_full { padding: 0px 20px } 
}

.layout_content_medium {
  width:100%;
  max-width:1640px;
  padding: 0px 10px;
  margin: 0px auto;
}
@media only screen and (min-width: 985px) {
  .layout_content_medium { padding: 0px 20px } 
}
.layout_content_small {
  width:100%;
  max-width:1240px;
  padding: 0px 10px;
  margin: 0px auto;
}  
@media only screen and (min-width: 985px) {
  .layout_content_small { padding: 0px 20px } 
} 

.new_products {
  margin: 50px 0 50px 0;
}
.upcoming_products {
  margin: 50px 0 50px 0;
}
.bestseller_products {
  margin: 50px 0 50px 0;
}
.new_products .headline_h1, 
.upcoming_products .headline_h1, 
.bestseller_products .headline_h1 {
  margin: 0px 0 12px 0; 
}

.bg_1 {
  background: #ffffff;
}
.bg_2 {
  background: #f5f5f5;
}
.bg_3 {
  background: #eeeeee;
}


a, a:link, a:visited, a:active {
  color:#333;
  text-decoration:none;
  outline:none;
  cursor:pointer;
}
a:hover {
  color:#888;
  text-decoration:underline;
}

a.arrow_link {
  color:#333;
  font-weight:600;  
}
a.arrow_link:hover {
  text-decoration:none;
  color:#333;  
}
a.arrow_link:hover span {
  border-bottom: 1px solid #999;
}
a.arrow_link .las,
a.arrow_link .lar {
  margin-right:5px;
}  

.external_links a:after {
  font-family: 'Line Awesome Free';
  content: '\f35d';
  font-weight: 900;
  margin: 0 0 0 5px;
}
.external_links a:hover {
  text-decoration:none;
  border-bottom: 1px solid #999;
}

img, a img {
  max-width:100%;
  height:auto;
  vertical-align:top;
  border:none;
  outline:none;
  text-decoration:none;
  font-size: 1px;
  line-height: 1px;
  color: transparent;
}

.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  transition: opacity 2s ease;
}

ul {
  list-style-type:square;
  margin: 10px 0px 10px 18px;
  padding: 0px;
}


.flex_header_row {
  margin: 0px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col_logo_checkout {
  width:150px;
  height:auto;
}
.col_logo_back {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;  
  text-align:right;
}
.col_logo_back a {
  font-size:12px;
  line-height:18px;
  font-weight:700;
  text-transform:uppercase;
}
.col_logo_back .las {
  font-size:14px;
}
.col_logo_back a:hover {
  text-decoration:none;
  border-bottom: 1px solid #ccc;
}


.col_logo {
  width:100%;
  height:60px;
  text-align:center;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 690px) {
  .col_logo { width:212px; height:60px; margin: 0 0 0 0;}
}
.col_logo img {
  width:212px;
  height:60px;
}
@media only screen and (min-width: 690px) {
  .col_logo img { width:212px; height:60px; }
}


.col_cart {
  width:auto;
  position:relative;
  padding: 0 0 0 0px;
  text-align:center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; 
}
@media only screen and (min-width: 690px) {
  .col_cart { width:70px; padding: 0 0 0 30px; -webkit-box-flex: initial; -moz-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; }
}
#cart_short {
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}
#cart_short > a {
  position:relative;
  display:block;
  background: transparent;
  border: 1px solid #bbb;
  color:#555;
  height:40px;
  width:40px;
  border-radius:40px;
  text-align:center;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#cart_short > a:hover {
  background: transparent;
  border: 1px solid #f67766;
  color:#f67766;
}
#cart_short .las {
  font-size:26px;
  line-height:38px;
  width:38px;
}
#cart_short .count {
  position:absolute;
  right:-10px;
  top:-5px;
  background:#555;
  color:#fff;
  display:inline-block;
  padding: 3px;
  font-size:10px;
  line-height:11px;
  text-align:center;
  font-weight:700;
  min-width:20px;
	border-radius: 5px;
}


.col_wishlist {
  width:auto;
  position:relative;
  padding: 0 0 0 0px;
  text-align:center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; 
}
@media only screen and (min-width: 690px) {
  .col_wishlist { width:70px; padding: 0 0 0 30px; -webkit-box-flex: initial; -moz-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; }
}
#wish_short {
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}
#wish_short > a {
  position:relative;
  display:block;
  background: transparent;
  border: 1px solid #bbb;
   color:#555;
  height:40px;
  width:40px;
  border-radius:40px;
  text-align:center;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#wish_short > a:hover {
  background: transparent;
  border: 1px solid #f67766;
  color:#f67766;
}
#wish_short .lar {
  font-size:22px;
  line-height:38px;
  width:38px;
}
#wish_short .count {
  position:absolute;
  right:-10px;
  top:-5px;
  background:#555;
  color:#fff;
  display:inline-block;
  padding: 3px;
  font-size:10px;
  line-height:11px;
  text-align:center;
  font-weight:700;
  min-width:20px;
	border-radius: 5px;
}


.col_settings {
  width:auto;
  position:relative;
  padding: 0 0 0 0px;
  text-align:center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; 
}
@media only screen and (min-width: 690px) {
  .col_settings { width:70px; padding: 0 0 0 30px; -webkit-box-flex: initial; -moz-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; }
}
#settings_short {
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}
#settings_short > div {
  position:relative;
  display:block;
  background: transparent;
  border: 1px solid #bbb;
  color:#555;
  height:40px;
  width:40px;
  border-radius:40px;
  text-align:center;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor:pointer;
}
#settings_short > div:hover {
  background: transparent;
  border: 1px solid #f67766;
  color:#f67766;
}
#settings_short .las {
  font-size:24px;
  line-height:38px;
  width:38px;
}


.col_account {
  width:auto;
  position:relative;
  padding: 0 0 0 0px;
  text-align:center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; 
}
@media only screen and (min-width: 690px) {
  .col_account { width:70px; padding: 0 0 0 30px; -webkit-box-flex: initial; -moz-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; }
}
#account_short {
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}
#account_short > a {
  position:relative;
  display:block;
  background: transparent;
  border: 1px solid #bbb;
  color:#555;
  height:40px;
  width:40px;
  border-radius:40px;
  text-align:center;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#account_short > a:hover {
  background: transparent;
  border: 1px solid #f67766;
  color:#f67766;
}
#account_short .lar {
  font-size:24px;
  line-height:38px;
  width:38px;
}


.col_menu {
  width:auto;
  position:relative;
  padding: 0 0 0 0px;
  text-align:center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; 
}
@media only screen and (min-width: 690px) {
  .col_menu { width:70px; padding: 0 0 0 30px; -webkit-box-flex: initial; -moz-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; }
}
#menu_short {
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}
#menu_short > div {
  cursor:pointer;
  position:relative;
  display:block;
  background: transparent;
  border: 1px solid #bbb;
  color:#555;
  height:40px;
  width:40px;
  border-radius:40px;
  text-align:center;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#menu_short > div:hover {
  background: transparent;
  border: 1px solid #f67766;
  color:#f67766;
}
#menu_short .las {
  font-size:24px;
  line-height:40px;
  width:38px;
}

.col_filler {
  display:block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;  
}
@media only screen and (min-width: 985px) {
  .col_filler { display:none; }
}


.col_search {
  width:auto;
  padding: 0 0 0 0px;
  text-align:center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; 
}
@media only screen and (min-width: 690px) {
  .col_search { width:70px; padding: 0 0 0 30px; -webkit-box-flex: initial; -moz-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; flex: initial; }
}
@media only screen and (min-width: 985px) {
  .col_search { width:auto; padding: 0px 20px 0px 50px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
}

.col_search select {
  opacity:0;
}  

#search_short {
  display:block;
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}
@media only screen and (min-width: 985px) {
  #search_short { display:none; }
}

#search_short > div {
  position:relative;
  display:block;
  background: transparent;
  border: 1px solid #bbb;
  color:#555;
  height:40px;
  width:40px;
  border-radius:40px;
  text-align:center;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor:pointer;
}
#search_short > div:hover {
  background: transparent;
  border: 1px solid #f67766;
  color:#f67766;
}
#search_short .las {
  font-size:22px;
  line-height:40px;
  width:38px;
}
.toggle_search {
  display: none;
  z-index: 1301;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: rgba(245,245,245,0.9);
}
@media only screen and (min-width: 985px) {
  .toggle_search { display: block; position:static; background:transparent;}
}

#search {
  position: absolute;
  width: auto;
  height: 46px;
  margin: auto;
  top: 0px;
  bottom: 0px;
  left: 10px;
  right: 10px;
}
@media only screen and (min-width: 985px) {
  #search { position:relative; }
}      

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

.search_inner .search_closer {
  display:block;
  width:40px;
  height:46px;
  text-align:center;
  font-size:18px;
  line-height:46px;
  cursor:pointer;
}
@media only screen and (min-width: 985px) {
  .search_inner .search_closer { display:none; }
}

.search_inner .search_input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#search .search_inner input[type=text] {
  border: 1px solid #ddd !important;
  border-right:0px !important;
  background: #fff !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#search .search_inner .search_button {
  width:46px;
}
#search .search_inner .search_button .cssButton {
  font-size:22px !important;
  height:46px !important;
  padding: 0px 5px !important;
  line-height:44px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.search_inner .search_cat .SumoSelect > .CaptionCont {
  background-color: #f2f2f2 !important;
  border-right:1px solid #f2f2f2 !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 12px;
  text-transform:uppercase;
  font-weight: 700;
}
.search_inner .search_cat .SumoSelect:focus > .CaptionCont { border: 1px solid #ddd !important; border-right:1px solid #f2f2f2 !important; }
.search_inner .search_cat .SumoSelect:focus > .CaptionCont { border: 1px solid #ddd !important; border-right:1px solid #f2f2f2 !important; }

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


.layout_categories {
  display:none;
  margin: -10px 0 0 0;
  position:relative;
  border-bottom: 1px solid #ddd;
}
@media only screen and (min-width: 985px) {
  .layout_categories { display:block; }
}

.layout_categories_inner {
  width:100%;
  max-width:100%;
  padding: 0px 0px;
  margin: 0px auto;
}


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

.flex_2column_item {
  padding: 0px 10px;
  margin: 20px 0 20px 0;
  width:100%;
}
.flex_2column_item:nth-child(odd) {
  padding: 0px 10px 0px 10px;
}
.flex_2column_item:nth-child(even) {
  padding: 0px 10px 0px 10px;
  border-left:none;
}
@media only screen and (min-width: 759px) {
  .flex_2column_item { width:50%; }
  .flex_2column_item:nth-child(odd) { padding: 0px 30px 0px 10px; }
  .flex_2column_item:nth-child(even) { padding: 0px 10px 0px 30px; border-left:1px solid #ddd; }
}

.flex_3column_item {
  padding: 0px 10px 0px 10px;
  margin: 20px 0 20px 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex_1column_item {
  padding: 0px 10px 0 10px;
  margin: 20px 0 20px 0;
  width:100%;
  border-left:none;
}
@media only screen and (min-width: 759px) {
  .flex_3column_item { padding: 0px 30px 0px 10px; }
  .flex_1column_item { width:300px; padding: 0px 10px 0 30px; border-left:1px solid #ddd; }
}

.content_navigation .flex_3column_item {
  padding: 0px 10px 0px 10px;
}
.content_navigation .flex_1column_item {
  display:none;
}
@media only screen and (min-width: 985px) {
  .content_navigation .flex_3column_item { padding: 0px 30px 0px 10px; }
  .content_navigation .flex_1column_item { display:block; }
}

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

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

/* Start Gutschein/Coupons */
.giftbox {
  padding: 0px 0px 0px 0px;
  margin: 0 0 20px 0;
  color:#3d82ab;
  background:#d5e6f0;
  border:solid rgba(61,130,171,0.2);
  border-width: 1px 0px 1px 0px;
}
.giftbox_heading {
  padding: 10px 10px 10px 10px;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid rgba(61,130,171,0.2);
}
.gift_item_row {
  padding: 5px 10px;
  margin: 0px -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.gift_text_row {
  border:solid rgba(61,130,171,0.2);
  border-width: 1px 0px 0px 0px;
  padding: 10px 10px;
  line-height:19px;
}
.giftbox .errormessage,
.giftbox .infomessage,
.giftbox .successmessage {
  margin-bottom: 0px !important;
}
.giftbox .la-info-circle:before {
  background: #3d82ab;
	border-radius: 12px;
  color: #fff;
}
.giftbox a.arrow_link {
  color:#3d82ab;
}
.giftbox a.arrow_link:hover {
  color:#3d82ab;  
}
.giftbox a.arrow_link:hover span {
  border-bottom: 1px solid #3d82ab;
}

/* checkout_payment Box */
.checkout_payment_gift {
  margin: 10px 0 20px 0;
  padding: 10px 10px 10px 50px;
  position:relative;
  border: none;
  font-size:14px !important;
  line-height:18px;
  font-weight:400;
  color:#3d82ab;
  background: #d5e6f0;
}
.checkout_payment_gift:before {
  font-family: 'Line Awesome Free';
  font-weight:900;
  content: '\f06b';
  position:absolute;
  width:38px;
  top:0px;
  left:0px;
  bottom: 0px;
  font-size:22px;
  line-height:22px; 
  padding: 9px 0px;
  color:#d5e6f0;
  background:#3d82ab;
	-ms-flex-align: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; align-items: flex-start;
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
}
.checkout_payment_gift .cus_check_gift {
  font-size:14px;
  line-height:20px;
}
.checkout_payment_gift .gift_title {
  position: relative;
  font-size:14px;
  line-height:20px;
  font-weight:600;
  border-bottom: 1px solid rgba(61,130,171,0.2);
  margin: 0 0 5px 0; 
  padding: 0 0 8px 0;
}
.checkout_payment_gift .gift_costs {
  position: absolute;
  top: 0px;
  right: 30px;
  font-size:14px;
  line-height:20px;
}
.checkout_payment_gift .gift_desc {
  margin: 10px 0 0px 0;
}
.checkout_payment_gift .infomessage,
.checkout_payment_gift .errormessage {
  border-top: 1px solid rgba(61,130,171,0.2);
  margin: 10px 0 0px 0;
  padding: 8px 0 0 0;
  font-style:italic;
}
.checkout_payment_gift .infomessage:before,
.checkout_payment_gift .errormessage:before {
  display:none;
}

/* checkout_confirmation box */
.checkout_confirmation_gift {
  color:#3d82ab;
}
.checkout_confirmation_gift .successmessage,
.checkout_confirmation_gift .errormessage {
  margin: 0 0 10px 0 !important;
}
.checkout_confirmation_gift .ordertotal_row {
  background: #d5e6f0;
  border: 0px !important;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
  font-size: 15px;
  line-height: 19px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 600px) {
  .checkout_confirmation_gift .ordertotal_row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
}

.checkout_confirmation_gift .ot_width_gift_1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0 8px 0;
  width:100%;
}
@media only screen and (min-width: 600px) {
  .checkout_confirmation_gift .ot_width_gift_1 { padding: 0 20px 0 0; width:100%; }
}

.checkout_confirmation_gift .ot_width_gift_2 {
  width:100%;
  padding: 0 0 0 0;
}
@media only screen and (min-width: 600px) {
  .checkout_confirmation_gift .ot_width_gift_2 { width:50%; }
}

.checkout_confirmation_gift .la-info-circle:before {
  background: #3d82ab;
	border-radius: 12px;
  color: #fff;
}
.checkout_confirmation_gift .gift_item_row {
  padding: 0px !important;
}
.checkout_confirmation_gift .gift_item_row > div {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
/* End Gutschein/Coupons */

h1 {
  color:#333;
  font-size:28px;
  line-height:30px;
  margin:0px 0 12px 0;
  padding:0 0 5px 0;
  font-weight:200;
}

h2 {
	font-size:17px;
	font-weight:600;
  color:#333;
	margin:20px 0px 12px 0px;
	padding: 0 0 0px 0;
}

h3 {
  color:#333;
  font-weight:700;
  font-size:15px;
}

h4 {
  font-size: 14px;
  line-height:18px;
  color: #333;
  font-weight: 700;
  text-transform:uppercase;
  margin: 0px 0px 12px 0px;
  border-bottom: 1px #ddd solid;
  padding: 8px 0;
}

.headline_h1 {
  color:#333;
  font-size:28px;
  line-height:30px;
  margin:50px 0 12px 0;
  padding:0 0 5px 0;
  font-weight:200;
}
.pseudo_h1 {
  color:#333;
  font-size:28px;
  line-height:30px;
  margin:0px 0 12px 0;
  padding:0 0 5px 0;
  font-weight:200;
}

.font_midi { 
  font-size:14px;
  line-height:20px;
}
.font_small { 
  font-size:13px;
  line-height:19px;
}

.field_item_row {
  padding: 0px 0;
  margin: 0px -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.field_item_1 {
  position:relative;
  width:100%;
  padding: 5px 0;
}
.field_item_2 {
  position:relative;
  width:50%;
  padding: 5px 10px;
}
.field_item_3 {
  position:relative;
  width:120px;
  padding: 5px 10px;
}
.field_item_4 {
  position:relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 5px 10px;
}
.field_item_5 {
  position:relative;
  width:25%;
  padding: 5px 10px;
}
.field_item_6 {
  position:relative;
  width:200px;
  padding: 5px 10px;
}
.field_item_7 {
  position:relative;
  width:60px;
  padding: 5px 10px 5px 0px;
}

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

.field_text {
  display:block;
  font-size:12px;
  line-height:16px;
  padding: 0 1px 2px 1px;
  font-weight:600;
  white-space:nowrap;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.field_item_1:focus-within .field_text,
.field_item_2:focus-within .field_text,
.field_item_3:focus-within .field_text,
.field_item_4:focus-within .field_text {
  color:#f67766 !important
}

.inputNote {
  display: block;
  font-size: 11px;
  line-height: 15px;
  font-weight:400;
  padding: 4px 0 0 0;
}
.inputRequirement,
.inputRequirement_textarea {
  position:absolute;
  right:2px;
  top:5px;
  font-size:12px;
  line-height:16px;
  color:#f67766;
  font-weight:600;
}
.inputRequirement .las,
.inputRequirement_textarea .las {
  float:right;
  font-size:12px;
  line-height:16px;
  margin-left:6px;
}
.field_item_row .inputRequirement,
.field_item_row .inputRequirement_textarea {
  right:12px;
}
.fields_required {
  margin-left:2px;
  font-size:11px;
  line-height:11px;
  vertical-align:baseline;
  color:#f67766;
  font-weight:400;
  text-transform:none;
  white-space:nowrap;
}
.fields_required .las {
  font-size:11px;
  line-height:11px;
  margin: 0px 0px 0px 1px;
}

input {
  font-family: 'Blinker', sans-serif;
  font-size:16px;
  line-height:20px;
  font-weight:300;     
}
textarea {
  font-family: 'Blinker', sans-serif;
  font-size:16px;
  line-height:20px;
  font-weight:300;
  background-color:#fafafa;
  border-color: #ddd;
  color: #666;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  padding: 11px 10px 11px 10px;
	border-radius: 2px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
textarea#message { height:120px; }
textarea#message_body { resize: vertical; height:120px; }
textarea#review { height:90px; }
textarea#comments { height:120px; }

select {
  font-family: 'Blinker', sans-serif;
  font-size:16px;
  line-height:20px;
  font-weight:300;
  background-color:#fafafa;
  border-color: #dddddd;
  color: #666;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 11px 10px 11px 10px;
	border-radius: 2px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height:46px;
  opacity:0;
}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date] {
  background-color:#fafafa;
  border-color: #dddddd;
  color: #666;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 11px 10px 11px 10px;
	border-radius: 2px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height:46px;
}
input[type=password] {
  letter-spacing:1px;
}
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, select:hover, textarea:hover, input[type=date]:hover {
  background-color:#FFFFFF;
  border-color: #C6C6C6;
  color: #666666;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, select:focus, textarea:focus, input[type=date]:focus {
  background-color:#FFFFFF;
  border-color: #f67766;
  border-width: 2px;
  color: #333333;
  outline: 0 none;
}

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

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


.button_row {
  margin: 20px -5px 0px -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.button_row > .br_left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.button_row > .br_right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

.button_row .br_btn_0 {
  padding: 0px 5px;
  margin: 0 0 10px 0;
  width:100%;
}
@media only screen and (min-width: 600px) {
  .button_row .br_btn_0 { width:50%; }
}
@media only screen and (min-width: 850px) {
  .button_row .br_btn_0 { width:25%; }
}

.button_row .br_btn_1 {
  padding: 0px 5px;
  margin: 0 0 10px 0;
  width:100%;
}
@media only screen and (min-width: 850px) {
  .button_row .br_btn_1 { width:50%; }
}

.button_row .br_btn_2 {
  padding: 0px 5px;
  margin: 0 0 10px 0;
  width:100%;
}
.button_row .br_btn_3 {
  padding: 0px 5px;
  margin: 0 0 10px 0;
  width:33.3333%;
}

.button_row .br_btn_0 a:hover,
.button_row .br_btn_1 a:hover,
.button_row .br_btn_2 a:hover,
.button_row .br_btn_3 a:hover {
  text-decoration:none !important;
}
.button_row .br_text {
  padding: 0px 5px;
  margin: 0 0 10px 0;
  width:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items:center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;  
  font-size:14px;
  line-height:18px;
}
.button_row .br_text .las {
  margin: 0 5px 0 0;
}
.button_row a:hover {
  text-decoration:none !important;
}

.button_row_cart {
  margin: 20px -5px 0px -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.button_row_cart > .br_full {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width:100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.button_row_cart .br_btn_full {
  padding: 0px 5px;
  margin: 0 0 0px 0;
  width:100%;
}
.br_btn_alternate {
  display:block;
  width:100%;
  text-align:center;
  height:30px;    
  position:relative;
}
.br_btn_alternate:before {
  content: '';
  display:block;
  height:1px;
  border-top:1px solid #ccc;
  position:absolute;
  top:1px;
  left:10%;  
  right:10%;
  bottom: 0px;
  margin: auto;
}
.br_btn_alternate span {
  position:relative;
  z-index:1;
  display:inline-block;
  vertical-align:top;
  background:#fff;
  font-size:10px;
  line-height:30px;  
  font-weight:400;
  color:#999;
  padding: 0px 10px;
  text-transform:uppercase;
}



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

.account_inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.account_image {
  width:70px;
  padding: 5px;
  background:#fff;
  border: 1px solid #ddd;
}
.account_text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0 0 30px;
}
.account_icons {
  float:right;
  display:block;
  margin: 0 -4px 0 0
}
.account_icons .cssButton {
  float:left;
  width:40px;
  margin: 0px 4px;
  padding: 7px 0px 7px 0px !important;
}

ul.arrownav {
  list-style-type:none;
  padding: 0 0 0 0;
  margin: 0px 0px 0px 0px;
}
ul.arrownav li {
  padding: 12px 0px 12px 0px;
  border-bottom: 1px solid #ddd;
}
ul.arrownav li a {
  display:block;
  padding: 0 0 0 30px;
  position:relative;
  font-weight:600;
}
ul.arrownav li a:hover {
  text-decoration:none !important;
}
ul.arrownav li a:before {
  font-family: 'Line Awesome Free';
  content: "\f30b";
  font-weight:900;
  position: absolute;
  top: 0px;
  left: 0px;
}

/* Start global products image handling */
.prod_image {
  display:block;
  text-align: center;
  width: 100%;
  position:relative;
} 
.prod_image:before {
  content: "";
  display:block;
  padding-top: 90%;
}
.prod_image img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 100%;
  max-height: 100%;
}
/* animation */
.prod_image {
  overflow:hidden;
}
.prod_image img {
  transition: all 0.3s ease-in-out;
}
/* Ende global image handling */


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


/* 10. START breadcrumbs */
.breadcrumb {
  outline:none;
  font-size:12px;
  line-height:16px;
  margin: 0px -5px 0px -5px;
  padding: 20px 0px 30px 0px;
}
.breadcrumb > span > span {
  padding: 0px 5px;
}
.breadcrumb .las,
.breadcrumb .lar,
.breadcrumb .lab {
  padding: 0px 5px;
  line-height:16px;
}
.breadcrumb a, 
.breadcrumb a:link, 
.breadcrumb a:visited, 
.breadcrumb a:active {
  outline:none;
}
.breadcrumb a:hover {
  text-decoration:none;
  color:#222;
}
.breadcrumb span.current {
  font-weight:600;
}
/* 10. END breadcrumbs */


/* 15. START error, info & success messages */
.errormessage {
  position:relative;
  border: none;
  padding: 10px 10px 10px 50px;
  font-size:14px !important;
  line-height:18px;
  font-weight:400;
  color:#f67766;
  background: #fdf1f0;
  margin:0 0 20px 0;
}
.errormessage:before {
  font-family: 'Line Awesome Free';
  font-weight:900;
  content: '\f071';
  position:absolute;
  width:38px;
  top:0px;
  left:0px;
  bottom: 0px;
  font-size:22px;
  line-height:22px; 
  padding: 0px 0px;
  color:#fde4e0;
  background:#f67766;
	-ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
}
.errormessage a {
  color:#f67766;
  text-decoration:none;
  border-bottom: 1px solid #f67766; 
}  
.errormessage p {
  margin: 0px 0px;
  padding: 0px 0px;
}

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

/* INFO MESSAGES */
.infomessage {
  position:relative;
  border: none;
  padding: 10px 10px 10px 50px;
  font-size:14px !important;
  line-height:18px;
  font-weight:400;
  color:#3d82ab;
  background: #d5e6f0;
  margin: 0 0 20px 0;
}
.infomessage p {
  margin: 0px 0px;
  padding: 0px 0px;
}
.infomessage a {
  color:#3d82ab;
  text-decoration:none;
  border-bottom: 1px solid #3d82ab; 
}
.infomessage:before {
  font-family: 'Line Awesome Free';
  font-weight:900;
  content: '\f05a';
  position:absolute;
  width:38px;
  top:0px;
  left:0px;
  bottom: 0px;
  font-size:22px;
  line-height:22px; 
  padding: 0px 0px;
  color:#d5e6f0;
  background:#3d82ab;
	-ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
}

/* SUCCESS MESSAGES */
.successmessage {
  position:relative;
  border: none;
  padding: 10px 10px 10px 50px;
  font-size:14px !important;
  line-height:18px;
  font-weight:400;
  color:#71ad82;
  background: #e3efe6;
  margin: 0 0 20px 0;
}
.successmessage p {
  margin: 0px 0px;
  padding: 0px 0px;
}
.successmessage a {
  color:#71ad82;
  text-decoration:none;
  border-bottom: 1px solid #71ad82; 
}
.successmessage:before {
  font-family: 'Line Awesome Free';
  font-weight:900;
  content: '\f058';
  position:absolute;
  width:38px;
  top:0px;
  left:0px;
  bottom: 0px;
  font-size:22px;
  line-height:22px; 
  padding: 0px 0px;
  color:#e3efe6;
  background:#71ad82;
	-ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
}
.successmessage.freeshipping:before {
  font-family: 'Line Awesome Free';
  font-weight:900;
  content: '\f48b';
}
/* 15. END error, info & success messages */


/* 22. START pagination */
.pagination_bar {
  padding: 0px 0px 0px 0px;
  margin: 30px 0 30px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.pagination_text {
  width:100%;
  font-size:13px;
  line-height:35px;
  text-align:center;
}
@media only screen and (min-width: 759px) {
  .pagination_text { width:auto; }
}

.pagination_list {
  width:100%;
  font-size:15px;
  line-height:35px;
  text-align:center;
}
@media only screen and (min-width: 759px) {
  .pagination_list { width:auto; }
}
.pagination_list ul {
  display:inline-block;
  vertical-align:top;
  list-style-type:none;
  margin: 0px auto;
}
.pagination_list ul li {
  float:left;
  text-align: center;
  padding: 0;
  width:36px;
  border: 1px solid #ccc;  
  border-width: 1px 1px 1px 0px;
  background:transparent;
  color:#555;
  margin: 0px 0px; 
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pagination_list ul li:first-child {
  border-width: 1px 1px 1px 1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination_list ul li:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.pagination_list ul li:hover  {
	background-color:#f9f9f9;
  color:#555;
}
.pagination_list ul li a,
.pagination_list ul li a:hover {
  display:block;
  text-decoration:none;
}
.pagination_list ul li.current,
.pagination_list ul li.current:hover {
  font-weight:700;
	background-color:#f9f9f9;
  color:#555;
}
.topscroll {
  cursor:pointer;
}
/* END pagination */


/* 47. START CSS Buttons */

/* Globals for CSS Buttons */

.cssButton {
  position:relative;
  font-family: 'Blinker', sans-serif;
  width:100%;
  text-align:center;
  padding: 10px 5px 10px 5px;
  font-size:14px;
  line-height:24px;
  font-weight:600;
  text-transform:uppercase;
  white-space:nowrap;
  text-decoration:none;
	border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

.cssButton .cssButtonText {
  padding: 0 3px 0px 3px;
  font-size:16px;
  line-height:23px;
  height:24px;
  text-decoration:none !important;
}
.cssButton .cssIconLeft,
.cssButton .cssIconRight {
  padding: 0 3px 0px 3px;
  font-size:20px;
  line-height:24px;
  text-decoration:none !important;
}

.cssButton .las,
.cssButton .lar,
.cssButton .lab {
  text-decoration:none !important;
}

/* Colors for CSS Buttons */

/* White button - black outline */
.cssButtonColor1 {
	border:1px solid #c0c0c0;
	text-decoration:none;
	background-color:#fff;
	color:#222;
}
.cssButtonColor1:hover {
	background-color:#fafafa;
	border:1px solid #444;
  color:#444;
  text-decoration:none !important;
}

/* Black button */
.cssButtonColor2 {
	border:1px solid #222;
	text-decoration:none;
	background-color:#222;
	color:#ffffff;
}
.cssButtonColor2:hover {
	background-color:#444;
	border:1px solid #444;
  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 #71b747;
	text-decoration:none;
	background-color:#71b747;
	color:#fff;
}
.cssButtonColor4:hover {
	background-color:#639f3e;
	border:1px solid #639f3e;
  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% );
	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:46px;
  padding: 12px 5px 8px 5px;
}
.cssButtonColor6:hover {
	background:-moz-linear-gradient( center top, #fbba22 15%, #ffc848 90% );
	background:-ms-linear-gradient( top, #fbba22 15%, #ffc848 90% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #fbba22), color-stop(90%, #ffc848) );
	background-color:#fbba22;
	color:#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:#f9f9f9;
	color:#777;
	display:inline-block;
}
.cssButtonColor7:hover {
	background-color:#f2f2f2;
	border:1px solid #ddd;
  color:#333;
  text-decoration:none !important;
}

/* White button - black outline */
.cssButtonColor8 {
	border:1px solid #3d82ab;
	text-decoration:none;
	background-color:#3d82ab;
	color:#fff;
}
.cssButtonColor8:hover {
  opacity:0.8;
  text-decoration:none !important;
}

/* 47. END CSS Buttons */



/* 49. START Custom checkbox & radio */

/* custom checkbox */
.cus_check {

}
.cus_check input[type="checkbox"] {
  position: absolute !important;
  opacity: 0;
}
.cus_check input[type="checkbox"] ~ label {
  display: block;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  margin: 0 0 0px 0;
}
.cus_check input[type="checkbox"] ~ label:before {
  font-family: 'Line Awesome Free';
  content: "\f0c8";
  font-weight:400;
  font-size: 26px;
  line-height:26px;
  position: absolute;
  top: -2px;
  left: -3px;
  color:#ccc;
  transition: background .15s;
}
.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: 'Line Awesome Free';
  content: '\f14a';
  font-weight:400;
  font-size: 26px;
  line-height:26px;
  position: absolute;
  top: -2px;
  left: -3px;
  color: #555;
  transition: transform .15s;
  transform: scale(0) rotate(90deg);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_check input[type="checkbox"]:checked ~ label:after {
  transform: scale(1) rotate(0deg);
}

/* custom radios */
.cus_radio {

}
.cus_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.cus_radio input[type="radio"] ~ label {
  display: block;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  margin: 0 0 0px 0;
}
.cus_radio input[type="radio"] ~ label:before {
  font-family: 'Line Awesome Free';
  content: "\f111";
  font-weight:400;
  font-size: 24px;
  line-height:24px;
  position: absolute;
  top: -1px;
  left: -2px;
  color:#ccc;
  transition: background .15s; 
}  
.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: 'Line Awesome Free';
  content: '\f192';
  font-weight:400;
  font-size: 24px;
  line-height:24px;
  position: absolute;
  top: -1px;
  left: -2px;
  color: #555;
  transition: transform .15s;
  transform: scale(0) rotate(90deg);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_radio input[type="radio"]:checked ~ label:after {
  transform: scale(1) rotate(0deg);
}
/* END Custom checkbox & radio */


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


.home_site {
  margin: 50px 0 50px 0;
}
.home_site h1 {
  margin: 0px 0 12px 0;
}
.home_text {
  -moz-column-count: 1;
  -moz-column-gap: 0px;
  -webkit-column-count: 1;
  -webkit-column-gap: 0px;
  column-count: 1;
  column-gap: 0px;
} 
@media only screen and (min-width: 920px) {
  .home_text { -moz-column-count: 2; -moz-column-gap: 80px; -webkit-column-count: 2; -webkit-column-gap: 80px; column-count: 2; column-gap: 80px; }
}

.home_text h2 {
  color:#555;
  font-weight:700;
  margin: 0px 0px 10px 0px;
  padding: 0 0 0 0;
}
.home_text p {
  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: 0 0 20px 0;
  padding:0px;
  width:100%;
}
.home_text ul {
  margin:0px 0px 20px 18px;
  padding:0;
  display:block;
}
.home_text img {
  max-width:100% !important;
  height:auto !important;
}
.home_text strong {
  font-weight:600;
}
.home_text a {
  border-bottom: 1px solid #999;
}
.home_text a:hover {
  text-decoration: none;
  border-bottom: 1px solid #999;
}
/* END content sites (Home, GB, Datenschutz, etc.) */


/* 7. START Footer */
.layout_subfooter {
  background: #eee;
  padding: 60px 0px;
}
.sf_newsletter_heading {
  color: #333;
  font-size: 28px;
  line-height: 30px;
  margin: 0px 0 15px 0;
  padding: 0 0 0px 0;
  font-weight: 200;
  text-align:center;
}
.sf_newsletter_text {
  margin: 0px auto 15px auto; 
  text-align:center;
  width:100%;
  max-width:600px;
  font-size:14px;
  line-height:20px;
  font-weight:600;
}
.sf_newsletter_form label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  width:100%;
  max-width:600px;
  margin: 0px auto;
}
.sf_newsletter_input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px 0 0;
}
.sf_newsletter_button {
  width:60px;
}
.sf_newsletter_disclaim {
  margin: 10px auto 0 auto; 
  text-align:center;
  width:100%;
  max-width:600px;
  font-size:12px;
  line-height:16px;
} 

.layout_footer {
  background: #ddd;
  margin: 0;
  padding: 60px 0px 20px 0px;
}
/* For sticky footer */
.layout_footer {
  position: static;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 920px) {
  .layout_footer { position: -webkit-sticky; position: sticky; }
}

.footer_row {
  margin: 0px -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer_item {
  padding: 0px 10%;
  width:100%;
  margin: 0 0 40px 0;
}
@media only screen and (min-width: 500px) {
  .footer_item { width:50%; padding: 0px 10px; }
}
@media only screen and (min-width: 920px) {
  .footer_item { width:25%; padding: 0px 10px; }
}

.footer_heading {
  font-size: 15px;
  line-height: 21px;
  color: #555;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
  padding: 0 0 15px 0;
}
.footer_address {
  font-size:14px;
  line-height:22px;
  padding: 0 10% 0 0;
}

ul.footer_list {
  list-style-type:none;
  margin: -10px 0 0 20px;
}
ul.footer_list ul {
  display:none;
  list-style-type:none;
  margin: 0 0 0 20px;
}
ul.footer_list li {
  font-size:14px;
  line-height:20px;
  display:block;
  padding: 0px 0px;
  margin: 10px 0 10px 0;
}
ul.footer_list li a {
  color:#555;
  outline:none;
  padding:0px 0;
  display:inline-block;
  border-bottom: 1px solid transparent;
}

ul.footer_list li a:hover {
  color:#222;
  text-decoration:none;
  border-bottom: 1px solid #999;
}
ul.footer_list li li a:hover {
  color:#222;
  text-decoration:none;
  border-bottom: 1px solid #999;
}
.footer_payment {
  display:block;
}
.footer_payment > span {
  float:left;
  width:46px;
  margin: 0px 10px 10px 0px;
}
.footer_payment > span img {
  width:100%;
  height:auto;
  vertical-align:top;
  opacity:0.8;
  filter: grayscale(100%);
}
.footer_payment > span:hover img {
  opacity:1.0;
  filter: grayscale(0%);
}

.footer_social {

}
.footer_social a {
  display:inline-block;
  font-size:24px;
  line-height:24px;
  margin: 0 10px 10px 0;
  vertical-align:top;
  color:#555;
}
.footer_social a:hover {
  color:#222;
}


.mod_copyright {
  margin: 0px 0 0 0;
  padding: 0px 0px 0px 0px;
  font-size:11px;
  line-height:19px;
  text-align:center;
  color:#555;
}
.mod_copyright a {
  color:#555;
  text-decoration:none;
  border-bottom: 1px solid #999;
}
.mod_copyright a:hover {
  text-decoration:none;
  color:#333;
}    
.copyright {
  position:relative;
  margin:0 auto;
  text-align:center;
  color:#555;
  font-size:11px;
  line-height:19px;
  padding:0 0 0px 0;
  margin: 0px 0 0 0;
  width:100%;
}
.copyright a {
  color:#555;
  text-decoration:none;
}
.copyright a:hover {
  text-decoration:none;
  color:#333;
}    

/* ParseTime */
.parseTime {
  position:relative;
  z-index:3;
  margin:0 auto;
  text-align:center;
  color:#333;
  font-size:11px;
  line-height:19px;
  padding:0 0 0px 0;
  margin: 0px 0 0 0;
}
/* END Footer */


/* 14. START product_navigator */
.product_navigator {
  display:none;
}
@media only screen and (min-width: 985px) {
  .product_navigator { display:block; }
}
.product_navigator > div {
  position:fixed;
  width:160px;
  z-index:5;
  top:30%;
  background:#ddd;
  text-align:center;
  cursor:pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}        
.product_navigator > div > a {
  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;
}
.product_navigator > div > a:hover {
  text-decoration:none; 
}  
.product_navigator .next {
  top:30%;
  right:0px;
  margin-right:-120px;
}
.product_navigator .prev {
  top:30%;
  left:0px;
  margin-left:-120px;
}
.product_navigator .next:hover {
  margin-right:0px;
}
.product_navigator .prev:hover {
  margin-left:0px;
}
.product_navigator > div:hover {
  background:#ddd;
}
.product_navigator .action {
  width:40px;
  font-size:20px;
  line-height:20px;
  text-align:center;
}
.product_navigator .content {
  background:#f5f5f5;
  padding: 10px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.product_navigator .content span {
  display:block;
  width:100%;
  background:#fff;
  position:relative;
}
.product_navigator .content span:before {
  content: "";
  display:block;
  padding-top: 100%;
}
.product_navigator .content span img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 100%;
  max-height: 100%;
}
/* fallback */
.product_navigator .next_short {
  width:60px;
  top:30%;
  right:0px;
  margin-right:-20px;
}
.product_navigator .prev_short {
  width:60px;
  top:30%;
  left:0px;
  margin-left:-20px;
}
.product_navigator .next_short > a,
.product_navigator .prev_short > a {
  height:60px;
}
.product_navigator .next_short:hover {
  margin-right:0px;
}
.product_navigator .prev_short:hover {
  margin-left:0px;
}
.product_navigator .content_short {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/* 14. END product_navigator */


/* 16. START checkout */
ul#checkoutnavigation {
  margin: 30px -10px 40px -10px;  
  list-style-type:none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
}
@media only screen and (min-width: 985px) {
  ul#checkoutnavigation { margin: 30px -20px 40px -20px; }  
}

ul#checkoutnavigation li {
  float:left;
  width:25%;
  padding: 10px 10px 10px 10px;
  text-align:center;
}
@media only screen and (min-width: 985px) {
  ul#checkoutnavigation li { padding: 10px 20px 10px 20px; }
}
ul#checkoutnavigation.cn_no_shipping li {
  width: 33.3333%;
}
ul#checkoutnavigation li .active,
ul#checkoutnavigation li .inactive,
ul#checkoutnavigation li .selected {
  display:block;
  text-align:center;
}
ul#checkoutnavigation li .active .number,
ul#checkoutnavigation li .inactive .number,
ul#checkoutnavigation li .selected .number {
  font-size:18px;
  line-height:19px;
  text-align:center;
  width:36px;
  height:36px;
  display:inline-block;
  padding: 5px 0px;
  border-radius:36px;
  margin: 0 0 8px 0;
  font-weight:600;
  position:relative;
}
ul#checkoutnavigation li .active .title,
ul#checkoutnavigation li .inactive .title,
ul#checkoutnavigation li .selected .title {
  font-weight:700;
  padding: 6px 0 0 0;
  text-transform:uppercase;
  display:block;
  font-size:13px;
  line-height:15px;
  text-align:center;
}
ul#checkoutnavigation li .active .description,
ul#checkoutnavigation li .inactive .description,
ul#checkoutnavigation li .selected .description {
  padding: 3px 0 0 0;
  font-size:13px;
  line-height:15px;
  display:none;
  text-align:center;
}
@media only screen and (min-width: 985px) {
  ul#checkoutnavigation li .active .description, ul#checkoutnavigation li .inactive .description, ul#checkoutnavigation li .selected .description { display:block; }
}

ul#checkoutnavigation li .active { 
  color: #333;
}
ul#checkoutnavigation li .active .number {
  color:#fff;
  border: 2px solid #333;
  background:#333;
}  
ul#checkoutnavigation li .active .title {
  border-top: 1px solid #ddd;
}
ul#checkoutnavigation li .active .description {
  color: #333;
}

ul#checkoutnavigation li .inactive {
  color: #aaa;
}
ul#checkoutnavigation li .inactive .number {
  color:#aaa;
  border: 2px solid #ccc;
  background:#fff;
}
ul#checkoutnavigation li .inactive .title {
  border-top: 1px solid #ddd;
}
ul#checkoutnavigation li .inactive .description {
  color: #aaa;
}

ul#checkoutnavigation li .selected {
  color: #aaa;
}
ul#checkoutnavigation li .selected .number {
  color:transparent;
  border: 2px solid #ccc;
  background:#ccc;
}
ul#checkoutnavigation li .selected .number:before {
  font-family: 'Line Awesome Free';
  content: '\f00c';
  font-weight: 900;
  margin: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  color: #333;
  text-align: center;
  height: 21px;
  width: 21px;
  font-size: 19px;
  line-height: 21px;
}
ul#checkoutnavigation li .selected .title {
  border-top: 1px solid #ddd;
}
ul#checkoutnavigation li .selected .description {
  color: #aaa;
}


.checkout_row {
  margin: 0px 0px 20px 0px;
}
.checkout_row_history {
  margin: 0px 0px 20px 0px;
}
.checkout_row_confirmation {
  margin: 0px 0px 20px 0px;
}

.checkout_row_confirmation .orderflex_row_header {
  display:none;
}
@media only screen and (min-width: 700px) {
  .checkout_row_confirmation .orderflex_row_header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
}
.checkout_row_confirmation .of_col_summary { 
  min-height: initial;
}

.checkout_row_history .checkout_info {
  background: #eee;
}
.checkout_row_history .checkout_box_products {
  border: 0px !important;
  padding: 0px 0px 0px 0px !important;
}
.checkout_row_history .orderflex_row:nth-child(odd) {
  background: transparent !important; 
}
.checkout_row_history .orderflex_row:nth-child(even) {
  background: transparent !important; 
}
.checkout_row_history .of_col_summary { 
  min-height: initial;
}

.checkout_row_history .of_account_icons {
  vertical-align:top;
  display:inline-block;
  margin: 0px 0 8px -5px; 
}
.checkout_row_history .of_account_icons .cssButton {
  float:left;
  width:40px;
  margin: 0px 5px;
  padding: 7px 0px 7px 0px !important;
}

.checkout_info {
  float:left;
  width: 100%;
  padding: 5px 10px 15px 10px;
  background: #f5f5f5;
  font-size:13px;
  line-height:19px;
  font-weight:400;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 985px) {
  .checkout_info { width: 26%; margin: 0; }
}
.checkout_action {
  padding: 2px 0 0 0;
  width:100%;
  float:right;  
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 985px) {
  .checkout_action { padding: 2px 0 0 40px; width:74%; margin: 0; }
}
.checkout_accept {
  padding: 0px 0 0 0px;
  width:100%;
  float:right;  
}
@media only screen and (min-width: 985px) {
  .checkout_accept { padding: 0px 0 0 40px; width:74%; }
}

.checkout_info h4 {
  font-size: 13px;
  line-height: 19px;
  margin: 0px 0px 8px 0px;
  padding: 6px 0;
}

.checkout_accordion{
  margin: 0 0 10px 0 !important;
}
.checkout_accordion .cus_radio input[type="radio"] ~ label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0px 30px 0px 30px;
}
.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:-2px;
  margin: 0 10px 0 0;
}
.checkout_comment {
  margin: 0 0 0 0;
}

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

.checkout_box {
  margin: 12px 0px 24px 0px;
}
.checkout_box_products {
  margin: 0 0 0 0;
  border: 2px solid #ddd;
  padding: 6px 10px 6px 10px;
}
.checkout_box_products h4 {
  border-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.checkout_box h4 a,
.checkout_box_products h4 a {
  margin-left:3px;
  text-transform:none;
  font-weight:400;
}

.checkout_box_row  {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.checkout_box_row .checkout_box {
  margin: 0px 0px 15px 0px;
  width:100%;  
}
@media only screen and (min-width: 500px) {
  .checkout_box_row .checkout_box { width:50%; }
}
@media only screen and (min-width: 985px) {
  .checkout_box_row .checkout_box { width:100%; }
}


ol#address_block {
  list-style-type:none;
  margin: 12px 0px 0px 0px;
}
ol#address_block li {
  border-top: 1px solid #ddd;;
  margin-top:10px;
  padding-top: 10px;
}
ol#address_block li label {
  font-weight:700;
}
ol#address_block li .address {
  display:inline-block;
  padding:5px 0px 0px 0px;
  font-weight:300;
}

ul#address_block {
  margin: 12px 0px 0px 0px;
  list-style-type:none;
}
ul#address_block li {
  border-top: 1px solid #ddd;
  margin-top:12px;
  padding-top: 12px;
}
ul#address_block li label {
  font-weight:700;
}
ul#address_block li .address {
  display:inline-block;
  padding:5px 0px 0px 25px;
}
ul#address_block li input {
  margin-right:10px;
  vertical-align:-1px;
}

table.paymentmoduledata {
  font-size:13px;
  line-height:16px;
}
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;
}

/* END checkout */


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


/* 18. START Listing */
.flex_listing_outer {
  margin: 0px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
}
.flex_listing_outer_categories {
  width:25%;  
  padding: 0px 20px 0 0;
  display:none;
}
@media only screen and (min-width: 985px) {
  .flex_listing_outer_categories { display:block; }
}
.flex_listing_outer:has(.categories_listing_page) .flex_listing_outer_categories,
.flex_listing_outer:has(.error_message_page) .flex_listing_outer_categories {
  display:none;
}
.flex_listing_outer_products {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.categorytree_box {
  margin: 0 0 30px 0;
}
.categorytree_header {
  display: block;
  color: #333;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  line-height: 36px;
  padding: 5px 0px;
  font-weight: 700;
  text-transform: uppercase;
}
.ct_sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 15px;
}
.admin_mode .ct_sticky {
  top: 50px;
}

.flex_listing_container {
  margin: 0px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: solid #eee;
  border-width: 1px 0px 0px 1px;
}

.categorytree_all {
  margin: 10px 0 0 0;
  list-style-type:none;
  font-weight:400;
  font-size:14px;
  line-height:20px;
}  
.categorytree_all ul { 
  list-style-type:none;
  margin: 0px 0px;
}
.categorytree_all li.level1 {
  position:relative;
  padding: 0 0 0 0;
}
.categorytree_all li.level1 > a {
  font-weight:600;
  text-transform:uppercase;
  font-size:14px;
  line-height:20px;
  color:#555;
}
.categorytree_all li.level2,
.categorytree_all li.level3,
.categorytree_all li.level4,
.categorytree_all li.level5 {
  position:relative;
  padding: 0 0 0 20px;
}
.categorytree_all li a {
  margin: 7px 0px;
  display:inline-block;
  border-bottom:1px solid transparent;
  color:#999;
}
.categorytree_all li a:hover {
  border-bottom: 1px solid #999;
  text-decoration:none;
}

.categorytree_all li.overview           { display:none; }
.categorytree_all li ul                 { display:none; }
.categorytree_all li.activeparent1      { display:block; }
.categorytree_all li.activeparent1 > ul { display:block; }
.categorytree_all li.activeparent2 > ul { display:block; }
.categorytree_all li.activeparent3 > ul { display:block; }
.categorytree_all li.activeparent4 > ul { display:block; }
.categorytree_all li.activeparent5 > ul { display:block; }

.categorytree_all li.level2:after,
.categorytree_all li.level3:after,
.categorytree_all li.level4:after,
.categorytree_all li.level5:after {
  font-family: 'Line Awesome Free';
  content: '\f30b';
  font-weight: 900;
  margin: 0 0 0 0px;
  position: absolute;
  top: 7px;
  left: 1px;
  line-height:20px;
  font-size:10px;
}
.categorytree_all li.activeparent1 > a {
  font-weight:600;
  color:#f67766 !important;
}

.categorytree_all li.activeparent2 > a,
.categorytree_all li.activeparent3 > a,
.categorytree_all li.activeparent4 > a,
.categorytree_all li.activeparent5 > a {
  color:#f67766 !important;
  font-weight:600;
}

.categorytree_all li.activeparent1 > a:hover,
.categorytree_all li.activeparent2 > a:hover,
.categorytree_all li.activeparent3 > a:hover,
.categorytree_all li.activeparent4 > a:hover,
.categorytree_all li.activeparent5 > a:hover {
  border-bottom: 1px solid #f67766;
}


.categorytree_single {
  margin: 10px 0 0 0;
  list-style-type:none;
  font-weight:400;
  font-size:14px;
  line-height:20px;
}  
.categorytree_single ul { 
  list-style-type:none;
  margin: 0px 0px;
}
.categorytree_single li.level1 {
  position:relative;
  padding: 0 0 0 0;
}
.categorytree_single li.level1 > a {
  font-weight:600;
  text-transform:uppercase;
  font-size:14px;
  line-height:20px;
  color:#555;
}
.categorytree_single li.level2,
.categorytree_single li.level3,
.categorytree_single li.level4,
.categorytree_single li.level5 {
  position:relative;
  padding: 0 0 0 20px;
}

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

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

.categorytree_single li.level2:after,
.categorytree_single li.level3:after,
.categorytree_single li.level4:after,
.categorytree_single li.level5:after {
  font-family: 'Line Awesome Free';
  content: '\f30b';
  font-weight: 900;
  margin: 0 0 0 0px;
  position: absolute;
  top: 7px;
  left: 1px;
  line-height:20px;
  font-size:10px;
}
.categorytree_single li.activeparent1 > a,
.categorytree_single li.activeparent2 > a,
.categorytree_single li.activeparent3 > a,
.categorytree_single li.activeparent4 > a,
.categorytree_single li.activeparent5 > a {
  color:#555;
  font-weight:600;
}
.categorytree_single li.level2.Selected > a, 
.categorytree_single li.level3.Selected > a,
.categorytree_single li.level4.Selected > a,
.categorytree_single li.level5.Selected > a {
  color:#f67766 !important;
}

/* Listing box */
.listing_item_box {
  position:relative;
  padding: 20px 20px;
  margin: 0px 0 0px 0;
  background:#fff;
  border:solid #eee;
  border-width:0px 1px 1px 0px;
  overflow:hidden;
} 

/* 3 col */
.flex_listing_container.col3 .listing_item_box { width: 33.3333%; }

@media only screen and (min-width: 340px) {
  .flex_listing_container.col3 .listing_item_box { width: 50%; }
}
@media only screen and (min-width: 620px) {
  .flex_listing_container.col3 .listing_item_box { width: 33.3333%; }
}
@media only screen and (min-width: 920px) {
  .flex_listing_container.col3 .listing_item_box { width: 25%; }
}
@media only screen and (min-width: 985px) {
  .flex_listing_container.col3 .listing_item_box { width: 33.3333%; }
}

/* 4 col */
.flex_listing_container.col4 .listing_item_box { width: 100%; }

@media only screen and (min-width: 340px) {
  .flex_listing_container.col4 .listing_item_box { width: 50%; }
}
@media only screen and (min-width: 620px) {
  .flex_listing_container.col4 .listing_item_box { width: 33.3333%; }
}
@media only screen and (min-width: 920px) {
  .flex_listing_container.col4 .listing_item_box { width: 25%; }
}

.lib_image {
  padding: 1px;
  text-align: center;
  width: 100%;
  position:relative;
}

.lib_title {
  margin: 15px 0px 10px 0px;
}
.lib_title h3,
.lib_title .lib_heading {
  font-weight:600;
  text-align:center;
  height:32px;
  font-size:14px;
  line-height:16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
}
.lib_title h3 a,
.lib_title .lib_heading a {
  color:#333;
}
.lib_title h3 a:hover,
.lib_title .lib_heading a:hover {
  color:#555;
  text-decoration:none;
}

.lib_attributes {
  margin: 5px 0px;
  font-size:13px;
  line-height:19px;
  font-weight:400;
  text-align:center;
  color:#555;
}
.lib_attributes_item {
  display:block;
}

.lib_shipping {
  margin: 5px -10px;
  font-size:13px;
  line-height:19px;
  font-weight:400;
  text-align:center;
  color:#555;
}
.lib_shipping .lib_shipping_image {
  display:inline-block;
  margin: 0 5px 0 0;
}
.lib_shipping .las {
  margin: 0 5px 0 0;
}
.lib_shipping a {
  color:#555;
  border-bottom: 1px solid #ccc;
}
.lib_shipping a:hover {
  color:#555;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}

.lib_rating_icons {
  margin: 5px -10px 5px -10px;
  display:block;
  font-weight:400;
  font-size:15px;
  line-height:15px;
  height:15px;
  color:#ddd;
  text-align:center;
}
.lib_no_reviews {

}
.lib_rating_icons .las,
.lib_rating_icons .lar {
  padding: 0 2px 0 0;
}
.lib_rating_icons .full  {
  color:#edca50;
}
.lib_rating_icons .lib_rating_count {
  color:#999;
  font-size:13px;
  line-height:15px;
  letter-spacing:1px;
  font-weight:600;
  vertical-align:1px;
}

.lib_price {
  margin: 10px -10px 0 -10px;
  font-weight:700;
  font-size: 15px;
  line-height:21px;
  height:34px;
  color:#434343;
  text-align:center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lib_price .standard_price,
.lib_price .special_price,
.lib_price .uvp_price, 
.lib_price .graduated_price {
  width:100%;
  height:21px;
}
.lib_price .item_price,
.lib_price .vpe,
.lib_price .vpe_with_item_price,
.lib_price .no_price {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 400;
  padding: 0px 5px;
  font-size:11px;
  line-height:13px;
  color:#999;  
}
.lib_price .small_price {
  padding: 0 3px 0 0;
  font-weight:400;
  font-size:11px;
  line-height:13px;
}
.lib_price .old_price {
  padding: 0px 5px;
  color:#999;
  text-decoration:line-through;
}
.lib_price .new_price {
  padding: 0px 5px;
  color:#f67766;
}
.lib_price .save_price {
  position:absolute;
  right:20px;
  top:20px;
  background: #f67766;
  padding: 4px 0px 4px 0px;
  font-size:15px;
  line-height:17px;
  font-weight:700;
  color:#fff;
  min-width:54px;
  text-transform:uppercase;
  text-align:center;
}

.lib_new_flag {
  position:absolute;
  left:20px;
  top:20px;
  background: #71ad82;
  padding: 4px 0px 4px 0px;
  font-size:15px;
  line-height:17px;
  font-weight:700;
  color:#fff;
  min-width:54px;
  text-transform:uppercase;
  text-align:center;
  z-index:1;
}

.lib_tax {
  font-size:11px;
  line-height:13px;
  font-weight:400;
  text-align:center;
  margin: 3px 0 0 0;
  color:#999;
}
.lib_tax a {
  color:#999;
  border-bottom: 1px solid #ccc;
}
.lib_tax a:hover {
  color:#999;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}

.lib_buttons {
  margin: 10px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* animation */
.lib_buttons {
  position:absolute;
  opacity:0;
  left:0;
  right:0;
  bottom:0;
  transform: translate(0, 100%); 
  transition: all 0.5s ease-in-out;
  background:rgba(232,232,232,0.5);
  width:100%;
  padding: 20px 0px;
}
.listing_item_box:hover .lib_buttons {
  opacity:1;
  transform: translate(0, 0);
}
.listing_item_box:hover .prod_image img {
  transform: scale(1.1);
}
/* animatuion */

.lib_buttons .cssButton {
  width: 40px;
  margin: 0px 4px;
  padding: 7px 0px 7px 0px !important;
}

/* Listing row */
.listing_item_row {
  position:relative;
  padding: 30px 20px;
  margin: 0px 0 0px 0;
  border:solid #eee;
  border-width:0px 1px 1px 1px;
  width:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.listing_item_row:first-child {
  border-top-width:1px;
}

.lir_image {
  width: 100%;
  padding: 0 0 20px 0;
}
@media only screen and (min-width: 759px) {
  .lir_image { width: 200px; padding: 0 30px 0 0; }
}

.lir_image_inner {
  text-align: center;
  width: 170px;
  position:relative;
  margin: 0px auto;
}

.lir_content {
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
  padding: 0 0 30px 0;
  border: solid #eee;
  border-width: 0px 0px 0px 0px;
}
@media only screen and (min-width: 500px) {
  .lir_content { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 30px 0 0px; border: solid #eee; border-width: 0px 1px 0px 0px; }
}
@media only screen and (min-width: 759px) {
  .lir_content { padding: 0 30px 0 30px; border: solid #eee; border-width: 0px 1px 0px 1px; }
}
.lir_action {
  text-align: left;
  width: 100%;
  padding: 0 0 0 0;
}
@media only screen and (min-width: 500px) {
  .lir_action { width: 200px; padding: 0 0 0 30px; }
}

.lir_title {
  margin: 3px 0px 15px 0px;
}
.lir_title h3,
.lir_title .lir_heading { 
  font-weight:600;
  font-size:14px;
  line-height:16px;
}
.lir_title h3 a,
.lir_title .lir_heading a {
  color:#333;
}
.lir_title h3 a:hover,
.lir_title .lir_heading a:hover {
  color:#555;
  text-decoration:none;
}
.lir_desc {
  font-size:14px;
  line-height:20px;
}
.lir_shipping {
  margin: 20px 0px 0px 0px;
  font-size:13px;
  line-height:19px;
  font-weight:400;
  color:#555;
}
.lir_shipping .lir_shipping_image {
  display:inline-block;
  margin: 0 5px 0 0;
}
.lir_shipping .las {
  margin: 0 5px 0 0;
}
.lir_shipping a {
  color:#555;
  border-bottom: 1px solid #ccc;
}
.lir_shipping a:hover {
  color:#555;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
.lir_rating_icons {
  margin: -5px 0 10px 0;
  display:block;
  font-weight:400;
  font-size:15px;
  line-height:15px;
  height:15px;
  color:#ddd;
}
.lir_no_reviews {
}
.lir_rating_icons .las,
.lir_rating_icons .lar {
  padding: 0 0 0 0;
}
.lir_rating_icons .full  {
  color:#edca50;
}
.lir_rating_icons .lib_rating_count {
  color:#999;
  font-size:12px;
  line-height:12px;
  letter-spacing:1px;
}
.lir_price {
  margin: 0 0 0 0;
  font-weight:700;
  font-size: 15px;
  line-height:21px;
  color:#434343;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lir_price .standard_price,
.lir_price .special_price,
.lir_price .uvp_price, 
.lir_price .graduated_price {
  width:100%;
}
.lir_price .item_price,
.lir_price .vpe,
.lir_price .vpe_with_item_price,
.lir_price .no_price {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 400;
  padding: 0px 0px;
  font-size:11px;
  line-height:13px;
  color:#999;  
}
.lir_price .small_price {
  padding: 0 3px 0 0;
  font-weight:400;
  font-size:11px;
  line-height:13px;
}
.lir_price .old_price {
  padding: 0px 10px 0 0;
  color:#999;
  text-decoration:line-through;
}
.lir_price .new_price {
  padding: 0px 0px;
  color:#f67766;
}
.lir_price .save_price {
  position:absolute;
  left:20px;
  top:20px;
  background: #f67766;
  padding: 4px 0px 4px 0px;
  font-size:15px;
  line-height:17px;
  font-weight:700;
  color:#fff;
  min-width:54px;
  text-transform:uppercase;
  text-align:center;
  z-index:1;
}
.lir_new_flag {
  position:absolute;
  left:20px;
  top:20px;
  background: #71ad82;
  padding: 4px 0px 4px 0px;
  font-size:15px;
  line-height:17px;
  font-weight:700;
  color:#fff;
  min-width:54px;
  text-transform:uppercase;
  text-align:center;
  z-index:1;
}
.lir_tax {
  font-size:11px;
  line-height:13px;
  font-weight:400;
  margin: 3px 0 0 0;
  color:#999;
}
.lir_tax a {
  color:#999;
  border-bottom: 1px solid #ccc;
}
.lir_tax a:hover {
  color:#999;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
.lir_buttons {
  margin: 20px 0 0 -4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
.lir_buttons .cssButton {
  width: 40px;
  margin: 0px 4px;
  padding: 7px 0px 7px 0px !important;
}

/* END Listing */

/* 21. START categories listing & subcats */
.subcats_container {
  margin: 10px -5px 30px -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.subcatlist {
  float:left;
  width:50%;
  padding: 0px 5px;
  margin: 0px 0px 10px 0px;
}
@media only screen and (min-width: 600px) {
  .subcatlist { width:33.3333%; }
}
@media only screen and (min-width: 900px) {
  .subcatlist { width:25%; }
}

.subcatlist_inner {
  border: 1px solid #eee;
  display:block;
}
.subcat_image {
  display:block;
  overflow:hidden;
  position:relative;
}
.subcat_image:before {
  content: "";
  display:block;
  padding-top: 75%;
}
.subcat_image img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 100%;
  max-height: 100%;
}
.subcat_title {
  display:block;
  padding: 0px 0px;
}
.subcat_title_inner {
  display:block;
  padding: 15px 15px;
  background:#f9f9f9;
  font-size:13px;
  line-height:19px;
  font-weight:700;
  text-transform:uppercase;    
  color:#555;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.subcat_title_inner .las,
.subcat_title_inner .lar {
  color:#555;
}
.subcatlist a {
  color:#555;
  display:block;
}
.subcatlist a:hover {
  text-decoration:none;
}
.subcatlist a:hover .subcat_title_inner {
  color:#333 !important;
  text-decoration:none !important;
  background:#eee;
}

.cat_description {
  margin: 30px 0 0px 0;
}
.cat_description ul {
  margin-left:18px;
}
.cat_description ol {
  margin-left:28px;
}
.cat_image {
  margin: 10px 0 30px 0;
  display:block;
  overflow:hidden;
  position:relative;
}
.cat_image:before {
  content: "";
  display:block;
  padding-top: 66.6666%;
}
@media only screen and (min-width: 601px) {
  .cat_image:before { padding-top: 33.3333%; }
}

.cat_image img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:100%;
  height:100%;
  object-fit:cover;
}
/* fix for IE 11 and object-fit */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cat_image img { max-width:100%; max-height:100%; width:auto; height:auto; }
}

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

/* 23. START listing filter bar */
.filter_bar {
  position:relative;
  margin-bottom: 30px;
}
.sort_bar {
  margin: 0px 0 0 0;
  padding: 0px 0px;
  border: 1px solid #eee;
}
.sort_bar_row {
  margin: 0px 0px 0px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sort_bar_item {
  width:50%; 
  padding:0px 0px;
}
@media only screen and (min-width: 690px) {
  .sort_bar_item { width:auto; } 
}
.sort_bar_item .view_tags {
  display:block;
  color:#333;
  background:#f5f5f5;
  font-size:13px;
  line-height:36px;
  padding: 5px 10px;
  font-weight:700;
  text-transform:uppercase;
  height:46px;
  cursor:pointer;
}
.sort_bar_item .view_tags:hover {
  text-decoration:none;
}
.sort_bar_filler {
  display:none;
  position:relative;
  width:0px;
  height:16px;
  border-left:1px solid #ccc;
}
@media only screen and (min-width: 690px) {
  .sort_bar_filler { display:block; }
}
.sort_bar_view_filler {
  position:relative;
  width:0px;
  height:16px;
  border-left:1px solid #ccc;
}
.sort_bar_view {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
  padding:0px 10px;
  margin-left:auto;
  background:#f5f5f5;
  order: 2;
}   
.sort_bar_filter { 
  order: 1; 
}
@media only screen and (min-width: 690px) {
  .sort_bar_view { order: initial; }
  .sort_bar_filter { order: initial; }
}
.sort_bar_view a {
  display: block;
  padding: 5px 10px;
  line-height: 36px;
  font-size: 18px;
  color:#ccc;
}
.sort_bar_view .las,
.sort_bar_view .lar {
  vertical-align:-1px;
}
.sort_bar_view a:hover {
  color:#555;
}
.sort_bar_view a.active {
  color:#555 !important;
}
.sort_bar_item .SelectClass, 
.sort_bar_item .SumoUnder {
  opacity:0;
  height:46px;
}
.sort_bar_item .SumoSelect > .CaptionCont {
  border: none !important;
  background: #fff;
  display: block;
  font-size:14px;
  font-weight:400;
}
@media only screen and (min-width: 690px) {
  .sort_bar_item .SumoSelect > .CaptionCont { display: inline-block; }
}
.sort_bar_item .SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont { background:none; border: none;}
.sort_bar_item .SumoSelect:focus > .CaptionCont,.SumoSelect:focus > .CaptionCont { background:none; border: none; }

.sort_bar_item .SumoSelect > .optWrapper {
  min-width: 240px;
  font-size:14px;
  line-height:20px;
}
.sort_bar_item  .SumoSelect > .optWrapper > .options > li {
  padding: 5px 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size:14px;
  line-height:20px;
}
.sort_bar_item .CaptionCont.SelectBox.Selected {
  color: #f67766 !important;
  background: none !important;
  border: none !important;
}
.tags_bar_toogle {
  display:none;
  margin: 0 0 30px 0;
}
.tags_bar {
  position:relative;
  margin-top:-30px;
  padding: 10px;
  background: #f5f5f5;
  border: solid #eee;
  border-width: 0px 1px 1px 1px;
}
.tags_bar_headline {
  font-size:11px;
  line-height:13px;
  font-weight:400;
  padding: 5px 0px 5px 2px;
  text-transform:uppercase;
}
a.tags_bar_reset {
  float:right;
  font-size:11px;
  line-height:13px;
  font-weight:400;
  text-transform:uppercase;
  border-bottom: 1px solid transparent;
}
a.tags_bar_reset:hover {
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
.tags_bar_row {
  margin: 0px -5px 0px -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tags_bar_item {
  width:50%;
  padding:5px 5px;
}
@media only screen and (min-width: 600px) {
  .tags_bar_item { width:33.3333%; }
}
@media only screen and (min-width: 759px) {
  .tags_bar_item { width:25%; }
}
.tags_bar_item .SumoSelect > .CaptionCont {
  border: 1px solid #eee;
  background: #fff;
  display: block;
  font-size:14px;
  font-weight:400;
  padding: 9px 10px 7px 10px;
  height: 40px !important;
}
.tags_bar_item .SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont { background: #fff; border: 1px solid #eee; }
.tags_bar_item .SumoSelect:focus > .CaptionCont,.SumoSelect:focus > .CaptionCont { background: #fff; border: 1px solid #eee; }

.tags_bar_item .SumoSelect > .optWrapper.open {
  min-width: 240px;
  font-size:14px;
  line-height:20px;
}
.tags_bar_item  .SumoSelect > .optWrapper > .options > li {
  padding: 5px 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size:14px;
  line-height:20px;
}
.tags_bar_item .CaptionCont.SelectBox.Selected {
  color: #f67766 !important;
  background: #fff !important;
}
/* END listing filter bar */

/* 25. START products_table for order_details, account_history_info, checkout_confirmation */
.ordercontainer_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	align-items: flex-end;
}
.ordercontainer_details {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;  
}
.ordercontainer_total {
  width:100%;
  padding: 0 0 0 0;
}
@media only screen and (min-width: 700px) {
  .ordercontainer_total { width:60%; padding: 0 0 0 0; }
}
@media only screen and (min-width: 985px) {
  .ordercontainer_row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: initial; -webkit-box-align: initial; align-items: initial; }
  .ordercontainer_total { width:30%; padding: 0 0 0 40px; }
}

.orderflex {
  border-top:1px solid #ddd;
}
.orderflex_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px 0px;
  border-bottom:1px solid #ddd;
  font-size:15px;
  line-height:19px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.orderflex_row_header {
  padding: 10px 0px ;
  text-transform:uppercase;
  font-size:12px;
  line-height:20px;
  font-weight:700;
}
.orderflex_row_header > div {
  padding: 0px 10px !important;
}
.orderflex_row_header > .of_col_summary {
  display:none;
}
.orderflex_row_header > .of_col_img {
  display:none;
}
@media (min-width: 700px){
  .orderflex_row_header > .of_col_summary { padding: 0px !important; min-height:auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
  .orderflex_row_header > .of_col_img { display:block; }
}

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

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

.of_col_img {
  width:90px;
  padding: 0px 10px 0px 10px;
  position:relative;
}
@media (min-width: 700px){
  .of_col_img { width:120px; }
}

.of_col_img_inner {
  display:block;
  vertical-align:middle;
  text-align:center;
  height:auto;
  overflow:hidden;
  position:relative;
}
.of_col_img_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
  background:#fff;
  border: 1px solid #eee;
}
.of_col_img_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 90%;
  max-height: 90%;
}

.of_col_flex {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;  
  padding: 0px 10px 0px 10px;
}

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

.of_col_qty {
  width:100%;
  padding: 3px 10px 3px 10px;
  text-align:center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
  border-top:1px solid #e1e1e1;
}
@media (min-width: 700px){
  .of_col_qty { border: none; padding: 0px 10px 0px 10px; }
}

.of_col_single {
  text-align:right;
  width:100%;
  padding: 3px 10px 3px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
  border-top:1px solid #e1e1e1;
}
@media (min-width: 700px){
  .of_col_single { border: none; padding: 0px 10px 0px 10px;  }
}

.of_col_total {
  text-align:right;
  width:100%;
  padding: 3px 10px 0px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
  border-top:1px solid #e1e1e1;
}
@media (min-width: 700px){
  .of_col_total { border: none; padding: 0px 10px 0px 10px; }
}

.of_col_qty_label,
.of_col_single_label, 
.of_col_total_label {
  display:block;
  padding: 11px 0px 9px 0px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 20px;
  font-weight: 700;
  width:100px;
  text-align:left;
}
@media (min-width: 700px){
  .of_col_qty_label, .of_col_single_label, .of_col_total_label { display:none; } 
  .of_col_single { width:100px; }
  .of_col_total { width:100px; }
  .of_col_qty { width:auto; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } 
}

.of_col_single_inner {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;  
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
}
.of_col_total_inner {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;  
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
}
.of_col_qty_inner {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;   
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
@media (min-width: 700px){
  .of_col_qty_inner { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

.of_col_total_tax {
  display:block;
  font-size:9px;
  line-height:13px;
  text-align:right;
}

.of_productname  {
  margin: 0 0 10px 0;
  font-weight:600;
}
.of_productname a {
  display:block;
}
.of_productname a.iframe {
  display:inline-block;
  font-weight:400;
  font-size:13px;
  line-height:15px;
}
.of_productname a:hover {
  text-decoration:none;
}
.of_description {
  margin: 10px 0 10px 0;
  padding: 0px 0px;
  font-size:13px;
  line-height:19px; 
}
.of_description p {
  margin: 0px 0px;
  padding: 0px 0px;
}
.of_attributes {
  list-style-type:none !important;
  margin: 0 0 0 0 !important; 
}
.of_attributes li {
  font-size:13px;
  line-height:19px; 
  padding: 1px 0px;
}
.of_model {
  font-size:13px;
  line-height:19px; 
  padding: 1px 0px;
}
.of_shipping {
  font-size:13px;
  line-height:19px; 
  padding: 1px 0px;
}
.of_quantity_field {
  text-align:right;
  width:60px;
}
@media only screen and (min-width: 700px) {
  .of_quantity_field { text-align:center; }
}
.of_quantity_field input {
  border: 1px solid #c0c0c0;
  padding: 7px 5px;
  height: 36px;
  text-align:center;
}  
.of_quantity_update {
  padding: 0 0 0 10px;
  width:46px;
}
.of_quantity_update .cssButton {
  padding: 5px 5px;
}
.of_quantity_update button {
  height:36px;
  opacity:0;
}  
.of_action {
  border-top: 1px solid #e1e1e1;
  width:100%;
  padding: 6px 0 0 0px;
  margin: 10px 0px 0 0;
  font-size:12px;
  line-height:16px;
  text-transform:uppercase;
  font-weight:600;
}
.of_action > span {
  display:inline-block;
  vertical-align:top; 
  padding: 0px 0px;
  margin: 0 20px 0 0;
}
.of_action > span a {
  margin: 5px 0px;
  display:block;
  color:#999; 
}
.of_action > span .las,
.of_action > span .lar {
  margin-right:6px; 
}
.of_action > span a:hover {
  color:#333;
  text-decoration:none; 
}
.of_action > span .cssButtonColor5 {
  background: transparent;
  color: #999;
}
.of_action > span .cssButtonColor5:hover {
  color: #333;
  text-decoration: none !important;
}
.of_action > span .cssButton {
  position: relative;
  display: block;
  width: 100%;
  text-align: inherit;
  padding: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  min-height: inherit;
}
.of_action > span .cssButton .las, 
.of_action > span .cssButton .lar {
  padding-left: 0;
  padding-right: 0;
}
.of_action > span .cssButton .cssButtonText {
  padding: inherit;
  font-size: inherit;
  line-height: inherit;
  height: inherit;
}
.of_action > span .cssButton .cssIconLeft, 
.of_action > span .cssButton .cssIconRight {
  padding: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none !important;
}

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

.ordersum.nocart {
  background:transparent;
}
.ordersum.nocart .ordertotal_row {
  border-top: 0px !important;
  border-bottom: 1px solid #ddd !important;
}
.ordersum_heading {
  display:none;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
  line-height: 20px;
  text-transform:uppercase;
  font-weight: 700;
  border-bottom:1px solid #ddd;
}
@media only screen and (min-width: 985px) {
  .ordersum_heading { display:block; }
}

.ordertotal_block {
  font-size:15px;
  line-height:19px;
}
.ordertotal_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 12px 10px;
  border-bottom: 1px solid #ddd;
}
.ordertotal_row .ot_width_1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;  
}
.ordertotal_row .ot_width_2 {
  width:80px;
  text-align:right;
}
.ordertotal_row .ot_width_3 {
  width:130px;
}
.ot_select {
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.ot_shipping {
  background:#eee;
  font-size:13px;
  line-height:17px;
}
.ot_total {
  padding: 15px 10px;
  background: #f5f5f5;
}
.ot_red {
  color:#f67766 !important;
}

/* accouunt history info */
.history_status {
  max-height:110px;
  overflow-y: auto;
  margin: 0 0 15px 0;
}
.history_status_inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.history_status_item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  padding: 4px 0px 4px 0px;
}
.history_status_item .date {
  width:70px;
}
.history_status_item .status {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight:600;
}
.history_status_item .comment {
  font-weight:400;
  display:block;
  padding: 0px 0 0 0;
  line-height:17px;
}

/* checkout_confirmation */
.checkout_action .apms_form_inner {
  width:100%;
  font-size: 14px;
  line-height: 20px;
  hyphens: auto;
}
/* ENDE Warenkorb als Liste */
/* END products_table for order_details, account_history_info, checkout_confirmation */


/* 26. START Product details */
.product_details_full {
  width:100%;
  padding: 0px 0px 0px 0px;
  margin: 0px auto;
}
.product_details_top {
  width:100%;
  max-width:1240px;
  padding: 0px 10px 0px 10px;
  margin: 0px auto 40px auto;
}
@media only screen and (min-width: 985px) {
  .product_details_top { padding: 0px 20px 0px 20px; }
}
.product_details_tabs {
  width:100%;
  max-width:1240px;
  padding: 30px 10px;
  margin: 0px auto 40px auto;
}
@media only screen and (min-width: 985px) {
  .product_details_tabs { padding: 30px 5%; }
}

.product_details_accordion {
  width:100%;
  max-width:1240px;
  padding: 30px 10px;
  margin: 0px auto 40px auto;
}
@media only screen and (min-width: 985px) {
  .product_details_accordion { padding: 30px 5%; }
}

.product_details_default {
  width:100%;
  padding: 0px 0px 0px 0px;
  margin: 0px auto;
}
.product_details_default_inner {
  width:100%;
  max-width:1240px;
  padding: 40px 10px;
  margin: 0px auto 0px auto;
}
@media only screen and (min-width: 985px) {
  .product_details_default_inner { padding: 40px 5%; }
}

.pd_cols_row {
  position:relative;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0;
  display:block;
}
.pd_heading {
  float:none;
  padding: 0 0 0 0; 
  width:100%;
  max-width:500px;
  margin: 0px auto;
}
.pd_col_1 {
  float:none;
  padding: 0 0 0 0;
  width:100%;
  max-width:500px;
  margin: 30px auto 30px auto;
}
.pd_col_2 {
  float:none;
  padding: 0 0 0 0px;
  width:100%;
  max-width:500px;
  margin: 0px auto;
}
@media only screen and (min-width: 850px) {
  .pd_heading { float:right; padding: 0 0 0 30px; width:50%; max-width:initial; margin: initial; }
  .pd_col_1 { float:left; padding: 0 30px 0 0; width:50%; max-width:initial; margin: initial; min-height:100px;}
  .pd_col_2 { float:right;  padding: 0 0 0 30px; width:50%; max-width:initial; margin: initial; }
}

.pd_col_full {
  padding: 0px 0px;
  width:100%;
}
.pd_sticky {
  position: static;
  top: 0;
}
@media only screen and (min-width: 850px) {
  .pd_sticky { position: -webkit-sticky !important; position: sticky !important; top: 15px; }
}
.admin_mode .pd_sticky {
  top: 0;
}
@media only screen and (min-width: 850px) {
  .admin_mode .pd_sticky { top: 50px; }
}

.pd_image_container {
  float:left;
  width:calc(100% - 10px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: -5px 10px 0 0px;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.pd_image_small_container {
  float:left;
  width:16.6666%;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-direction: column; 
  -ms-flex-direction: column;
  flex-direction: column; 
}
.pd_image_big_container {
  float:right;
  width:83.3334%;
  overflow:hidden;
}

.pd_image_small {
  display:block;
  font-size:20px;
  height:100%;
  color:#fff;
  padding: 5px 1px 5px 0;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.pd_image_small_inner {
  width:100%;
  border: 1px solid #eee;
  position:relative;
}
.pd_image_small_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 90%;
  max-height: 90%;
  cursor: pointer;
}
.pd_image_big {
  vertical-align:top;
  display:block;
  position:relative;
  padding: 5px 1px 5px 0;
}
.pd_image_big_inner {
  overflow:hidden;
  position:relative;
  width:100%;
  border: 1px solid #eee;
}
.pd_image_big_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
}
.pd_image_big_inner a {
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  bottom: 0px;
  right:0px; 
  margin: auto;
}
.pd_image_big img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 90%;
  max-height: 90%;
  cursor: zoom-in;
}
.pd_image_small_container .slick-slide {
  border: 0px solid transparent !important; 
  height:20% !important;
  opacity:1.0;
}
.pd_image_small_container .slick-slide.slick-current {
  opacity:0.5;
}
.pd_image_small_container .slick-slide > div {
  height:100% !important;
}
.pd_image_small_container .slick-list.draggable {
  height:100% !important;
  right:-10px;
}
.pd_image_small_container .slick-track {
  height:100% !important;
}

.pd_image_small_container .slick-next {
  left: 0px; right: -21px; bottom: 15px; margin: auto; top: auto;
  -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
}
.pd_image_small_container .slick-prev {
  left: 0px; right: -21px; bottom: auto; top: 15px; margin: auto;
  -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); 
}
.pd_image_small_container .slick-prev,  
.pd_image_small_container .slick-next, 
.pd_image_small_container .slick-prev:focus, 
.pd_image_small_container .slick-next:focus {
  width: 42px;
  height: 42px;
  background: #fff;
  z-index: 2;
  color: #333;
  opacity: 0.4;
	border-radius: 2px;
}
.pd_image_small_container .slick-prev:before,
.pd_image_small_container .slick-next:before {
  font-size:30px;
  color:#333;
}
.pd_image_small_container .slick-prev:hover,
.pd_image_small_container .slick-next:hover {
  outline: none;
  background: #fff;
  opacity:0.8;
}
.pd_image_small_container .slick-prev:hover:before,
.pd_image_small_container .slick-prev:focus:before,
.pd_image_small_container .slick-next:hover:before,
.pd_image_small_container .slick-next:focus:before {
  color: #333;
}

.pd_image_big_container .slick-next {
  right: 10px; top: 0px; bottom: 0px; margin: auto;  
}
.pd_image_big_container .slick-prev {
  left: 10px; top: 0px; bottom: 0px; margin: auto;
}
.pd_image_big_container .slick-prev,  
.pd_image_big_container .slick-next, 
.pd_image_big_container .slick-prev:focus, 
.pd_image_big_container .slick-next:focus {
  width: 42px;
  height: 42px;
  background: #fff;
  z-index: 2;
  color: #333;
  opacity: 0.4;
	border-radius: 2px;
}
.pd_image_big_container .slick-prev:before,
.pd_image_big_container .slick-next:before {
  font-size:30px;
  color:#333;
}
.pd_image_big_container .slick-prev:hover,
.pd_image_big_container .slick-next:hover {
  outline: none;
  background: #fff;
  opacity:0.8;
}
.pd_image_big_container .slick-prev:hover:before,
.pd_image_big_container .slick-prev:focus:before,
.pd_image_big_container .slick-next:hover:before,
.pd_image_big_container .slick-next:focus:before {
  color: #333;
}

.pd_heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.pd_title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.pd_title h1 {
  font-weight: 300;
  font-size: 26px;
  line-height: 30px;
  color:#333;
  margin:0 0 0 0;
  padding:0 0 0 0;
}
.pd_manuimage {
  width:110px;
  padding: 0 0 0 30px;
}
.pd_manuimage img {
  max-width: 100%;
  height:auto;
  vertical-align:top;
}

.pd_ratingrow {
  margin: 8px 0 0px 0;
  padding: 1px 0px;
  font-size:13px;
  line-height:19px;
  text-align:left;
}
.pd_ratingrow strong {
  font-weight:600;
}
.pd_ratingrow a:hover {
  text-decoration:none;
}  
.pd_ratingrow .filler {
  display:inline-block;
  padding: 0px 8px;
  color:#999;
}
.pd_ratingrow .pd_rating_icons {
  display:inline-block;
  font-size:15px;
  line-height:17px;
  color:#ddd;
  padding: 0px 1px 0 2px;
}
.pd_ratingrow .pd_rating_icons .las,
.pd_ratingrow .pd_rating_icons .lar,
.pd_ratingrow .pd_rating_icons .lab {
  padding: 0 1px 0 0;
  vertical-align:-1px;
}
.pd_ratingrow .pd_rating_icons .full  {
  color:#edca50;
}

.pd_heading_inforow {
  padding: 1px 0px;
  font-size:13px;
  line-height:19px;
  text-align:left;
}
.pd_heading_inforow strong {
  font-weight:600;
}

.pd_shippingrow {
  margin: 20px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.pd_shippingrow strong {
  font-weight:600;
}
.pd_shipping_icon {
  width:32px;
  font-size:22px;
  line-height:24px;
}
.pd_shipping_image {
  display:inline-block;
  padding: 0 5px 0 0;
}
.pd_shipping_content {
  padding: 3px 0px 0px 0px;
  font-size:14px;
  line-height:16px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;  
}
.pd_shipping_content a:hover {
  text-decoration:none;
}
.pd_shippingrow.red {
  color:#f67766 !important;
}

.pd_summary {
  margin: 20px 0 0 0;
}

.pd_price {
  position:relative;
  text-align:left;
  padding: 0 0 0 0;
  margin: 0 0 30px 0;
  color:#555;
}
.pd_price .no_price {
  font-size:12px;
  line-height:16px;
  font-weight:400;
  display:block;
  padding:4px 0 4px 0;
  color:#999;
}
.pd_price .small_price {
  vertical-align:0px;
  padding: 0 3px 0 0;
  font-weight:400;
  font-size:12px;
  line-height:12px;
}
.pd_price .standard_price {
  display:block;
  font-weight:600;
  font-size: 22px;
  line-height:24px;
}
.pd_price .special_price {
  display:block;
}
.pd_price .new_price {
  float:left;
  display:inline-block;
  font-weight:600;
  font-size: 22px;
  line-height:24px;
  color:#f67766;
}
.pd_price .old_price {
  float:left;
  display:inline-block;
  font-weight:600;
  font-size: 22px;
  line-height:24px;
  color:#999;
  text-decoration:line-through;
  padding: 0 0 0 15px;
}
.pd_price .save_price {
  display:inline-block;
  background: #f67766;
  padding: 3px 4px 4px 4px;
  margin: 0 0 2px 0;
  font-size:17px;
  line-height:17px;
  font-weight:600;
  color:#fff;
  min-width:54px;
  text-transform:uppercase;
  text-align:center;
}
.pd_price .uvp_price {
  display:block;
  font-weight:600;
  font-size: 22px;
  line-height:24px;
}
.pd_price .graduated_price {
  display:block;
  font-weight:600;
  font-size: 22px;
  line-height:24px;
}
.pd_price .item_price {
  display:block;
  font-weight: 400;
  text-align:left;
  padding: 0px 0 0 0;
  font-size:12px;
  line-height:16px;
  color:#999;
}
.pd_vpe {
  display:block;
  font-weight: 400;
  text-align:left;
  padding: 0px 0 0 0px;
  font-size:12px;
  line-height:16px;
  color:#999;
}
.pd_tax {
  display:block;
  font-weight: 400;
  text-align:left;
  padding: 0px 0 0px 0;
  font-size:12px;
  line-height:16px;
  color:#999;
}
.pd_tax a {
  color:#999;
  border-bottom: 1px solid #ccc;
  text-decoration:none;
}
.pd_tax a:hover {
  border-bottom: 1px solid #ccc;
  text-decoration:none;
}
.pd_expires {
  display:block;
  font-weight: 400;
  text-align:left;
  padding: 0px 0 0px 0;
  font-size:12px;
  line-height:16px;
  color:#f67766;
}

.fskmessage {
  position:relative;
  border: none;
  padding: 10px 10px 10px 50px;
  font-size:14px !important;
  line-height:18px;
  font-weight:400;
  color:#f67766;
  background: #fdf1f0;
  margin:30px 0 0px 0;
}
.fskmessage:before {
  font-weight:900;
  content: '18';
  position:absolute;
  width:38px;
  top:0px;
  left:0px;
  bottom: 0px;
  font-size:22px;
  line-height:22px; 
  padding: 0px 0px;
  color:#fde4e0;
	-ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
  background-color:#f67766;
}

ul.pd_iconlist {
  margin: 20px 0 0px 0px !important;
  list-style-type:none;
}
ul.pd_iconlist li {
  position:relative;
  padding: 3px 0px 3px 30px;
  margin: 5px 0px;
  font-size:13px;
  line-height:19px;
}
ul.pd_iconlist li strong {
  font-weight:600;
}
ul.pd_iconlist li a {
  display:inline-block;
  font-weight:400;
}
ul.pd_iconlist li a:hover {
  text-decoration:none;
}
ul.pd_iconlist li.url a {
  border-bottom: 1px solid #ccc;
}

ul.pd_iconlist li.ean:before {
  font-family: 'Line Awesome Free';
  content: '\f02c';
  font-weight:900; font-size:17px; line-height:19px; position:absolute; top:4px; left:1px;
}
ul.pd_iconlist li.brand:before {
  font-family: 'Line Awesome Free';
  content: '\f275';
  font-weight:900; font-size:17px; line-height:19px; position:absolute; top:4px; left:1px;
}
ul.pd_iconlist li.print:before {
  font-family: 'Line Awesome Free';
  content: '\f02f';
  font-weight:900; font-size:17px; line-height:19px; position:absolute; top:4px; left:1px;
}
ul.pd_iconlist li.express:before {
  font-family: 'Line Awesome Free';
  content: '\f218';
  font-weight:900; font-size:17px; line-height:19px; position:absolute; top:4px; left:1px;
}
ul.pd_iconlist li.discount:before {
  font-family: 'Line Awesome Free';
  content: '\f295';
  font-weight:900; font-size:17px; line-height:19px; position:absolute; top:4px; left:1px;
}
ul.pd_iconlist li.url:before {
  font-family: 'Line Awesome Free';
  content: '\f05a';
  font-weight:900; font-size:17px; line-height:19px; position:absolute; top:4px; left:1px;
}
ul.pd_iconlist li.dateadded:before {
  font-family: 'Line Awesome Free';
  content: '\f133';
  font-weight:900; font-size:17px; line-height:19px; position:absolute; top:3px; left:1px;
}

.pd_module_title {
  font-size: 12px;
  line-height: 16px;
  color: #555;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

/* default */
.product_details_default .pd_module_title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  text-transform:none;
  margin: 0px 0px 15px 0px;
  padding: 0 0 10px 0;
  border-bottom: none;
}

/* tabs */
/* START switch tab to accordion */
.pd_tabs .resp-tabs-list {
  display:none;
}
@media only screen and (min-width: 690px) {
  .pd_tabs .resp-tabs-list { display:block; }
}
.pd_tabs h2.resp-accordion {
  display: block;
  font-size:14px;
  line-height:20px;
  text-transform:uppercase;
  font-weight:400;
  padding: 15px 20px;
}
@media only screen and (min-width: 690px) {
  .pd_tabs h2.resp-accordion { display: none; }
}
/* END switch tab to accordion */

.pd_tabs .resp-tabs-list li {
  font-size: 14px;
  line-height:20px;
  text-transform: uppercase;
  color:#999;
  font-weight:400;
  padding: 15px 20px !important;
  border-top: 1px solid transparent;
}
.pd_tabs .resp-tab-active {
  border-color:#ededed !important;
  color:#333 !important;
  font-weight:700 !important;
  background-color: #fff;
  padding: 15px 20px !important;
}
.pd_tabs .resp-tab-content {
  padding: 10px 20px 20px 20px;
  border: 1px solid #ededed;
}
.pd_tabs .resp-tab-item > span.count {
  background: #999;
  color: #fff;
  margin: 0 0 0 8px;
  padding: 0px 8px 1px 8px;
	border-radius: 4px;
  text-align: center;
  font-weight:700;
}
.pd_tabs .resp-tab-active > span.count {
  background: #333;
  color: #fff;
}

/* accordion */
.pd_accordion h2.resp-accordion {
  font-size: 14px;
  line-height:20px;
  text-transform: uppercase;
  color:#999;
  font-weight:400;
  padding: 15px 20px !important;
  border-top: none;
  background-color:#fafafa;
}
.pd_accordion h2.resp-tab-active {
  border-color:#ededed !important;
  color:#333 !important;
  font-weight:700 !important;
  background-color: #fff !important;
  padding: 15px 20px !important;
}
.pd_accordion .resp-tab-content {
  padding: 30px 20px 30px 20px;
  border: 1px solid #ededed;
}

.pd_accordion .resp-accordion > span.count {
  background: #999;
  color: #fff;
  margin: 0 0 0 8px;
  padding: 0px 8px 1px 8px;
	border-radius: 4px;
  text-align: center;
  font-weight:700;
}
.pd_accordion .resp-tab-active > span.count {
  background: #333;
  color: #fff;
}
.pd_accordion .resp-arrow {
  top: 15px;
}
.pd_accordion .resp-tab-active .resp-arrow {
  top: 17px;
}
.pd_accordion .pd_module_title {
  display:none;
}


.pd_description {

}
.pd_description ul {
  margin: 10px 0px 10px 18px;
}
.pd_description ol {
  margin: 10px 0px 10px 18px;
}
.pd_description ul li,
.pd_description ol li {
  display: list-item !important;
}
.pd_description img{
  width: auto;
  max-width: 100%;
  height: auto;
}
.pd_description iframe{
  max-width: 100%;
}

/* END Product details */


/* 27. START graduated prices */
.graduated_container {
  margin: 30px 0px 0px 0px;
  font-weight:400;
  padding: 10px 0 0 0;
  background:#f5f5f5;
}
.graduated_headline {
  margin: 0 10px 5px 10px;
  padding: 0 0 5px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
}
.graduated_row {
  display:flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.graduated_item {
  width:33.3333%;
  font-size: 14px;
  line-height: 18px;
  padding: 3px 10px 0 10px;
  margin: 0 0 10px 0
}
@media only screen and (min-width: 500px) {
  .graduated_item { width:25%; }
}
.graduated_title {
  font-weight:600;
  line-height: 18px;
}
.graduated_vpe {
  font-weight: 400;
  padding: 0px 0 0 0px;
  font-size: 12px;
  line-height: 16px;
  color: #555;
}
/* END graduated prices */


/* 28. START addtobasket */
.addtobasket {
  margin: 30px 0px 0px 0px;
  padding: 5px 5px;
	border-radius: 2px;
  background:rgba(227,239,230,1.0);
  font-size: 14px;
  line-height: 18px;
}
.addtobasket_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 5px 0px;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
  -webkit-justify-content: flex-end; 
  -ms-flex-pack: flex-end; 
  justify-content: flex-end;
}
.addtobasket_text {
  display:none;
  margin: 0 0 0px 0;
  padding: 0 5px 0 5px;
  font-weight: 600;
  width: 70px;
}
@media only screen and (min-width: 500px) {
  .addtobasket_text { display:block; }
}
.addtobasket_input {
  padding: 0 5px 0 5px;
  width: 80px;
}
.addtobasket_wish {
  padding: 0 5px 0 5px;
  width: 60px;
}
.addtobasket_cart {
  padding: 0 5px 0 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.addtobasket_paypal {
  padding: 0 5px 0 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width:calc(50% - 35px);
}
.addtobasket_express {
  padding: 0 5px 0 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width:calc(50% - 35px);
  text-align:right;
  line-height: 17px;
}
.addtobasket_express_link {
  padding: 0 5px 0 5px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width:100%;
  text-align:right;
  line-height: 17px;
}
/* END addtobasket */

/* 30. START product_options */
.productoptions {
  margin: 30px 0px 0px 0px;
  font-weight:400;
}

.po_row_select {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px;
  margin: 0 0 10px 0;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 2px;
  background:#f5f5f5;
}
.po_row_select:last-child {
  margin: 0 0 0 0;
}
.po_row_select_name {
  margin: 0 0 0px 0;
  padding: 0 10px 0 0px;
  font-size: 14px;
  line-height: 18px;
  font-weight:600;
  width:150px;
}
.po_row_select_item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.po_row_select_item select {
  height:40px !important;
}
.po_row_select_item .SumoSelect > .CaptionCont {
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  background-color: #fff;
  border: none !important;
  padding: 10px 10px 10px 10px !important;
}
.po_row_select_item .SumoSelect > .optWrapper {
  font-size: 14px;
  line-height: 20px;
}

.po_row_table {
  padding: 10px;
  margin: 0 0 10px 0;
	border-radius: 2px;
  background:#f5f5f5;
}
.po_row_table:last-child {
  margin: 0 0 0 0;
}
.po_row_table_name {
  margin: 0 0 5px 0;
  padding: 0 0px 0 0px;
  font-size: 14px;
  line-height: 18px;
  font-weight:600;
}
.po_row_table_item {
  padding: 8px 0px 8px 0px;
  border-top: 1px solid #ddd;
  font-size: 14px;
  line-height: 20px;
}
.po_row_table_item:last-child {
  padding: 8px 0px 2px 0px;
}
.po_row_table_label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.po_row_table_option {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;  
}
.po_row_table_price {
  white-space:nowrap;
  text-align:right;
  font-weight:600;
  padding: 0 0 0 20px;
}
.po_row_table_additional {
  width:100%;
  font-size:12px;
  line-height:18px;
  font-style:italic;
}
/* END product_options */

/* 31. START product_details media */
.media_block {
  margin: 20px 0 15px 0;
  border-top: 1px solid #eee;
}

.media_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
  font-size:14px;
  line-height:18px;
  border-bottom: 1px solid #eee;
  padding: 10px 5px;
}
.media_bg1 {
  background:#fafafa;
}
.media_bg2 {
  background:#ffffff;
}
.media_row a:hover {
  text-decoration:none !important;
}
.media_desc {
  width:100%;
  padding: 5px 20% 0px 56px;
}
.media_icon {
  width:56px;
  line-height:46px;
  font-size:24px;
  text-align:center;
  padding: 0 20px 0 0;
}
.media_content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight:600;
  padding: 0 10px 0 0;
}
.media_size {
  display:none;
  width:180px;
  padding: 0 20px;
  text-align:right;
  font-style:italic;
}
@media only screen and (min-width: 500px) {
  .media_size { display:block; }
}

.media_button {
  width:130px;
  min-height:46px;
}
/* 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 20px 0 0;
}    
body.popupcontent h1 {
  margin: 0px 0 15px 0;
}
body.popupcontent ul {
  margin: 10px 0 10px 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;
}

.popupprint table.order_table {
  margin-top:10px;
  font-size:13px;
  line-height:19px;
  width:100%;
}
.popupprint .ord_table_left {
  text-align:left;
}
.popupprint .ord_table_right {
  text-align:right;
}
.popupprint .ord_width40 {
  width:40px;
}
.popupprint .ord_width110 {
  width:110px;
}
.popupprint .ord_width120 {
  width:120px;
}
.popupprint table.order_table tr.headerrow {
  font-size:12px;
  line-height:18px;
  font-weight:bold;
  background:transparent;
}
.popupprint table.order_table tr.headerrow td {
  padding:5px 5px;
  vertical-align:top;
}
.popupprint table.order_table tr.mainrow td {
  border-top: 1px solid #ddd;
  padding:10px 5px;
  vertical-align:top;
}
.popupprint table.order_table ul.attributes_list {
  list-style-type:none;
  margin: 7px 0px 0px 0px !important;
}
.popupprint table.order_table ul.attributes_list li {
  font-size:12px;
  line-height:20px;
}
.popupprint .total_table_right {
  float:right;
}
.popupprint table.total_table {
  font-size:13px;
  line-height:19px;
}
.popupprint 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 */
/* product details */
.pd_reviews {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 850px) {
  .pd_reviews { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
}
.pd_reviews_summary {
  width: 100%;
  padding: 0px 0px;
  text-align:center;
  margin: 0 0 30px 0;
}
@media only screen and (min-width: 850px) {
  .pd_reviews_summary { width: 300px; margin: 0 0 0 0; }
}
.pd_reviews_content {
  padding: 0 0 0 0; 
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
} 
@media only screen and (min-width: 850px) {
  .pd_reviews_content { padding: 0 0 0 50px; } 
}

.pd_reviews_heading {
  border-bottom: 1px solid #eee;
  font-size:13px;
  line-height:19px;
  font-weight:600;
  padding: 8px 0px;
  text-align:center;
}
.pd_reviews_stars {
  text-align:center;
  font-size:24px;
  line-height:24px;
  color:#ddd;
  margin: 15px 0 15px 0;
}
.pd_reviews_stars .full {
  color:#edca50;
}
.pd_reviews_note {
  font-size:13px;
  line-height:19px;
  font-weight:600;
  text-align:center;
}
.pd_reviews_all {
  margin: 10px 0 0 0;
  font-size:13px;
  line-height:19px;
  text-align:center;
}
.pd_reviews_all a {
  text-decoration:none;
}
.pd_reviews_all a:hover {
  text-decoration:none;
}

/* reviews sites */
.reviewrow_full {
  padding: 0px 0px;
  margin: 0 0 30px 0;
}
.reviewrow_full strong {
  font-weight:600;
}
.reviewrow_full_head {
  font-size:13px;
  line-height:19px;
  padding: 8px 0px;
  border-bottom: 1px solid #eee;
}
.reviewrow_full_head .seperator {
  display:inline-block;
  padding: 0px 10px;
  color:#ccc;
}
.reviewrow_full_head .rating_icons {
  display:inline-block;
  font-size:15px;
  line-height:15px;
  color:#ccc;
  padding: 0px 3px 0 5px;
  vertical-align:-1px;
}
.reviewrow_full_head .rating_icons .las,
.reviewrow_full_head .rating_icons .lar,
.reviewrow_full_head .rating_icons .lab {
  padding: 0 1px 0 0;
  vertical-align:0px;
}
.reviewrow_full_head .rating_icons .full  {
  color:#edca50;
}
.reviewrow_full_content {
  padding: 10px 1px;
  font-size:15px;
  line-height:21px;
}
.reviewrow_full_content h3 {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 15px 0;
  padding: 0;
}
.reviewrow_full_content h3 a {
  color:#333;
}
.reviewrow_full_content h3 a:hover {
  color:#555;
  text-decoration:none;
}

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

.pr_reviews {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 850px) {
  .pr_reviews { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
}

.pr_reviews_image {
  width: 300px;
  max-width:100%;
  padding: 10px 0px;
  text-align:center;
}
.pr_reviews_image_small {
  width: 200px;
  padding: 10px 0px;
  text-align:center;
}
.pr_reviews_image_box {
  position:relative;
  overflow:hidden;
  width:100%;
  border: 1px solid #eee;
}
.pr_reviews_image_box:before {
  content: "";
  display:block;
  padding-top: 100%;
}
.pr_reviews_image_box img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 90%;
  max-height: 90%;
}
.pr_reviews_content {
  padding: 0 0 0 0; 
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
} 
@media only screen and (min-width: 850px) {
  .pr_reviews_content { padding: 0 0 0 50px; }
}

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


/* 35. START upcoming_products */
.upcoming_row {
  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;
  border-bottom: 1px solid #eee;
}

.field_item_2:nth-child(-n+2) .upcoming_row {
  border-top: 1px solid #eee;
}
.upcoming_date {
  padding: 0px 0px 0px 20px;
  width:120px;
  font-size:14px;
  line-height:40px;
  text-align:left;
  font-weight:700;
  background:#f5f5f5;
}
.upcoming_date .las {
  display: inline-block;
  vertical-align: -1px;
}  
.upcoming_text {
  padding: 0px 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.upcoming_text span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size:15px;
  line-height:21px;
  font-weight:300;
}
.upcoming_text a:hover {
  text-decoration: none;
}
/* END upcoming_products */

/* 37. START downloads */
.download_box {
  border-top: 1px solid #ddd;
  margin: 0 0 20px 0;
}

.download_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  border-bottom: 1px solid #ddd;
  padding:5px 0;
}
.dl_icon {
  width:60px;
  padding: 5px 0px 0px 10px;
}
.dl_icon a {
  display:inline-block;
  font-size:20px;
  line-height:20px;
  padding: 5px;
  border-radius:20px;
}
.dl_icon a.dl_allow {
  border: 2px solid #71b747;
  color:#71b747;     
}
.dl_icon a.dl_lock {
  border: 2px solid #f67766;
  color:#f67766;
}
.dl_icon a:hover {
  opacity:0.8;
  text-decoration:none;
}
.dl_content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height:22px;
  font-size:14px;
}
.dl_content a:hover {
  text-decoration:none;
  border-bottom: 1px solid #999;
}  
/* 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);
}
#layout_adminlogin .login:hover {
  text-decoration: none;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#494949));
  background: -moz-linear-gradient(top,  #242424,  #494949);
}
/* END offline & admin-login */


/* 39. START toggle shopping cart box */
.toggle_overlay {
  display:none;
  position:fixed;
  top:0;
  background:rgba(0,0,0,0.3);
  width:100%;
  height:100%;
  z-index:1300;
}

.toggle_cart,
.toggle_wishlist,
.toggle_account,
.toggle_settings {
  text-align:left;
  position:fixed;
  top:0px;
  bottom: 0px;
  margin: auto;
  z-index:1301;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-width:80%;
  padding:40px 20px 70px 20px;
  background:#fafafa;
  color:#333;
  right:-350px;
  width:350px;
  display:block !important;  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity:0;
}
.admin_mode .toggle_cart,
.admin_mode .toggle_wishlist,
.admin_mode .toggle_account,
.admin_mode .toggle_settings {
  padding-top:76px;
}

.toggle_cart.active,
.toggle_wishlist.active,
.toggle_account.active,
.toggle_settings.active {
  opacity:1;
  right:0px;
}

.toggle_cart > .toggle_closer,
.toggle_wishlist > .toggle_closer,
.toggle_account > .toggle_closer,
.toggle_settings > .toggle_closer {
  cursor:pointer;
  width:30px;
  height:30px;
  background:#eee;
  color:#555;
  position:absolute;
  top:15px;
  right:20px;
  font-size:20px;
  line-height:30px;
  text-align:center;
}
.admin_mode .toggle_cart > .toggle_closer,
.admin_mode .toggle_wishlist > .toggle_closer,
.admin_mode .toggle_account > .toggle_closer,
.admin_mode .toggle_settings > .toggle_closer {
  top:46px;
}
.toggle_closer {
  cursor:pointer;
}

.toggle_cart .infomessage,
.toggle_wishlist .infomessage {
  margin: 10px 0 10px 0;
}
.toggle_cart .giftmessage {
  margin: 10px 0 10px 0;
  padding: 10px 10px 10px 50px;
  position:relative;
  border: none;
  font-size:14px !important;
  line-height:18px;
  font-weight:400;
  color:#3d82ab;
  background: #d5e6f0;
}
.toggle_cart .giftmessage:before {
  font-family: 'Line Awesome Free';
  font-weight:900;
  content: '\f06b';
  position:absolute;
  width:38px;
  top:0px;
  left:0px;
  bottom: 0px;
  font-size:22px;
  line-height:22px; 
  padding: 0px 0px;
  color:#d5e6f0;
  background:#3d82ab;
	-ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
}

.toggle_headline {
  margin: 10px 0px;
  font-size:14px;
  line-height:18px;
  font-weight:700;
  text-transform:uppercase;
}
.toggle_products {
  margin: 10px 0px;
  border-top: 1px solid #ddd;
}
.toggle_products_item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  padding: 10px 0px;
  border-bottom: 1px solid #ddd;
}
.toggle_products_image {
  width:50px;
  position:relative;
  background:#fff;
  border: 1px solid #eee;
}
.toggle_products_image:before {
  content: "";
  display:block;
  padding-top: 100%;
}
.toggle_products_image img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 90%;
  max-height: 90%;
}
.toggle_products_content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0px 15px;
}
.tpc_title {
  font-size: 14px;
  line-height: 16px;
}
.tpc_title a:hover {  
  text-decoration:none;
}
.tpc_quantity {
  margin: 4px 0 0 0;
  font-size: 12px;
  line-height: 14px;
  font-weight:600;
}
.toggle_products_icon {
  width:30px;
}
.toggle_products_icon .cssButton {
  padding: 4px;
}
.toggle_products_icon .cssButton .cssButtonText {
  display:none !important;
}  
.toggle_products_icon .cssButtonColor5 {
  background:#ccc;
  color:#333;
}
.toggle_products_icon .cssButtonColor5:hover {
  opacity:0.8;
}

.toggle_action_1,
.toggle_action_2 {
  margin: 10px 0px;
}
.toggle_action_1 a,
.toggle_action_2 a {
  text-decoration:none !important;
}
.toggle_account #loginbox {
  border-top: 1px solid #ddd;
  padding: 10px 0 10px 0;
}
.toggle_account #loginbox input[type=text], 
.toggle_account #loginbox input[type=password], 
.toggle_account #loginbox input[type=email] {
  background-color: #FFFFFF;
}
.toggle_account ul.arrownav {
  border-top: 1px solid #ddd;
}
.toggle_account ul.arrownav li {
  padding: 10px 0px;
  border-bottom: 1px solid #ddd;
}
.toggle_account ul.arrownav li a {
  font-size: 14px;
  line-height: 18px;
}

.toggle_settings .settingsbox {
  border-top: 1px solid #ddd;
  padding: 10px 0 10px 0;
  margin: 0 0 10px 0;
}
.toggle_settings .settingsbox .SumoSelect > .CaptionCont {
  background:#fff;
}
/* END toggle shopping cart box */


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


/* 42. START sitemap  */
.sitemaplist {
  margin: 20px 0 20px 0;
}
.sitemaplist ul {
  list-style-type:none;
  margin:0px;
}
.sitemaplist .overview {
  display:none !important;
}
.sitemaplist > ul.sitemapcat {
  -moz-column-count: 1;
  -moz-column-gap: 0px;
  -moz-column-rule: 1px solid #eee;
  -webkit-column-count: 1;
  -webkit-column-gap: 0px;
  -webkit-column-rule: 1px solid #eee;
  column-count: 1;
  column-gap: 0px;
  column-rule: 1px solid #eee;
}
@media only screen and (min-width: 500px) {
  .sitemaplist > ul.sitemapcat { -moz-column-count: 2; -moz-column-gap: 60px; -webkit-column-count: 2; -webkit-column-gap: 60px; column-count: 2; column-gap: 60px; }
}
@media only screen and (min-width: 850px) {
  .sitemaplist > ul.sitemapcat { -moz-column-count: 3; -moz-column-gap: 60px; -webkit-column-count: 3; -webkit-column-gap: 60px; column-count: 3; column-gap: 60px; }
}

.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,
.sitemaplist > ul.sitemapcat > li.level1 > span {
  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:14px;
  line-height:20px;
  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  */


/* START Subcontent navigation in content */
.flex_1column_item ul.footer_list {
  margin: -15px 0 30px 20px;
} 
.flex_1column_item ul.footer_list ul {
  display: block;
}
.flex_1column_item ul.footer_list .active1 > a,
.flex_1column_item ul.footer_list .activeparent1 > a {
  font-weight:700;
}
.flex_1column_item ul.footer_list .active2 > a,
.flex_1column_item ul.footer_list .activeparent2 > a {
  font-weight:700;
} 

.subcontent {
  float:right;
  margin: 4px 0px 40px 40px;
  background: #f9f9f9;
  border: 1px solid #ededed;
  padding: 10px;
  width:100%;
  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 #f9f9f9;
}
.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 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  font-size:14px;
  line-height:18px;
  border-bottom: 1px solid #eee;
  padding: 10px 5px;
}
.tags_bg1 {
  background:#fafafa;
}
.tags_bg2 {
  background:#ffffff;
}

.tags_row .tags_options {
  float:left;
  width:30%;
  min-width:120px;
  font-weight:700;
  padding: 2px 10px 2px 0;
}
.tags_row .tags_options .las {
  font-size:14px;
  line-height:18px;
  color:#3d82ab;
  margin-left:4px;
}
.tags_row .tags_options .la-info-circle:before {
  background: #3d82ab;
	border-radius: 18px;
  color: #fff;
}
.tags_options_tooltip {
  position:relative;
  z-index: 1;
  display:inline-block;
}
.tags_options_tooltip .tags_options_tooltip_hover {
  position:absolute;
  bottom:20px;
  left:-95px;
  width:200px;
  background:#555;
  border: 1px solid #555;
  color:#fff;
  display:none;
  font-size:13px;
  line-height:17px;
  font-weight:400;
  padding:5px;
}
.tags_options_tooltip:hover .tags_options_tooltip_hover {
  display:block;
}

.tags_row .tags_values {
  float:left;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display:block;
  font-size:0px;
  padding: 0px 0px 0px 0;
}
.tags_values_icon_row {
  font-size:14px;
  line-height:18px;
  float:left;
  padding:2px 0px 2px 0px;
}

.tags_values_icon {
  float:left;
  display:inline-block;
  height:18px;
  width:auto;
  margin:0 10px 0px 0;
}
.tags_values_icon img {
  float:left;
  height:18px;
}
.tags_values_icon a {
  display:block;
}
.tags_values_icon a:hover {
  text-decoration:none;
}
.tags_icons_tooltip {
  position:relative;
  display:block;
}
.tags_icons_tooltip .tags_icons_tooltip_hover {
  position:absolute;
  bottom:24px;
  left:-95px;
  width:200px;
  background:#555;
  border: 1px solid #555;
  color:#fff;
  display:none;
  font-size:13px;
  line-height:17px;
  font-weight:400;
  padding:5px;
}
.tags_icons_tooltip:hover .tags_icons_tooltip_hover {
  display:block;
}

.tags_values_text_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  font-size:14px;
  line-height:18px;
  font-weight:400;
  float:left;
  padding:2px 0px 2px 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:#555;
  border: 1px solid #555;
  color:#fff;
  display:none;
  font-size:13px;
  line-height:17px;
  font-weight:400;
  padding:5px;
}
.tags_values_name:hover .tags_values_desc_hover {
  display:block;
}
.tags_values_info {
  position:relative;
}
.tags_values_info .las {
  font-size:14px;
  line-height:18px;
  color:#3d82ab;
  margin-left:4px;
}
.tags_values_info .la-info-circle:before {
  background: #3d82ab;
	border-radius: 18px;
  color: #fff;
}
.tags_values_diff {
  font-size:14px;
  line-height:18px;
  padding-left:1px;
  padding-right:4px;
}
/* END tags */

/* START Bannermanager */
.banner_row {
  margin: -5px -5px 0px -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}        
.banner_item {
  padding: 5px;
}

.width_100 { width: 100%;}
.width_50  { width: 50%;}

.width_70  { width: 50%;}
.width_30  { width: 50%;}
@media only screen and (min-width: 601px) {
  .width_70  { width: 70%;}
  .width_30  { width: 30%;}
}

.width_66  { width: 100%; order:1; }
.width_33  { width: 50%; order:2; }
@media only screen and (min-width: 601px) {
  .width_66  { width: 66.6666%; order:initial; }
  .width_33  { width: 33.3333%; order:initial; }
}

.width_60  { width: 50%;}
.width_40  { width: 50%;}
@media only screen and (min-width: 601px) {
  .width_60  { width: 60%;}
  .width_40  { width: 40%;}
}

.banner_item_inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  height:100%;
  position:relative;
  overflow:hidden;
}

/*
Abmessungen Desktop
width_100 -> 1200 x 300px -> 4,0     -> 25.000000%
width_70  ->  837 x 300px -> 2,79000 -> 35.842293%
width_66  ->  797 x 300px -> 2,65666 -> 37.658000%
width_60  ->  716 x 300px -> 2,38666 -> 41.899558%
width_50  ->  595 x 300px -> 1,98333 -> 50.420252%
width_40  ->  474 x 300px -> 1,58000 -> 63.291139%
width_33  ->  393 x 300px -> 1,31000 -> 76.275000%
width_30  ->  353 x 300px -> 1,17666 -> 84.986317%
*/

/* Bannercontainer immer 300px hoch */
.width_100 > div:before  { 
  content: "";
  display:block;
  padding-top: calc(45% - 5px);
}
.width_50 > div:before  { 
  content: "";
  display:block;
  padding-top: 90%;
}
@media only screen and (min-width: 601px) {
  .width_100 > div:before  { padding-top: 25%; }
  .width_50 > div:before  { padding-top: 50.420252%; }
}

.width_70 > div:before  { 
  content: "";
  display:block;
  padding-top: 90%;
}
.width_30 > div:before  { 
  content: "";
  display:block;
  padding-top: 90%;
}
@media only screen and (min-width: 601px) {
  .width_70 > div:before  { padding-top: 35.842293%; }
  .width_30 > div:before  { padding-top: 84.986317%; }
}

.width_66 > div:before  { 
  content: "";
  display:block;
  padding-top: calc(45% - 5px);
}
.width_33 > div:before  { 
  content: "";
  display:block;
  padding-top: 90%;
}
@media only screen and (min-width: 601px) {
  .width_66 > div:before  { padding-top: 37.658000%; }
  .width_33 > div:before  { padding-top: 76.275000%; }
}

.width_60 > div:before  { 
  content: "";
  display:block;
  padding-top: 90%;
}
.width_40 > div:before  { 
  content: "";
  display:block;
  padding-top: 90%;
}
@media only screen and (min-width: 601px) {
  .width_60 > div:before  { padding-top: 41.899558%; }
  .width_40 > div:before  { padding-top: 63.291139%; }
}

.banner_item_inner a {
  display:block; 
  width: 100%;
  height:100%;
}
.banner_item_inner a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.1);
  margin: auto;
  opacity: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.banner_item_inner a:hover:after {
  height: 100%;
  -webkit-transition: 1.0s;
  -moz-transition: 1.0s;
  -ms-transition: 1.0s;
  -o-transition: 1.0s;
  transition: 1.0s;
  opacity: 0;
  width: 100%;
}

.banner_item_inner img {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
}

.bi_title {
  position:absolute;
  bottom: 10px;
  left:10px;
  padding: 10px 20px;
  background: rgba(0,0,0,0.3);
  color:rgba(255,255,255,0.5);
  display:inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.banner_item_inner:hover .bi_title {
  background: rgba(0,0,0,0.5);
  color:rgba(255,255,255,0.9);
}
.bi_title_inner {
  display:block;
  text-transform:uppercase;
  font-size:20px;
  line-height:24px;
  font-weight:400;
}  
@media only screen and (min-width: 759px) {
  .bi_title_inner { font-size:24px; line-height:28px; font-weight:400; }
}
/* END Bannermanager */

/* START autocomplete */
.suggestionsBox {
  text-align:left;
  position:absolute;
  left:0px;
  top:100%;
  display:none;
  width:100%;
  padding:0px 0px 0px 0px;
  background:#fff;
  border-bottom: solid 1px #e6ebee;
  color:#555;
  z-index:1100;
  -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 5px 10px -5px rgba(0,0,0,0.3);
  box-shadow:         0px 5px 10px -5px rgba(0,0,0,0.3);  
}
@media only screen and (min-width: 985px) {
  .suggestionsBox { min-width:500px; }
}

.suggestionList {
  margin:0px;
  padding:10px;
  max-height:640px;
  overflow:auto;
}
#autocomplete_main {
  list-style-type:none;
  padding:0px 0px;
  margin: 0px;
}
#autocomplete_main li {
  list-style:none;
  border-bottom: 1px solid #eee;
  background-color:#fff;
  padding:8px 0px;
}
#autocomplete_main li:hover { 
  background:#fafafa;
}
#autocomplete_main li a { 
  display:block;
  text-decoration:none;
}
#autocomplete_main li .autocomplete_item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
}

#autocomplete_main .ac_image {
  width:40px;
  vertical-align:middle;
  text-align:center;
  height:auto;
  overflow:hidden;
  position:relative;
}
#autocomplete_main .ac_image:before {
  content: "";
  display:block;
  padding-top: 100%;
  background:#fff;
  border: 1px solid #eee;
}
#autocomplete_main .ac_image img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 90%;
  max-height: 90%;
}
#autocomplete_main .ac_text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size:14px;
  line-height:18px;
  font-weight:500;
  padding: 1px 20px;
}
#autocomplete_main .ac_price {
  padding: 1px 2px 1px 0px;
  font-size:14px;
  line-height:18px;
  font-weight:700;
  color:#434343;
  text-align:right;
  white-space:nowrap;
}
.ac_price .small_price {
  font-size:10px;
  line-height:14px;
  font-weight:400;
}
.ac_price .special_price {
  display:inline-block;
  padding: 0 0 0 0px;
}
.ac_price .new_price {
  display:inline-block;
  padding: 0 0 0 5px;
  color:#f67766;
}
.ac_price .old_price {
  display:inline-block;
  color:#999;
  text-decoration:line-through;
}
.ac_price .save_price {
  display:none;
}
.ac_price .item_price {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  padding: 1px 0 0 0;
  color: #999;
}
.ac_price .item_price .small_price {
  font-size: 12px;
  line-height: 14px;
}
.ac_vpe {
  display:block;
  font-weight: 400;
  font-size:12px;
  line-height:14px;
  text-align:right;
  padding: 1px 0 0 0;
  color:#999;
}
.autocompletecloser {
  cursor:pointer;
}
.autocomplete_error {
  padding: 5px 0px 5px 0;
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.autocomplete_button {
  text-align:center;
  margin: 10px 0 0 0;
}
.autocomplete_button a:hover {
  text-decoration:none !important;
}
/* END autocomplete */

/* END miscellaneous */


/* START slick-carousel */

/* Slider Startseite */
.carousel_slider {
  margin: 0px 0px 10px 0px;
  position:relative;
}
.carousel_slider:before {
  content: "";
  display:block;
  padding-top: 83.3333%;
}
@media only screen and (min-width: 600px) {
.carousel_slider:before { padding-top: 41.6666%; }
}
.carousel_slider div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}
.carousel_slider .slick-dotted {
  margin: 0 0 40px 0;
}
.carousel_slider img {
  float:left;
  width:100%;
  height:auto;
  vertical-align:top;
}
.slider_item a {
  display:block; 
  width: 100%;
  height:100%;
}
.slider_item a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.1);
  margin: auto;
  opacity: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.slider_item a:hover:after {
  height: 100%;
  -webkit-transition: 1.0s;
  -moz-transition: 1.0s;
  -ms-transition: 1.0s;
  -o-transition: 1.0s;
  transition: 1.0s;
  opacity: 0;
  width: 100%;
}
.si_title {
  position:absolute;
  bottom: 20px;
  left:20px;
  padding: 15px 30px;
  background: rgba(0,0,0,0.3);
  color:rgba(255,255,255,0.5);
  display:inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.slider_item:hover .si_title {
  background: rgba(0,0,0,0.5);
  color:rgba(255,255,255,0.9);
}
.si_title_inner {
  display:block;
  text-transform:uppercase;
  font-size:40px;
  line-height:48px;
  font-weight:400;
}
.carousel_slider .slick-dots {
  bottom: -30px;
}
.carousel_slider .slick-dots li.slick-active button:before {
  color: #333;
}
.carousel_slider .slick-dots li button:before {
  font-weight:400;
  color: #666;
}
.carousel_slider .slick-prev,
.carousel_slider .slick-next,
.carousel_slider .slick-prev:focus,
.carousel_slider .slick-next:focus {
  border: 1px solid #eee;
  width: 50px;
  height: 50px;
  background: #eee;
  z-index: 2;
  opacity:0.8;
}
.carousel_slider .slick-prev {
  left: 20px;
}
.carousel_slider .slick-next {
  right: 20px;
}
.carousel_slider .slick-prev:before,
.carousel_slider .slick-next:before {
  color:#999;
  font-size: 30px;
}
.carousel_slider .slick-prev:hover,
.carousel_slider .slick-next:hover {
  outline: none;
  background: #eee;
  opacity:1.0;
}
.carousel_slider .slick-prev:hover:before,
.carousel_slider .slick-prev:focus:before,
.carousel_slider .slick-next:hover:before,
.carousel_slider .slick-next:focus:before {
  color: #333;
}

/* Carousel Bestseller - Last viewed  Details */
.carousel_listingbox,
.carousel_listingbox_small {
  margin: 0px 0px 0px 0px;
}
.carousel_listingbox .slick-dotted,
.carousel_listingbox_small .slick-dotted  {
  margin: 0 0 30px 0;
}
.carousel_listingbox_details {
  margin: 0px 0px 0px 0px;
}
.carousel_listingbox_details .slick-dotted {
  margin: 0 0 30px 0;
}
.carousel_listingbox .slick-slide,
.carousel_listingbox_details .slick-slide,
.carousel_listingbox_small .slick-slide {
  height: initial;
  min-height: initial;
}
.carousel_listingbox .slick-list.draggable,
.carousel_listingbox_details .slick-list.draggable,
.carousel_listingbox_small .slick-list.draggable { 
  border: solid #eee;
  border-width: 1px 1px 1px 1px;  
}
.carousel_listingbox .slick-track,
.carousel_listingbox_details .slick-track,
.carousel_listingbox_small .slick-track {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important; 
}
.carousel_listingbox .slick-track .slick-slide > div,
.carousel_listingbox_details .slick-track .slick-slide > div,
.carousel_listingbox_small .slick-track .slick-slide > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  height:100%;
}
.carousel_listingbox .slick-track .slick-slide > div .listing_item_box,
.carousel_listingbox_details .slick-track .slick-slide > div .listing_item_box,
.carousel_listingbox_small .slick-track .slick-slide > div .listing_item_box {
  border-bottom: none !important;
}
.carousel_listingbox .slick-dots,
.carousel_listingbox_details .slick-dots,
.carousel_listingbox_small .slick-dots {
  bottom: -30px;
}
.carousel_listingbox .slick-dots li.slick-active button:before,
.carousel_listingbox_details .slick-dots li.slick-active button:before,
.carousel_listingbox_small .slick-dots li.slick-active button:before {
  color: #333;
}
.carousel_listingbox .slick-dots li button:before,
.carousel_listingbox_details .slick-dots li button:before,
.carousel_listingbox_small .slick-dots li button:before {
  font-weight:400;
  color: #666;
}
.carousel_listingbox .slick-prev,
.carousel_listingbox .slick-next,
.carousel_listingbox .slick-prev:focus,
.carousel_listingbox .slick-next:focus,
.carousel_listingbox_details .slick-prev,
.carousel_listingbox_details .slick-next,
.carousel_listingbox_details .slick-prev:focus,
.carousel_listingbox_details .slick-next:focus,
.carousel_listingbox_small .slick-prev,
.carousel_listingbox_small .slick-next,
.carousel_listingbox_small .slick-prev:focus,
.carousel_listingbox_small .slick-next:focus {
  border: 1px solid #eee;
  width: 50px;
  height: 50px;
  background: #eee;
  z-index: 2;
  opacity:0.8;
}
.carousel_listingbox .slick-prev,
.carousel_listingbox_details .slick-prev,
.carousel_listingbox_small .slick-prev {
  left: 0;
}
.carousel_listingbox .slick-next,
.carousel_listingbox_details .slick-next,
.carousel_listingbox_small .slick-next {
  right: 0px;
}
.carousel_listingbox .slick-prev:before,
.carousel_listingbox .slick-next:before,
.carousel_listingbox_details .slick-prev:before,
.carousel_listingbox_details .slick-next:before,
.carousel_listingbox_small .slick-prev:before,
.carousel_listingbox_small .slick-next:before {
  color:#999;
  font-size: 30px;
}
.carousel_listingbox .slick-prev:hover,
.carousel_listingbox .slick-next:hover,
.carousel_listingbox_details .slick-prev:hover,
.carousel_listingbox_details .slick-next:hover,
.carousel_listingbox_small .slick-prev:hover,
.carousel_listingbox_small .slick-next:hover {
  outline: none;
  background: #eee;
  opacity:1.0;
}
.carousel_listingbox .slick-prev:hover:before,
.carousel_listingbox .slick-prev:focus:before,
.carousel_listingbox .slick-next:hover:before,
.carousel_listingbox .slick-next:focus:before,
.carousel_listingbox_details .slick-prev:hover:before,
.carousel_listingbox_details .slick-prev:focus:before,
.carousel_listingbox_details .slick-next:hover:before,
.carousel_listingbox_details .slick-next:focus:before,
.carousel_listingbox_small .slick-prev:hover:before,
.carousel_listingbox_small .slick-prev:focus:before,
.carousel_listingbox_small .slick-next:hover:before,
.carousel_listingbox_small .slick-next:focus:before {
  color: #333;
}
/* Listingbox */
/* END slick-carousel */


/* Start Listing Sale Banner */
.listing_sale_banner {
  margin: 30px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
  background: rgba(246,119,102,0.2);
  -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
}
@media only screen and (min-width: 759px) {
  .listing_sale_banner { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
}

.listing_sale_banner .heading {
  background:#f67766;
  color:#fff;
  font-weight:100;
  text-transform:uppercase;
  padding: 8px 10px 12px 10px; 
  font-size: 40px; 
  line-height: 40px; 
  width: 100%;
  text-align:center;
}
@media only screen and (min-width: 759px) {
  .listing_sale_banner .heading { text-align:left; padding: 18px 20px 22px 20px; font-size:60px; line-height:60px; width:auto; }
}

.listing_sale_banner .text {
  padding: 15px 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color:#f67766;
  font-size:15px;
  line-height:23px;
  font-weight:400;
  text-align:center;
}
@media only screen and (min-width: 759px) {
  .listing_sale_banner .text { padding: 0 20px; text-align:left;}
}

.listing_sale_banner .action {
  padding: 25px 20px;
  border-left:0px;
  border-top: 5px solid #f67766;
  text-align:center;
  margin: 0px auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
}
@media only screen and (min-width: 759px) {
  .listing_sale_banner .action { padding: 20px 20px; border-top:0px; border-left: 5px solid #f67766; }
}

.listing_sale_banner .action a {
  padding: 10px 15px; 
  color:#f67766;
  font-size:14px;
  line-height:20px;
  font-weight:600;
  text-transform:uppercase;
  border: 1px solid #f67766;
  background: rgba(255,255,255,0.6);
  white-space:nowrap;
}
.listing_sale_banner .action a:hover {
  text-decoration:none !important;
  background: rgba(255,255,255,0.9);
}  
/* ENDE Listing Sale Banner */  

.advantage_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px -10px 15px -10px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.advantage_item {
  width:100%;
  padding: 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
}
@media only screen and (min-width: 460px) {
  .advantage_item { width:500%; }
}
@media only screen and (min-width: 690px) {
  .advantage_item { width:33.3333%; }
}
@media only screen and (min-width: 985px) {
  .advantage_item { width:25%; }
}

.advantage_icon {
  width:36px;
  font-size:34px;
  line-height:34px;
  color:#666;
  text-align:center;
}
.advantage_text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 3px 0 0 20px;
  font-size:13px;
  line-height:15px;
  font-weight:400;
}
.adv_heading {
  display:block;
  text-transform:uppercase;
  font-weight:800;
  font-size:13px;
  line-height:17px;
}  

/* 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%;  
  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:#eee;
  padding: 15px 10px;
}
#address_block_new > li .address_inner {
  border-top: 1px solid #ddd;
  padding: 15px 10px;
  height:100%;
}
ol#address_block_new li label {
  display:inline-block;
  min-height:70px;
  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 130px 0px 0px; 
}
#address_block_new .address_actions {
  overflow:hidden;
  position:absolute;
  top:0px;
  right:0px;
  width:110px;
  text-align:right;
}
#address_block_new .address_inner_block {
  position:relative;
  padding: 0px 130px 0px 0px; 
}
#address_block_new .address_actions .cssButton {
  float:left;
  width:110px;
  margin: 0px 0px 5px 0;
  padding: 6px 0px 6px 0px !important;
}
#address_block_new .address_actions .cssButton .cssIconLeft {
  font-size: 14px;
  line-height: 20px;
}
#address_block_new .address_actions .cssButton .cssButtonText {
  font-size: 12px;
  line-height: 21px;
  height: 20px;
}
/* END new address book handling */


/* START Old functions for old shop versions */
/* START xtb-Booster */
.xtb_booster_redirect_message {
  padding:10px;
  color:#ffffff;
  font-size:12px;
  line-height:16px;
  background-color:#329005;
  margin:20px 0;
}
/* END xtb-Booster */

/* START Klarna */
/* product_info */
.product_details .klarna_PPBox {
  margin-top:15px !important;
  height:50px !important;
  width: 100% !important;
  font-size:13px !important;
}
.product_details .klarna_PPBox .klarna_PPBox_topMid span {
  margin-top:9px !important;
}
/* shopping cart */
.karna_container {
  margin: 10px 0px;
  width:100%;
}
.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 */

/* END functions for old shop versions */

/* START reviews_note */
.box_reviews_note {
  font-size:9px;
  line-height:13px;
  font-weight:400;
  margin: 0 0 10px 0;
}
.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: -5px 0 15px 0;
  font-weight:400;
}
/* END reviews_note */