/*
Theme Name: Janas Shop 4.0 by Satyria
Theme URI: https://www.satyria.de
Author: Matthias Steiner
Author URI: https://www.satyria.de/
Description: Erstellung für Studio Mandala
Version: 0.91
License: Copyright by www.satyria.de
Text Domain: Hexenlaedle

Released under the GNU General Public License
*/

/* Fonts */

@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v23-latin-300.woff2') format('woff2'), 
       url('fonts/lato-v23-latin-300.woff') format('woff'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v23-latin-regular.woff2') format('woff2'),
       url('fonts/lato-v23-latin-regular.woff') format('woff'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v23-latin-700.woff2') format('woff2'), 
       url('fonts/lato-v23-latin-700.woff') format('woff'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/lato-v23-latin-900.woff2') format('woff2'), 
       url('fonts/lato-v23-latin-900.woff') format('woff'); 
}

/* Grund */
/* 2. START globals */
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* Carousel Flexbox Fix */
* {
  min-width: 0;
  min-height: 0;
}

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

/* 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=number] { font-size: 16px !important; }
  select { font-size: 16px !important;  }
  textarea { font-size: 16px !important; line-height:20px !important; }
  .SumoSelect > .CaptionCont { font-size:16px !important; line-height:18px !important; } 
}

body {
  position: relative;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size:16px;
  line-height:24px;
  background-color:#fff;
  color:#444;
  letter-spacing:0.3px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
  background-image: url(Hintergrund-Raps-lila-2.png);
  background-repeat: no-repeat;
  background-size: 100% 100% !important; /* Das Bild wird gestreckt, um den gesamten Bereich zu bedecken */
  background-position: center center; /* Das Bild wird zentriert */
}

a.black {
  color:#333 !important;
}
a.black:hover {
  color:#b0377e !important;
  text-decoration:none !important;
}
.red {
  color:#ac3838 !important;
}

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

.twoColums.last {
  margin: 0 0 20px 0;
}

.twoColums.stickyright {
  float:right;
}      

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

.twoColumsInner.last {
  margin: 0 0 20px 0;
}

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

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

.twoColums_small.last {
  margin: 0 0 0 0;
}

.button_left,
.button_left_cart {
  float:left;
  display:inline-block;
  max-width: 48%;
  margin: 10px 0px 0px 0px;
  min-height:32px;
  line-height:32px;
}

.button_left_cart {
  max-width:130px;
}

@media only screen and (min-width: 759px) {
  .button_left_cart { max-width: 48%; }
}

.button_right,
.button_right_cart {
  float:right;
  display:inline-block;
  max-width: 48%;
  margin: 10px 0px 0px 0px;
  text-align: right;
  min-height:32px;
  line-height:32px;
}

.button_right_cart {
  max-width:170px;
}

@media only screen and (min-width: 759px) {
  .button_right_cart { max-width: 48%; }
}

.button_left_error {
  float:left;
  display:inline-block;
  max-width: 48%;
  margin: -10px 0 0 0;
  min-height:32px;
  line-height:32px;
}

@media only screen and (min-width: 759px) {
  .button_left_error { margin: 22px 0 0 0; }
}

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

.button_right_checkout_small {
  float:right;
  margin: 4px 0px 0px 20px;
}

.button_left img,
.button_left input,
.button_left_error input,
.button_right img,
.button_right input,
.button_left_cart img,
.button_left_cart input,
.button_right_cart img,
.button_right_cart input,
.button_right_checkout input {
  vertical-align:bottom;
}

.button_left_cart img {
  margin: 0px 5px 5px 0px;
}

@media only screen and (min-width: 759px) {
  .button_left_cart img { margin: 0px 5px 0px 0px; }
}

.paypal_button {
  margin: 0 0 5px 0;
  display:inline-block;
}

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

.paypal_button img {
  height:32px;
}

.paypal_button2 {
  margin:5px 0px 0px 0px;
  display:block;
}

.paypal_button2 img {
  height:32px;
}

.express_button {
  margin: 0 0 5px 0;
  display:inline-block;
}

@media only screen and (min-width: 759px) {
 .express_button { margin:0 0 0 0; }
}

.paypal_button img {
  height:32px;
}

.text_left {
  float:left;
  width: 48%;
  margin: 10px 0px 0px 0px;
  min-height:28px;
  font-size:10px;
  line-height:14px;
}

p {
  margin:8px 0 8px 0;
}

p.onlytop {
  margin:8px 0 0 0;
}

p.nomargin {
  margin:0 0 0 0;
}

p.textright {
  text-align:right;
}

table {
  width:100%;
  border-spacing: 0;
  border-collapse:collapse;
}

table td {
  padding:4px 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%;
  justify-content:center;
/* position:relative; */
}

.layout_categories .cat_12, .layout_categories .cat_13, .layout_categories .cat_18, .layout_categories .cat_21, .layout_categories .cat_30, 
.layout_categories .cat_31, .layout_categories .cat_39, .layout_categories .cat_41, .layout_categories .cat_78, .layout_categories .cat_79, 
.layout_categories .cat_81, .layout_categories .cat_110, .layout_categories .cat_120, .layout_categories .cat_142, .layout_categories .cat_144, 
.layout_categories .cat_170, .layout_categories .cat_171, .layout_categories .cat_192, .layout_categories .cat_283, .layout_categories .cat_297, 
.layout_categories .cat_322, .layout_categories .cat_324, .layout_categories .cat_345, .layout_categories .cat_352,  
.layout_categories .cat_366, .layout_categories .cat_367, .layout_categories .cat_368, .layout_categories .cat_369, .layout_categories .cat_370, 
.layout_categories .cat_378, .layout_categories .cat_379, .layout_categories .cat_386, .layout_categories .cat_418, 
.layout_categories .cat_428, .layout_categories .cat_433, .layout_categories .cat_440, .layout_categories .cat_449, .layout_categories .cat_451, 
.layout_categories .cat_511, .layout_categories .cat_513, .layout_categories .cat_520, .layout_categories .cat_534, 
.layout_categories .cat_538, .layout_categories .cat_549, .layout_categories .cat_550, .layout_categories .cat_551, .layout_categories .cat_552, 
.layout_categories .cat_553, .layout_categories .cat_576, .layout_categories .cat_643, .layout_categories .cat_657, .layout_categories .cat_660, 
.layout_categories .cat_690, .layout_categories .cat_732, .layout_categories .cat_733, .layout_categories .cat_734, .layout_categories .cat_735, 
.layout_categories .cat_736, .layout_categories .cat_742, .layout_categories .cat_67, .layout_categories .cat_679, .layout_categories .cat_65, 
.layout_categories .cat_573, .layout_categories .cat_310, .layout_categories .cat_308, .layout_categories .cat_309, .layout_categories .cat_271, 
.layout_categories .cat_269, .layout_categories .cat_328, .layout_categories .cat_245, .layout_categories .cat_636, .layout_categories .cat_174, 
.layout_categories .cat_396, .layout_categories .cat_400, .layout_categories .cat_739, .layout_categories .cat_738, .layout_categories .cat_740, 
.layout_categories .cat_436, .layout_categories .cat_281, .layout_categories .cat_710, .layout_categories .cat_711, .layout_categories .cat_712,
.layout_categories .cat_713, .layout_categories .cat_714, .layout_categories .cat_715, .layout_categories .cat_696, .layout_categories .cat_697, 
.layout_categories .cat_699, .layout_categories .cat_700, .layout_categories .cat_704, .layout_categories .cat_706, .layout_categories .cat_707, 
.layout_categories .cat_723, .layout_categories .cat_225, .layout_categories .cat_349, .layout_categories .cat_380, .layout_categories .cat_730, 
.layout_categories .cat_731, .layout_categories .cat_728, .layout_categories .cat_729, .layout_categories .cat_724, .layout_categories .cat_721, 
.layout_categories .cat_722, .layout_categories .cat_726, .layout_categories .cat_727, .layout_categories .cat_644 {  
  display:none !important;
}


.layout_categories .cat_29 ul ul {
  display:none !important;
}

.cat_187,
.cat_187,
.cat_537,
.cat_83,
.cat_180 {
  display:none !important;
}

.menu_items > li > a {
  display:block;
  padding: 15px 20px;
  font-size:13px;
  line-height:20px;
  text-transform:uppercase;
  font-weight:700;
  -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;
  color:#333!important;
  position:relative;
}

.menu_items > li > a:hover {
  color:#890f12!important;
}

.menu_items > li > span.nolink {
  display:block;
  padding: 15px 20px;
  font-size:13px;
  line-height:20px;
  text-transform:uppercase;
  font-weight:700;
  -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 !important;
}

.mega_menu a:hover {
  color:#890f12!important;
}  

.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:13px;
  line-height:20px;
  text-transform:none;
  font-weight:600;
  border-bottom: 0px;
}

.mega_menu > ul > li.overview .fas {
  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:13px;
  line-height:17px;
  text-transform:none;
  font-weight:600;
  border-bottom: 1px solid #ddd;
  color:#555 !important;
}

.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 0px;
  display:block;
  font-size:13px;
  line-height:17px;
  text-transform:none;
  font-weight:400;
  border-bottom: 1px solid #ddd;
}         
 
.menu_items .active1 > a,
.menu_items .activeparent1 > a,
.menu_items .active1 > .nolink,
.menu_items .activeparent1 > .nolink {
  color:#890f12!important;
}

.menu_items .active2 > a,
.menu_items .activeparent2 > a {
  color:#890f12!important;
}

.menu_items .active3 > a,
.menu_items .activeparent3 > a {
  color:#890f12!important;
}

.layout_header {
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: url(Hintergrund-Raps-lila-d.png);
  background-size: cover; /* Das Bild wird gestreckt, um den gesamten Bereich zu bedecken */
  background-position: center; /* Das Bild wird zentriert */
}

@media only screen and (max-width: 790px) {
  .layout_header { position: sticky; top: 0; z-index: 1200; }
  .admin_mode .layout_header { top: 36px; }
}

.layout_header_inner {
  width: 100%;
  max-width: 1480px;
  margin: 0px auto;
  padding: 10px 15px; /* 10px 15px;*/
}

@media only screen and (min-width: 1180px) {
  .layout_header_inner { padding: 10px 40px; } /*10px 40px; } */
}

@media only screen and (min-width: 985px) {
  .layout_header_inner { padding: 10px 20px; } /* 10px 20px; }*/ 
}

.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 {
  text-align:center;
  margin: 0 0 0 0;
  width:300px; height:120px; /*250px 96px;*/
}
 
@media only screen and (max-width: 985px) {
  .col_logo { width:250px; height:100px; }
}

@media only screen and (max-width: 790px) {
  /*.col_logo { width:90px; height:35px; }*/
  .col_logo { 
  width:130px; 
  height:60px;
  }
}

.col_logo img {
  width:auto;
  height:100%;
  vertical-align:top;
}

@media only screen and (min-width: 690px) {
}

.col_filler {
  display:block;
  flex:1;
}  

@media only screen and (min-width: 790px) {
  /*.col_filler { display:none; }*/
  .col_filler { display:block; }
}

@media only screen and (min-width: 985px) {
  .col_filler { display:block; }
}

.col_search {
  width:40px; 
  padding: 0 0 0 0px;
  text-align:center;
}

@media only screen and (min-width: 400px) {
  .col_search { width:50px; padding: 0 0 0 10px; }
}

@media only screen and (min-width: 985px) {
  .col_search { width:400px; padding: 0 80px 0 20px; flex: initial; }
}

#search_short {
  display:block;
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}

#search_short > div {
  position:relative;
  display:block;
  background: transparent;
  color:#fff;
  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: #fff;
  color:#890f12;
}

#search_short .fas {
  font-size:22px;
  line-height:40px;
  width:40px;
}

.toggle_search {
  display: block; position:static; background:transparent; padding: 0px 0px 0 0px;
  z-index: 1301;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.col_search #search {
}

.search_inner {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.search_inner .search_cat {
  display:none !important;
}

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

.search_inner .search_closer {
  display:block;
  width:40px;
  height:42px;
  text-align:center;
  font-size:20px;
  line-height:42px;
  cursor:pointer;
  color:#fff;
}

@media only screen and (min-width: 790px) {
  .search_inner .search_closer { display:none; }
}

#search .search_inner input[type=text] {
  border: 1px solid #fff !important;
  border-right:0px !important;
  background: #fff !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

#search .search_inner .search_button {
  width:42px;
  height:42px;
}

#search .search_inner .search_button .cssButton {
  font-size:20px !important;
  height:42px !important;
  padding: 0px 5px !important;
  line-height:38px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

#search .search_inner ::-webkit-input-placeholder { color: #555; }
#search .search_inner ::-moz-placeholder { color: #555; }
#search .search_inner :-ms-input-placeholder { color: #555; }
#search .search_inner :-moz-placeholder { color: #555; }

.col_cart {
  width:40px; 
  padding: 0 0 0 0px;
  position:relative;
  text-align:center;
}

@media only screen and (min-width: 400px) {
  .col_cart { width:50px; padding: 0 0 0 10px; }
}

#cart_short {
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}

#cart_short > a {
  position:relative;
  display:block;
  background: transparent;
  color:#fff;
  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: #fff;
  color:#890f12;
}

#cart_short .far,
#cart_short .fas {
  font-size:24px;
  line-height:40px;
  width:40px;
}

#cart_short .count {
  position:absolute;
  right:-10px;
  top:-5px;
  background:#333;
  color:#fff;
  display:inline-block;
  padding: 3px;
  font-size:11px;
  line-height:13px;
  text-align:center;
  font-weight:900;
  min-width:20px;
	border-radius: 5px;
}

.col_wishlist {
  width:40px; 
  padding: 0 0 0 0px;
  position:relative;
  text-align:center;
}

@media only screen and (min-width: 400px) {
  .col_wishlist { width:50px; padding: 0 0 0 10px; }
}

#wish_short {
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}

#wish_short > a {
  position:relative;
  display:block;
  background: transparent;
  color:#fff;
  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: #fff;
  color:#890f12;
}

#wish_short .fas,
#wish_short .far {
  font-size:22px;
  line-height:40px;
  width:40px;
}

#wish_short .count {
  position:absolute;
  right:-10px;
  top:-5px;
  background:#333;
  color:#fff;
  display:inline-block;
  padding: 3px;
  font-size:11px;
  line-height:13px;
  text-align:center;
  font-weight:900;
  min-width:20px;
	border-radius: 5px;
}

.col_account {
  width:40px; 
  padding: 0 0 0 0;
  position:relative;
  text-align:center;
}

@media only screen and (min-width: 400px) {
  .col_account { width:50px; padding: 0 0 0 10px; }
}

#account_short {
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}

#account_short > a {
  position:relative;
  display:block;
  background: transparent;
  color:#fff;
  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: #fff;
  color:#890f12;
}

#account_short .fas,
#account_short .far {
  font-size:22px;
  line-height:40px;
  width:40px;
}

.col_menu {
  width:50px; 
  padding: 0 0 0 10px;
  position:relative;
  text-align:center;
}

#menu_short {
  z-index:1000;
  height:40px;
  width:40px;
  vertical-align:top;
  margin: 0px auto;
}

#menu_short > div {
  position:relative;
  display:block;
  background: rgba(255,255,255,0.3);
  color:#fff;
  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;
}

#menu_short > div:hover {
  background: #fff;
  color:#890f12;
}

#menu_short .fas,
#menu_short .far {
  font-size:22px;
  line-height:40px;
  width:40px;
}

.layout_categories {
  display:none;
  margin: 0px 0 0 0;
  position:relative;
  background:#f6f6f6;
  border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 985px) {
  .layout_categories { display:block; }
}

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

@media only screen and (min-width: 985px) {
  .layout_categories_inner { padding: 0px 0px; } 
}

@media only screen and (min-width: 1180px) {
  .layout_categories_inner { padding: 0px 20px; } 
}

h1 {
  color:#444;
  font-weight:900;
  font-size:24px;
  line-height:28px;
  text-transform: uppercase;
  margin:25px 0 15px 0;
  padding:0 0 5px;
  border-bottom: 0px solid transparent;
  letter-spacing:1px;
}

h1.listing {
  font-size:28px;
  line-height:32px;
}

h1.checkout {
  margin:30px 0 15px 0;
}

.headline_home {
  font-size: 18px;
  line-height: 22px;
  font-weight: 900;
  color: #444;
  text-transform: uppercase;
  margin:0px 0 15px 0;
  padding:0 0 8px 0;
  border-bottom: 1px solid #ccc;
  letter-spacing:1px;
}

@media only screen and (min-width: 985px) {
  .headline_home { font-size: 20px; line-height: 24px; }
}

.headline_big {
  color:#555;
  font-weight:300;
  font-size:24px;
  line-height:28px;
  margin:25px 0 15px 0;
  padding:0 0 5px;
  border-bottom: 0px solid transparent;
  letter-spacing:1px;
}

h2 {
	font-weight:700;
  color:#777;
	font-size:16px;
	margin:20px 0px 8px 0px;
	padding:0px;
	width:auto;
	border-bottom: 0px solid #ddd;
	padding-bottom:5px;
  letter-spacing:1px;
}

h3 {
  color:#555;
  font-weight:bold;
  font-size:12px;
  letter-spacing:1px;
}

h4 {
	color:#555;
	font-weight:900;
  text-transform:none;
	font-size:16px;
  line-height: 22px;
	margin:0px 0px 14px 0px;
	padding:0px 0px 5px 0px;
  border-bottom: 1px solid #ddd;
  letter-spacing:1px;
}

h4.detailbox {
	color:#555;
  text-transform:uppercase;
	font-weight:900;
	font-size:14px;
  line-height: 22px;
	margin:40px 0px 20px 0px;
}

a, a:link, a:visited, a:active, a:hover {
  background:transparent;
  text-decoration:none;
  outline:none;
  cursor:pointer;
}

a:link {
  color:#890f12;
  outline:none;
}

a:visited {
  color:#890f12;
  outline:none;
}

a:hover, a:active {
  color:#890f12;
  outline:none;
}

a:hover {
  color:#555;
  text-decoration:underline;
  outline:none;
}

a.arrow_link {
  color:#222;
  text-transform:uppercase;
  font-size:11px;
  line-height:19px;
  font-weight:900;  
}

a.arrow_link:hover {
  text-decoration:none;
  color:#222;  
}

a.arrow_link:hover span {
  border-bottom: 1px solid #999;
}

a.arrow_link .fas,
a.arrow_link .far {
  margin-right:5px;
}

a img {
  border:none;
  outline:none;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.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:42px;
  height:42px;
  line-height:42px;
  text-align:center;
  cursor:pointer;
  display:block;
  font-size:20px;
}

.fa-eye {
  color:#ccc;
}

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

.field_text {
  display:block;
  font-size:12px;
  line-height:16px;
  padding: 0 1px 2px 1px;
  font-weight:700;
  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:#333 !important
}

.inputRequirement,
.inputRequirement_textarea {
  position:absolute;
  right:2px;
  top:7px;
  font-size:10px;
  line-height:14px;
  color:#c65151;
  font-weight:700;
}

.inputRequirement .fas,
.inputRequirement_textarea .fas {
  float:right;
  font-size:8px;
  line-height:14px;
  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:#c65151;
  font-weight:400;
  text-transform:none;
  white-space:nowrap;
}

.fields_required .fas {
  font-size:9px;
  line-height:11px;
  margin: 0px 0px 0px 1px;
}

/* 6. START inputs */
input {
  font-family: 'Lato', sans-serif;
  font-size:16px;
  line-height:20px;
}

textarea {
  font-family: 'Lato', sans-serif;
  font-size:16px;
  line-height:20px;
  background-color:#fafafa;
  border-color: #dddddd;
  color: #666;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 9px 8px 11px 8px;
	border-radius: 2px;
  width:100%;
  -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;  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
}

select {
  font-family: 'Lato', sans-serif;
  font-size:16px;
  line-height:20px;
  background-color:#fafafa;
  border-color: #dddddd;
  color: #666;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 9px 8px 11px 8px;
	border-radius: 2px;
  width:100%;
  height:42px;
  -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;  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
}  

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] {
  background-color:#fafafa;
  border-color: #dddddd;
  color: #666;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 9px 8px 11px 8px;
	border-radius: 2px;
  width:100%;
  height:42px;
  -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;  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
}

input[type=password] {
  letter-spacing:1px;
}

input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=number]:hover, select:hover, textarea:hover {
    background-color:#ffffff;
    border-color: #ddd;
    color: #666666;
}   
 
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, select:focus, textarea:focus {
    background-color:#ffffff;
    border-color: #333;
    color: #333333;
    outline: 0 none;
}

textarea#message {
  height:120px;
}

textarea#message_body {
  resize: vertical;
  height:120px;
}

textarea#review {
  height:80px;
}

/* Start Paypal checkout modifications */
.button_row_checkout .apms_form_inner {
  width:100% !important;
}
.button_row_checkout .apms_container_full {
  hyphens: auto;
}
.button_row_checkout .apms_form_button {
  width:100% !important;
}
.button_row_checkout #apms_button1 {
  height: 44px !important;
}
#checkout_confirmation .apms_form_button {
  width:100% !important;
}

/* End Paypal checkout modifications */

/* 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_menu,
.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:-400px;
  width:400px;
  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_menu,
.admin_mode .toggle_cart,
.admin_mode .toggle_wishlist,
.admin_mode .toggle_account,
.admin_mode .toggle_settings {
  padding-top:76px;
}

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

.toggle_menu > .toggle_closer,
.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_menu > .toggle_closer,
.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: 'Font Awesome 5 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:13px;
  line-height:17px;
  font-weight:900;
  text-transform:uppercase;
}

.toggle_products {
  margin: 10px 0px;
  border-top: 1px solid #ddd;
  display:flex;
  flex-direction:column-reverse;
}

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

.toggle_products_image_inner {
  width:100%;
  position:relative;
  background:#fff;
  border: 1px solid #eee;
}

.toggle_products_image_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
}

.toggle_products_image img {
  max-width:90%;
  max-height:90%;
  width:auto !important;
  height:auto !important;
  margin: auto;
  position: absolute;
  font-size:0px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

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

.tpc_title a:hover {  
  text-decoration:none;
}

.tpc_quantity {
  margin: 4px 0 0 0;
  font-size: 12px;
  line-height: 14px;
  font-weight:900;
}

.tpc_attributes {
  margin: 4px 0 0 0;
  font-size: 12px;
  line-height: 14px;
  font-weight:900;
}

.toggle_products_icon {
  width:30px;
}

.toggle_products_icon .cssButton {
  padding: 4px;
  height:30px;
}

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

.toggle_account ul.arrownav li {
  padding: 10px 0px;
  border-bottom: 1px solid #ddd;
}

.toggle_account ul.arrownav li a {
  display:block;
  padding: 0 0 0 30px;
  position:relative;
  font-weight:400;
  font-size: 14px;
  line-height: 18px;
}

.toggle_account ul.arrownav li a:hover {
  text-decoration:none !important;
}

.toggle_account ul.arrownav li a:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f30b";
  font-weight:900;
  position: absolute;
  top: 0px;
  left: 2px;
}

/* START Bannermanager */

.banner_slider {
  display:block;
  position:relative;
  margin: 15px 0 0 0;
}

@media only screen and (min-width: 985px) {
  .banner_slider { margin: 0 0 0 0; }
}

.banner_slider:before {
  content: "";
  display:block;
  padding-top: 70%;
}

@media only screen and (min-width: 500px) {
  .banner_slider:before { padding-top: 50%; }
}

@media only screen and (min-width: 720px) {
  .banner_slider:before { padding-top: 37.142857%; }
}

.slider_home {
  display:none;
  position: absolute !important;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.slider_home div {
  height:100%;
}

.slider_item {
  position:relative;
}  

.slider_item img {
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  width:100%;
  height:100%;
  object-fit:cover;
}

.slider_top_info {
  display:none;
  position:absolute;
  display:flex;
  flex-direction:column;
  background: rgba(0,0,0,0.4);
  color:#fff;
  bottom:20px;
  right:20px;
  padding: 20px 20px;
  margin-left:20px;
}

@media only screen and (min-width: 720px) {
  .slider_top_info { bottom:20%; right:5%; padding: 30px 50px; margin-left:5%; }
}

.slider_title {
  font-size:22px;
  line-height:24px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
}

@media only screen and (min-width: 985px) {
  .slider_title {font-size:36px; line-height:38px; }
}

.slider_text {
  padding: 5px 0 0 0;
  font-size:16px;
  line-height:22px;
}

@media only screen and (min-width: 985px) {
  .slider_text { padding: 15px 0 0 0; font-size:20px; line-height:30px; }
}

.slider_home .slick-prev,
.slider_home .slick-next,
.slider_home .slick-prev:focus,
.slider_home .slick-next:focus {
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  border-radius:100%;
  background: #ccc;
  z-index: 2;
  opacity:0.8;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  cursor: pointer;
}

.slider_home .slick-prev {
  left: -10px;
  top:0px;
  bottom:0px;
  margin: auto;
}

.slider_home .slick-next {
  right: -10px;
  top:0px;
  bottom:0px;
  margin: auto;
}

@media only screen and (min-width: 985px) {
  .slider_home .slick-prev { left: -14px; }
  .slider_home .slick-next { right: -14px; }
}

.slider_home .slick-prev:before,
.slider_home .slick-next:before {
  color:#fff;
  font-size: 16px;
}

.slider_home .slick-prev:hover,
.slider_home .slick-next:hover {
  outline: none;
  background: #ccc;
  opacity:1.0;
}

.slider_home .slick-prev:hover:before,
.slider_home .slick-prev:focus:before,
.slider_home .slick-next:hover:before,
.slider_home .slick-next:focus:before {
  color: #fff;
}

.banner_top {
  display:block;
  position:relative;
}

.banner_top:before {
  content: "";
  display:block;
  padding-top: 70%;
}

@media only screen and (min-width: 500px) {
  .banner_top:before { padding-top: 50%; }
}

@media only screen and (min-width: 720px) {
  .banner_top:before { padding-top: 37.142857%; }
}

.banner_top_inner {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.banner_top img {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}

.banner_top_info {
  position:absolute;
  display:flex;
  flex-direction:column;
  background: rgba(0,0,0,0.4);
  color:#fff;
  bottom:20px;
  right:20px;
  padding: 20px 20px;
  margin-left:20px;
}

@media only screen and (min-width: 720px) {
  .banner_top_info { bottom:20%; right:5%; padding: 30px 50px; margin-left:5%; }
}

.btii_title {
  font-size:22px;
  line-height:24px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
}

@media only screen and (min-width: 985px) {
  .btii_title {font-size:36px; line-height:38px; }
}

.btii_text {
  padding: 5px 0 0 0;
  font-size:16px;
  line-height:22px;
}

@media only screen and (min-width: 985px) {
  .btii_text { padding: 15px 0 0 0; font-size:20px; line-height:30px; }
}

.teaser_image_text {
  background:#fff;
  display:flex;
  flex-direction:column;
}

@media only screen and (min-width: 720px) {
  .teaser_image_text { flex-direction:row; }
}

.teaser_image_text.reverse {
  display:flex;
  flex-direction:column;
}

@media only screen and (min-width: 720px) {
  .teaser_image_text.reverse { flex-direction:row-reverse; }
}

.tit_image {
  width:100%;
  position:relative;
  margin: 0 0 10px 0;
}

@media only screen and (min-width: 720px) {
  .tit_image { width:50%; margin: 0; }
}

.tit_image:before {
  content: "";
  display:block;
  padding-top: 65.714285%;
}

@media only screen and (min-width: 720px) {
  .tit_image:before { padding-top: 65.714285%; }
}

.tit_image img {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}

.tit_content {
  width:100%;
  display:flex;
  justify-content:center;
  flex-direction:column;
}

@media only screen and (min-width: 720px) {
  .tit_content { width:50%; }
}

.teaser_image_text .tit_content {
  padding: 10px 5% 10px 5%; 
}

.teaser_image_text.reverse .tit_content {
  padding: 10px 5% 10px 5%; 
}

.tit_sub {
  display:block;
  font-size:16px;
  line-height:20px;
  font-weight:900;
  color:#a5a5a5;
  text-transform:uppercase;
  padding: 0 0 2px 0;
  letter-spacing:1px;
}

@media only screen and (min-width: 985px) {
  .tit_sub {font-size:20px; line-height:24px; }
}

.tit_title {
  display:block;
  font-size:22px;
  line-height:24px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
}

@media only screen and (min-width: 985px) {
  .tit_title {font-size:32px; line-height:36px; }
}

.tit_text {
  display:block;
  padding: 15px 0 0 0;
  font-size:16px;
  line-height:24px;
}

.tit_action {
  display:block;
  padding: 25px 0 0 0;
  font-size:16px;
  line-height:24px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
}

.tit_content a {
  color:#333;  
  text-decoration:none !important;
}

.tit_content a:hover .tit_action {
  color:#890f12;
  text-decoration:none;  
}

.catteaser_row {
}

.catteaser_row_inner {
  margin: 0px -5px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}

.catteaser_item_text {
  width: 50%;
  padding: 0px 5px 0px 5px;
}

@media only screen and (min-width: 720px) {
  .catteaser_item_text { width: 33.3333%;}
}

@media only screen and (min-width: 985px) {
  .catteaser_item_text { width: 25%;}
}

.catteaser_item_text_inner {
  height:100%;
  display:flex;
  align-items:center;
}

.catteaser_item_text_block {
  padding: 20px 10px 20px 10%;
}

@media only screen and (min-width: 720px) {
  .catteaser_item_text_block { padding: 20px 10px 20px 15%; }
}

@media only screen and (min-width: 985px) {
  .catteaser_item_text_block { padding: 20px 10px 20px 20%; }
}

.catteaser_item_text .headline {
  display: block;
  font-size: 22px;
  line-height: 24px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  letter-spacing:1px;
}

@media only screen and (min-width: 985px) {
  .catteaser_item_text .headline { font-size: 32px; line-height: 34px; }
}

.catteaser_item_text .action {
  margin: 10px 0 0 0;
}

.catteaser_item_text .action a {
  letter-spacing:1px;
  display:inline-block;
  width:100%;
  max-width:150px;
  text-align:center;
  padding: 10px 5px;
  border: 1px solid #555;
  color:#555;
  background:#fff;
  -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;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.catteaser_item_text .action a:hover {
  color:#fff;
  background:#555;
  text-decoration:none;
}

.catteaser_item_carousel {
  width: 50%;
  padding: 0px 5px 0px 5px;
}

@media only screen and (min-width: 720px) {
  .catteaser_item_carousel { width: 66.6666%; }
}
@media only screen and (min-width: 985px) {
  .catteaser_item_carousel { width: 75%; }
}

.catteaser_item_carousel_inner {
  margin: 0px -5px;
}  

.catteaser_item {
  padding: 0px 5px;
}

.catteaser_item_inner {
  padding: 0px 0px;
}

.catteaser_item_image {
  background:#fff;
  display:block;
  vertical-align:middle;
  text-align:center;
  position:relative;
  overflow:hidden;
  margin: 0 0 0px 0;
}

.catteaser_item_image:before {
  content: "";
  display:block;
  padding-top: 100%;
}

.catteaser_item_image img {
  margin: auto;
  position: absolute;
  font-size:0px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit:contain;
}

.catteaser_item_title {
  padding:8px 5px 0 5px;
  display:block;
  font-size:12px;
  line-height:16px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
  text-align:left;
}

.catteaser_item_inner a {
  color:#333; 
}

.catteaser_item_inner a:hover {
  text-decoration:none;
}

.catteaser_item_inner a:hover .catteaser_item_title {
  color:#890f12; 
}

.catteaser_item_carousel .slick-prev,
.catteaser_item_carousel .slick-next,
.catteaser_item_carousel .slick-prev:focus,
.catteaser_item_carousel .slick-next:focus {
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  border-radius:100%;
  background: #ccc;
  z-index: 2;
  opacity:0.8;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  cursor: pointer;
}

.catteaser_item_carousel .slick-prev {
  left: -10px;
  top:0px;
  bottom:24px;
  margin: auto;
}

.catteaser_item_carousel .slick-next {
  right: -10px;
  top:0px;
  bottom:24px;
  margin: auto;
}

@media only screen and (min-width: 985px) {
  .catteaser_item_carousel .slick-prev {left: -10px;}
  .catteaser_item_carousel .slick-next { right: -12px; }
}

.catteaser_item_carousel .slick-prev:before,
.catteaser_item_carousel .slick-next:before {
  color:#fff;
  font-size: 16px;
}

.catteaser_item_carousel .slick-prev:hover,
.catteaser_item_carousel .slick-next:hover {
  outline: none;
  background: #ccc;
  opacity:1.0;
}

.catteaser_item_carousel .slick-prev:hover:before,
.catteaser_item_carousel .slick-prev:focus:before,
.catteaser_item_carousel .slick-next:hover:before,
.catteaser_item_carousel .slick-next:focus:before {
  color: #fff;
}

.catbanner_row {
  padding: 40px 0px 0px 0px;
  overflow:hidden;
}

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

.catbanner_item {
  width: 25%;
  padding: 0px 5px 40px 5px;
}

.catbanner_item_inner {
  display:block; 
}

.catbanner_image {
  display:block;
  width:100%;
  position:relative;
}

.catbanner_image:before {
  content: "";
  display:block;
  padding-top: 66.6666%;
}

.catbanner_image img {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}

.catbanner_title {
  padding:10px 0 0 0;
  display:block;
  font-size:12px;
  line-height:16px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
}

.catbanner_item_inner a {
  color:#333; 
}

.catbanner_item_inner a:hover {
  text-decoration:none;
}

.catbanner_item_inner a:hover .catbanner_title {
  color:#890f12; 
}

.stoerer {
  overflow:hidden;
}  

.stoerer_inner {
  padding: 0px 10px;
  margin: 0px 0px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  font-size:16px;
  line-height:20px;
  font-weight: 700; 
  text-transform:uppercase;
  color:#fff;
  letter-spacing:1px;
}

.stoerer_text {
  padding: 20px 10px 10px 10px;
  width:100%;
  text-align:center;
}  
   
@media only screen and (min-width: 985px) {
  .stoerer_text { width:auto; padding: 10px 40px 10px 40px; }
}

.stoerer_linkbox {
  padding: 10px 5px;
  width:100%;
}

@media only screen and (min-width: 560px) {
  .stoerer_linkbox { width:50%; }
}

@media only screen and (min-width: 985px) {
  .stoerer_linkbox { width:auto; }
}

.stoerer_linkbox a {
  display:block;
  letter-spacing:1px;
  padding: 10px 10px;
  border: 1px solid #fff;
  text-align:center;
  color:#fff;
  -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;
}

@media only screen and (min-width: 985px) {
  .stoerer_linkbox a { padding: 10px 60px; }
}

.stoerer_linkbox a:hover {
  color:#747985; 
  background:#fff;
  text-decoration:none;
}

.stoerer_text.newsletter {
  padding: 20px 20px 20px 20px;
  text-transform:none;
  font-weight:400;
  font-size:16px;
  line-height:24px;
}

@media only screen and (min-width: 760px) {
  .stoerer_text.newsletter { padding: 30px 20px 30px 40px; }
}

.stoerer_text.newsletter a {
  color:#fff;
  margin: 0px 3px;
  font-weight:700;
  text-decoration:none;
  border-bottom: 1px solid #fff;
  white-space:nowrap;
}

.blogpost_row {
  padding: 0px 0px 0px 0px;
  overflow:hidden;
}

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

.blogpost_item {
  width: 100%;
  padding: 0px 10px 40px 10px;
}

@media only screen and (min-width: 720px) {
  .blogpost_item { width: 50%; }
}

.blogpost_item_inner {
  display:block; 
  position:relative;
}

.blogpost_image {
  display:block;
  width:100%;
  position:relative;
}

.blogpost_image:before {
  content: "";
  display:block;
  padding-top: 66.6666%;
}

.blogpost_image img {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}

.blogpost_info {
  position:absolute;
  display:flex;
  flex-direction:column;
  background: rgba(0,0,0,0.4);
  color:#fff;
  padding: 20px 20px;
  max-width:360px;
}

.blogpost_item:first-child .blogpost_info {
  bottom:0px;
  left:0px;
}

.blogpost_item:last-child .blogpost_info {
  top:0px;
  right:0px;
}

.blogpost_title {
  font-size:22px;
  line-height:24px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1px;
}

@media only screen and (min-width: 985px) {
  .blogpost_title {font-size:26px; line-height:30px; }
}

.blogpost_text {
  padding: 5px 0 0 0;
  font-size:16px;
  line-height:22px;
}

@media only screen and (min-width: 985px) {
  .blogpost_text { padding: 10px 0 0 0; }
}

/* Yellow Paypal Express Buttons */
.cssButtonColor6 {
	border-radius:2px;
	border:1px solid #d19c20;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffc848 15%, #fbba22 90% );
	background:-ms-linear-gradient( top, #ffc848 15%, #fbba22 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc848', endColorstr='#fbba22');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #ffc848), color-stop(90%, #fbba22) );
	background-color:#ffc848;
	color:#222;
	display:inline-block;
	text-shadow:1px 1px 0px #ffd97e;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffe3a1;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffe3a1;
 	box-shadow:inset 1px 1px 0px 0px #ffe3a1;
  height:32px;
}
.cssButtonColor6:hover {
	background:-moz-linear-gradient( center top, #fbba22 15%, #ffc848 90% );
	background:-ms-linear-gradient( top, #fbba22 15%, #ffc848 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbba22', endColorstr='#ffc848');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #fbba22), color-stop(90%, #ffc848) );
	background-color:#fbba22;
	color:#222;
  text-decoration:none !important;
}
.cssButtonColor6 .color-paypal0 {
  font-size: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;
}

/* Search Button */
.cssButtonColor7 {
	border-radius:2px;
	border:1px solid #fff;
	text-decoration:none;
	background-color:#fff;
	color:#999;
	display:inline-block;
}
.cssButtonColor7:hover {
  color:#333;
  text-decoration:none !important;
}

.cssButtonColor8 {
	border-radius:2px;
	border:2px solid #8c8c8c;
	text-decoration:none;
	background-color:transparent;
	color:#8c8c8c;
}
.cssButtonColor8:hover {
  opacity:0.8;
  text-decoration:none !important;
}

/* Positions for CSS Buttons */
/* Box add_a_quickie & newsletter */
.cssButtonPos1 {
  position:absolute;
  right:0px;
  top:0px;
  width:50px;
}
.cssButtonPos1 .fas {
  font-size:16px;
  vertical-align:bottom;
}
.cssButtonPos1 .cssButton {
  height:32px;
}

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

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

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

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

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

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

/* Small Buttons wishlist */
.cssButtonPos11 {
  width:50px;
  display:inline-block;
  margin: 0 2px 0 2px;
}

.cssButtonPos11 .fas,
.cssButtonPos11 .far {
  font-size:16px;
}

/* Big Buttons checkout */
.cssButtonPos12 {
  min-width:200px;
  display:inline-block;
}

.cssButtonPos12 .cssButton {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 5px;
  min-width:220px;
}

/* Small Cart Buttons delete */
.cssButtonPos13 {
  display:block;
  margin: 0 0 0px 0px;
}

.cssButtonPos13 .cssButton {
  padding: 5px 5px;
}

.cssButtonPos13 .fas {
  font-size:15px;
  vertical-align:bottom;
}
/* END CSS Buttons */

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

/* START new address book handling */
#address_block_new {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type:none;
  margin: 15px -10px 0 -10px;
  padding: 0px;
}

#address_block_new > li {
  order:2;
  float:left;
  width:100%;  
  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:#fdf2cf;
  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 {
  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 120px 0px 0px; 
}

#address_block_new .address_actions {
  overflow:hidden;
  position:absolute;
  top:0px;
  right:0px;
  width:100px;
  text-align:right;
}

#address_block_new .address_inner_block {
  position:relative;
  padding: 0px 120px 0px 0px; 
}

#address_block_new .address_actions .cssButton {
  float:left;
  width:40px;
  height:40px;
  padding: 9px 5px 9px 5px;
  margin: 0px 4px;
}

/* END new address book handling */

.menu_items > li ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0; /*-10px; /* Negative Margin, um den horizontalen Abstand auszugleichen */
}

.menu_items > li ul li {
  flex: 0 0 calc(20% - 20px); /* Jedes Untermenü-Element nimmt 20% der Breite ein */
  box-sizing: border-box; /* Berücksichtigt auch Padding und Border in der Breite */
  padding: 10px; /* Innenabstand für jedes Untermenü-Element */
  list-style: none; /* Entfernt die Listenpunkte */
  text-align: center; /* Zentriert den Text innerhalb des Elements */
}

.mega_menu > ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
}

.mega_menu > ul > li {
  width: 20%;
  padding: 10px 0;
}

.mega_menu > ul > li > a {
  display: block;
  font-size: 13px;
  line-height: 17px;
  text-transform: none;
  font-weight: 600;
  color: #555 !important;
}

.mega_menu > ul > li > a:hover {
  color: #890f12 !important;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

main
{
  margin: 1em;
}

article
{
  border: 1px solid #ccc; 
  padding: 1em;
  border-radius: 1em;
  margin: 1em;
  margin-bottom: 1em; 
  background-color: #fff;
}

.post-0.page h2 {
  font-size: 32px; /* Hier können Sie die gewünschte Schriftgröße angeben */
}

main article ul {
  padding-left: 20px; /* Hier können Sie den gewünschten Einzug festlegen */
}

#foot {
  display: flex;
  flex-direction: column; /* Stapelt die Elemente vertikal */
  position: relative;
}

.subfoot-flexbox {
  display: flex;
}

#foot1,
#foot2,
#foot3 {
  flex: 1; /* Alle Subtitel-Spalten erhalten den gleichen Platz */
  padding: 0 10px; /* Abstand zwischen den Subtitel-Spalten anpassen */
  color: white;
}

#foot1 a,
#foot2 a,
#foot3 a {
  color: white;;
}

.foot-title {
  color: white;
}

#footmenu {
        background-color: #f0f0f0;
        padding: 2px;
        bottom: 0;
        width: 100%;
        text-align: center;
        color: white;
}

#foot #subfoot #foot1 .myfoot h3 {
    color: black; /* Schriftfarbe auf schwarz ändern */
}

.myfoot {
  border: 1px solid #ccc; 
  padding: 1em;
  border-radius: 1em;
  margin: 1em;
  margin-bottom: 1em; 
  background-color: rgba(255, 255, 255, 0.3); /* Transparenter Hintergrund */
  color: white;
}

@media screen and (max-width: 1180px) {
  #foot {
    flex-direction: column; /* Stapelt die Elemente vertikal */
  }

  .subfoot-flexbox {
    flex-direction: column; /* Stapelt die Subfoot-Elemente vertikal */
  }

  #foot1,
  #foot2,
  #foot3 {
    flex: 1; /* Alle Subtitel-Spalten erhalten den gleichen Platz */
    padding: 0; /* Null Abstand zwischen den Subtitel-Spalten anpassen */
    margin-bottom: 10px; /* Abstand zwischen den Subtitel-Spalten anpassen */
  }
}

#overlay_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Hintergrundfarbe des Overlays */
  z-index: 9999; /* Über dem Inhalt positionieren */
  display: none; /* Standardmäßig ausblenden */
	text-transform: uppercase;
}

#overlay_menu ul {
  list-style: none;
  padding: 10px;
  margin: 0;
  color: #333;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #fff; /* Hintergrundfarbe des Menüs */
  font-weight: 400;
  font-size: 16px; /* Beispielwert für die Schriftgröße */
  line-height: 24px;
  letter-spacing: 0.3px;
  border-radius: 8px;
}

#overlay_menu ul li {
	border-top: 1px solid #ccc;
	    
  padding: 3px; /* Abstand unter jeder Zeile */
  margin-bottom: 3px; /* Zusätzlicher Abstand zwischen den Zeilen */
  background-color: transparent;
}

/* CSS-Stile für den Slider */
#ewic-con-4976638d3f728c76 .flexslider-4976638d3f728c76 img {
  max-width: 100%; /* Maximale Breite des Bildes auf 100% des verfügbaren Bereichs setzen */
  height: auto; /* Automatische Höhe, um das Seitenverhältnis beizubehalten */
}

.woocommerce-product-gallery__image ol {
    margin-bottom: 20px; 
}

.flex-active img {
    max-width: 80px; /* Maximale Breite der Bilder */
    max-height: auto; /* Maximale Höhe der Bilder */
}

.flex-control-thumbs li {
    padding: 10px; /* optional: fügt Innenabstand hinzu */
}

.flex-viewport {
  margin-bottom: 20px;
}

main article ol {
    margin-left: 20px;
}

#footmenu {
        background-color: #f0f0f0;
        padding: 2px;
        bottom: 0;
        width: 100%;
        text-align: left;
        color: black;
}


.copyright p {
    font-size: 14px; /* Schriftgröße */
}

.hidden {
  display: none;
}

#search_container {
  margin-top: 10px; /* Optional: Abstand zur Lupe */
}

/* Optional: Stil für die Suchleiste */
#search_container form {
  display: flex;
  flex-direction: column;
}

#search_container input.search-field {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

#search_container button {
  padding: 8px;
  background-color: #333;
  color: white;
  border: none;
  cursor: pointer;
}

#search_container button:hover {
  background-color: #555;
}

/* Standardzustand - Suchfeld bleibt an seiner Position */
.col_search {
    flex-grow: 0;
    text-align: left;
}

/* Rechtsbündig, wenn andere Elemente ausgeblendet sind */
.search-active .col_search {
    flex-grow: 1;
    text-align: right;
}

/* Sicherstellen, dass das Suchfeld 100% der Breite einnimmt, wenn es aktiv ist */
.search-active #search_container {
    width: 100%;
}