/* VersaCommerce-Hinweis: Diese Datei wurde automatisch am 2023-05-16 12:26 erzeugt und sollte nicht manuell veraendert werden. Veraenderungen sollten in der Quell-Datei (style.css.liquid) vorgenommen werden. */

/********************************************************************************************************

1. CSS RESET

2. VARIABLES
2.1 GRADIENTS
2.2 CSS3 TRANSITIONS

3. GLOBAL THEME STYLES

4. TYPOGRAPHY
4.1 HEADINGS
4.2 PARAGRAPHS & LISTS
4.3 LINKS
4.4 PRODUCT ATTRIBUTES (name, description, price)
4.5 RTE

5. FORMS & COMPONENTS
5.1 FORMS
5.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 MEGAMENU
8.3 NIVOSLIDER
8.4 SHOWCASE
8.5 MAIN PRODUCT LISTING
8.6 FOOTER

9. COLLECTION PAGES
9.1 PAGES CONTENT
9.2 BREADCRUMBS
9.3 COLLECTION LISTING
9.4 PAGINATION

10. SIDEBAR WIDGETS
10.1 LINKS LIST
10.2 SIDEBAR PRODUCT LISTING

11. SEARCH RESULTS PAGE

12. PRODUCT PAGE
12.1 PRODUCT IMAGES
12.2 PRODUCT INFO
12.3 PRODUCT PAGINATION
12.4 RELATED PRODUCTS

13. BLOG
13.1 POSTS LISTING
13.2 SINGLE POST

14. CUSTOMER PAGES
14.1 LOG IN
14.2 ACCOUNT
14.3 ADDRESSES
14.4 ORDERS

15. CART PAGE
15.1 CART PRODUCTS
15.2 GUEST CHECKOUT

16. CONTACTS PAGE

********************************************************************************************************/



/********************************************************************************************************
													 1. CSS RESET
********************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button
{margin: 0;padding: 0;border: 0;outline: none !important;vertical-align: top;background: transparent;font-weight: normal;line-height: 1.5em;}

ol, ul {list-style:none;}
a, span {vertical-align:baseline;}
b, strong {font-weight: bold;}
i, dfn {font-style: italic;}

img {max-width: 100%;}



/********************************************************************************************************
													 2. VARIABLES
********************************************************************************************************/
/* color shades converter */







































/* 2.1 GRADIENTS */






















/* 2.2 CSS3 TRANSITIONS */






/********************************************************************************************************
									3. GLOBAL THEME STYLES
********************************************************************************************************/

/* hiding placeholder text on focus in webkit, thanks to http://www.kolodvor.net/2012/03/23/webkit-placeholder-attribute-behavior */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {color: transparent;}



/* clearfix - nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {zoom: 1;}

.clearfix:before,
.clearfix:after {content: "";display: table;}

.clearfix:after {clear: both;}



/* utility classes: hidden, float left, float right, etc. */
.hidden,
.visuallyhidden {display: none;}
 
.left {float: left;}
.right {float: right;}



/* addthis styles */
.addthis_toolbox {margin: 15px 0 0 0;border-top: 1px solid #888888;}
.addthis_toolbox > a {margin: 15px 15px 0 0 !important;padding: 0 !important;}
.addthis_toolbox .at300b {height: 21px;}

.addthis_button_tweet {width: 79px;}

#_atssh {height: 0 !important;margin: 0 !important;padding: 0 !important;font-size: 0 !important;line-height: 0 !important;}



/* jquery.formstyler styles for selects */
.jq-selectbox {display: block;z-index: 1000 !important;cursor: pointer;}
.jq-selectbox.opened {}
.jq-selectbox.focused {}

.jq-selectbox__select {}

.jq-selectbox__select-text {width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jq-selectbox__trigger i {position: absolute;top: 0;right: 0;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
.jq-selectbox__dropdown {width: 100%;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}

.jq-selectbox.opened .jq-selectbox__trigger i {
-webkit-transform: rotate(180deg);
	 -moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		 -o-transform: rotate(180deg);
				transform: rotate(180deg);
}



/* misc */
#at15s {z-index: 999 !important;}

#habla_window_div {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}



/* hex2rgb color converter */




















/* add to cart message */
.cart_popup {width: 100%;height: 86px;font-size: 25px;line-height: 85px;color: #656565;text-align: center;position: fixed;left: 0;top: 0;z-index: 1000;
background: rgba(255,255,255,.5);
display: none;
}



/* cookies policy message */
.cookies_container {min-height: 60px;background: #191919;
display: none;
}

.cookies_container p {display: inline-block;margin: 0;font-size: 17px;line-height: 60px;color: #888;}
.cookies_container p b {vertical-align: baseline;color: #fff;}

.cookies_container .cookie_btn {height: 40px;display: inline-block;margin: 10px 0 10px 6px;padding: 0 20px;border-width: 1px;border-style: solid;font-weight: bold;font-size: 17px;line-height: 38px;color: #fff;
-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
				border-radius: 4px;


-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
.cookies_container .cookie_ok {margin: 10px 0 10px 20px;background: #18a439;border-color: #18a439;}
.cookies_container .cookie_no {border-color: #585858;}

.cookies_container .cookie_btn:hover {background: #585858;border-color: #585858;}



/* google maps */
#google_map,
#google_map iframe {width: 100% !important;height: 300px !important;background: #e7e7e6;}

#google_map img {max-width: none;}



/********************************************************************************************************
													 4. TYPOGRAPHY
********************************************************************************************************/




body {font-family: Lato;font-size: 15PX;color: #000000;}



/* 4.1 HEADINGS */



h1,
h2,
h3,
h4,
h5,
h6 {font: 27px Lato;color: #000000;/*text-transform: uppercase;*/}

h2,
h3,
h4 {font-size: 18px;}

h5,
h6 {font-size: 17px;}

.column_center h1,
.column_center h2,
.column_center h3,
.column_center h4,
.column_center h5,
.column_center h6 {margin: 15px 0;}

.column_center .page_heading {margin: 0;font: 27px Lato;color: #000000;/*text-transform: uppercase;*/}
.column_center .page_heading a {float: right;}



/* 4.2 PARAGRAPHS & LISTS */
p {margin: 15px 0;padding: 0;}

.column_center ul {/*list-style-type: square;*//*KN190114*/ list-style-position: inside;}
.column_center ol {list-style-type: decimal;list-style-position: inside;}



/* 4.3 LINKS */
a {color: #000000;text-decoration: none;
-webkit-transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
		transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}

a:hover,
a:focus {color: #888888;}



/* 4.4 PRODUCT ATTRIBUTES (name, description, price) */
.product_name {font-size: 15px;color: #000000;/*text-transform: uppercase;*/}
.product_name a {color: #000000;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
.product_name a:hover {color: #000000;}


.product_desc {font-size: 13px;color: #888888; word-break:break-word;}


.money {color: #000000;}
.compare-at-price {text-decoration: line-through;}



/* 4.5 RTE */
.rte {margin-top: 15px;margin-bottom: 15px;color: inherit;}

.rte a {color: inherit;text-decoration: underline;}
.rte a:hover {text-decoration: none;}

.rte h1 {font-size: 19px;}
.rte h2 {font-size: 17px;}
.rte h3 {font-size: 16px;}
.rte h4 {font-size: 14px;}
.rte h5 {font-size: 13px;}
.rte h6 {font-size: 12px;}

.rte img {margin-top: 15px;margin-bottom: 15px;}



/********************************************************************************************************
													 5. FORMS & COMPONENTS
********************************************************************************************************/

/* 5.1 FORMS */
label {font-weight: bold;font-size: 15PX;}

select,
select.form-control,
textarea,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="telephone"] {padding: 6px;border:1px solid #888888;font: normal 13px 'Arial';color: #000000;
-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
				box-sizing: border-box;
border-radius: 0;
box-shadow: none;
}

select,
select.form-control {padding: 8px 3px;}

textarea,
textarea.form-control {min-width: 100%;max-width: 100%;}

.form-control:focus {border-color: #aaa;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
}


.form-group {vertical-align: top !important;margin-top: 15px;margin-bottom: 0;}



.form-horizontal {}
.form-horizontal label {padding-top: 0 !important;text-align: right;line-height: 34px;}
.form-horizontal select {width: 100%;}

.action_bottom span.note {margin-left: 5px;}
.action_bottom span.note a {margin-left: 5px;}



/* 5.2 ALERTS */
.alert {margin: 15px 0;
-webkit-border-radius: 0;
	 -moz-border-radius: 0;
				border-radius: 0;
}

.alert > p,
.alert > ul,
.alert > ol {list-style-type: none;margin: 0;}

.alert > p + p,
.alert > ul + ul {margin: 10px 0 0 0;}


/* 5.3 BUTTONS */
.btn,
.btn a,
.btn-info,
.btn-primary {padding: 14px 15px;background: #5b7882 !important;border: none !important;font-weight: bold;font-size: 15px;line-height: 1em;color: #ffffff !important;/*text-transform: uppercase;*/
border-radius: 0 !important;

-webkit-box-shadow: inset 0 0 0 50px rgba(255,255,255,0) !important;
		box-shadow: inset 0 0 0 50px rgba(255,255,255,0) !important;


-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}

.btn a {padding: 0 !important;border: none !important;}

.btn:hover,
.btn:hover a,
.btn-info:hover,
.btn-primary:hover {
-webkit-box-shadow: inset 0 0 0 50px rgba(255,255,255,.18) !important;
		box-shadow: inset 0 0 0 50px rgba(255,255,255,.18) !important;
}



/********************************************************************************************************
													 6. GLOBAL PAGE LAYOUT
********************************************************************************************************/
/* outdated browsers notification */
.old_browsers a {display: block;padding: 20px 0;background: #ffa200;font-size: 20px;color: #fff;text-align: center;text-decoration: none;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);

-webkit-transition: color .4s ease-in-out;
		transition: color .4s ease-in-out;
}
.old_browsers a i {margin: 0 5px 0 0;font-size: 30px;color: #e90b00;
text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
}
.old_browsers a:hover {color: #e90b00;}



html, body {height: 100%;
background:  #d1d6ce;
}

.page_preloader {width: 100%;height: 100%;background: url(//static-1.versacommerce.de/snowy-frog-25_versacommerce_de/designs/theme136_arit_id09_copy/assets/preloader_dark.gif) 50% 50% no-repeat #d1d6ce;position: fixed;left: 0;top: 0;z-index: 100;}

#wrapper {position: relative;z-index: 1;}
#wrapper2 {overflow: hidden;}

.container {padding: 0;}

#main {}



#main_content {margin-bottom: 10px !important;}


#main > .container > .row {margin: 0 -5px;}

#main_content,
.column {padding: 0 5px;}


.center_column_content {padding: 20px;background: #ffffff;}
.template-index .center_column_content {padding: 0;}



/********************************************************************************************************
													 7. SIDEBAR CONFIGURATION
********************************************************************************************************/

/* NO SIDEBAR */
.sidebar_none {}


/* LEFT SIDEBAR */
.sidebar_left {}
.sidebar_left .column_center {width: 100%;}
.sidebar_left .column_center #main_content {margin: 0 0 0 25%;}
.sidebar_left .column_left {margin-left: -100%;}


/* RIGHT SIDEBAR */
.sidebar_right {}


/* BOTH SIDEBARS */
.sidebar_both {}
.sidebar_both .column_center {width: 100%;}
.sidebar_both .column_center #main_content {margin: 0 25%;}
.sidebar_both .column_left {margin-left: -100%;}
.sidebar_both .column_right {margin-left: -25%;}


/* NOSIDEBAR PAGES */
.sidebar_off .column_center #main_content {margin: 0;}



/********************************************************************************************************
													 8. MAIN PAGE
********************************************************************************************************/

/* 8.1 HEADER */
#header {padding: 0 0 25px 0;}



#logo {padding: 30px 0 0 0;}
#logo a {display: inline-block;text-align: center;/*text-transform: uppercase;*/}
#logo b {display: block;font-size: 70px;line-height: 1em;color: #ffffff;letter-spacing: -3px;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
#logo span {display: block;padding: 5px 0 0 0;font-size: 15px;line-height: 1em;color: #ffffff;
opacity: .5;


-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}

#logo a:hover b {
opacity: .75;
}
#logo a:hover span {
opacity: .75;
}



.header_cart {float: right;padding: 60px 0 0 0;}
.header_cart a {display: block;position: relative;}
.header_cart a i {padding: 0 1px;font-size: 46px;line-height: 1em;color: #ffffff;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
.header_cart a span.cart-total-items {width: 100%;display: block;padding: 6px 0 0 12px;font-size: 17px;line-height: 1em;color: #656565;text-align: center;position: absolute;left: 0;top: 0;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}

.header_cart a:hover i {color: #64818b;}
.header_cart a:hover span.cart-total-items {color: #ffffff;}


/*
.header_right {margin: 0 125px 0 0;}
*/
.header_right {margin: 0 102px 0 0;}

.header_search {width: 270px;margin: 45px 0 0 auto;}
.header_search form {height: 43px;padding: 0 56px 0 0;background: #5b7882;border: 1px solid #888888;}
.header_search #search-field {width: 100%;height: 41px;float: left;padding: 0 12px;background: none;border: none; background-color:white;}
.header_search #search-submit {width: 56px;height: 41px;margin: 0 -58px 0 0;border-left: 1px solid #888888;color: #ffffff;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
.header_search #search-submit i {height: 41px;display: block;font-size: 18px;line-height: 39px;}

.header_search #search-submit:hover {background: #888888;}

.header_search.desktop, .header_cart.desktop{display:block;}
.header_search.mobile, .header_cart.mobile{display:none;}


.header_links {padding: 14px 0 0 0;text-align: right;/*text-transform: uppercase;*/}
.header_links a {color: #000000;}
.header_links a:hover {color: #ffffff;}



.header_currency {display: inline-block;}
.header_currency select {width: 0 !important;height: 0 !important;overflow: hidden;}
.header_currency label {margin: 0 3px 0 0;font-weight: normal;}

.header_currency .jq-selectbox {width: 45px;}
.header_currency .jq-selectbox__select {}
.header_currency .jq-selectbox__select-text {text-align: left;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
.header_currency .jq-selectbox__trigger i {font-size: 14px;right: 0;top: 2px;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}

.header_currency .jq-selectbox:hover .jq-selectbox__select-text,
.header_currency .jq-selectbox:hover .jq-selectbox__trigger i,
.header_currency .jq-selectbox.opened .jq-selectbox__select-text,
.header_currency .jq-selectbox.opened .jq-selectbox__trigger i {color: #ffffff;}

.header_currency .jq-selectbox__dropdown {width: 100% !important;background: #5b7882;border: 1px solid #d1d6ce;text-align: center;top: 24px !important;}
.header_currency .jq-selectbox__dropdown ul {background: #5b7882;}
.header_currency .jq-selectbox__dropdown ul li {padding: 3px 0;}
.header_currency .jq-selectbox__dropdown ul li ~ li {border-top: 1px solid #d1d6ce;}

.header_currency .jq-selectbox__dropdown ul li:hover {color: #ffffff;}
.header_currency .jq-selectbox__dropdown ul li.sel {font-weight: bold;color: #ffffff;}



.header_user {display: inline-block;}
.header_user li {display: inline-block;margin: 0 20px 0 0;}
.header_user li a {}
.header_user li a i {margin: 0 5px 0 0;line-height: 1.5em;}



/* 8.2 MEGAMENU */
#megamenu {/*height: 60px*/;background: #64818b;position: relative;z-index: 999; display:block;}


.sf-menu {position: relative;}
.sf-menu > li {width: 16.666666666666664%;height: 60px;float: left;border: 1px solid #888888;border-width: 0 1px; min-width:150px;}
.sf-menu > li ~ li {border-width: 0 1px ;}
.sf-menu > li > a {height: 60px;display: block;padding: 0 10px;font-size: 20px;line-height: 60px;color: #ffffff;text-align: center;/*text-transform: uppercase;*/position: relative;white-space: nowrap;}

.sf-menu .menu_badge {display: block;padding: 1px 4px;background: #5b7882;font-size: 9px;color: #000000;/*text-transform: uppercase;*/position: absolute;right: 0px;top: 0px;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}

.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover,
.sf-menu > li > a.active {background: #5b7882;}

.sf-menu > li.sfHover > a .menu_badge,
.sf-menu > li > a:hover .menu_badge,
.sf-menu > li > a.active .menu_badge {background: #000000;color: #ffffff;}

.sf-menu > li.sfHover > a.sf-with-ul:after {content: '';width: 100%;height: 1px;background: #5b7882;font-size: 0;line-height: 0;position: absolute;left: 0;bottom: -1px;z-index: 10000;}

.sf-menu > li > ul {width: 100%;background: #5b7882;border: 1px solid #888888;position: absolute;left: 0;top: 60px;
display: none;
}
.sf-menu .submenu {padding: 20px}
.sf-menu .submenu a {color: #000000;}
.sf-menu .submenu a:hover {color: #ffffff;}
#nav-toggle{
  display:none;
}
.vc-subnavigation{
  z-index:1000;
}


/* CUSTOM LINK */
.megamenu__1 {}



/* CATALOG */
.megamenu__2 {}
.megamenu__2 .submenu ul {}
.megamenu__2 .submenu ul li {padding: 5px 0 0 0;/*text-transform: uppercase;*/}

.megamenu__2 a {}
.megamenu__2 h3 {font-size: 18px;/*text-transform: uppercase;*/}
.megamenu__2 h3 a {color: #ffffff !important;}
.megamenu__2 h3 a:hover {text-decoration: underline;}



/* BLOG */
.megamenu__3 {}
.megamenu__3 .blog_date {}
.megamenu__3 .blog_title {font-size: 18px;/*text-transform: uppercase;*/}
.megamenu__3 .blog_title a {color: #ffffff !important;}
.megamenu__3 .blog_title a:hover {text-decoration: underline;}
.megamenu__3 .blog_content {padding: 5px 0 15px 0;}
.megamenu__3 .btn {background: #64818b !important;}



/* SALE */
.megamenu__4 {}
.megamenu__4 .product_img {}
.megamenu__4 .product_img a {display: block;padding: 20px;background: #64818b;}
.megamenu__4 .product_name {padding: 15px 0 0 0;/*text-transform: uppercase;*/}
.megamenu__4 .product_price {padding: 10px 0 0 0;}
.megamenu__4 .product_price .money {font-weight: bold;font-size: 20px;color: #ffffff;}
.megamenu__4 .product_price .compare-at-price {margin: 0 0 0 4px;font-weight: normal;font-size: 16px;color: #000000;}



/* CUSTOM LINK */
.megamenu__5 {}



/* CUSTOM LINK */
.megamenu__6 {}



/* STICK UP MENU STYLES */
#megamenu.isStuck {width: 100%;left: 0;top: 0;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
#megamenu.isStuck .menu_badge {display: none;}
#megamenu-ul-mobile{
  display:none;
}

/* 8.3 NIVOSLIDER */



/* 8.4 SHOWCASE */
#showcase {max-width: 1900px;margin: 0 auto 10px auto;}

#showcase .row {margin: 0 -5px;}

#showcase .col-xs-6 {padding: 0 5px;}
#showcase .col-20percent {width: 20%;float: left;padding: 0 5px;}
#showcase .col-40percent {width: 40%;float: left;padding: 0 5px;}

.custom_showcase {margin: 10px 0 0 0;}
.custom_showcase a {display: block;overflow: hidden;position: relative;}

.custom_showcase a div {width: 100%;padding: 0 20px 20px 20px;/*text-transform: uppercase;*/position: absolute;left: 0;bottom: 0;}
.custom_showcase h3 {color: #ffffff;}
.custom_showcase span {display: block;padding: 4px 0 0 0;font-size: 15px;color: #ffffff;text-decoration: underline;}
.custom_showcase span:hover {text-decoration: none;}

.custom_showcase__big h3 {font-size: 36px;line-height: 44px;}
.custom_showcase__small h3 {font-size: 26px;line-height: 33px;}

.custom_showcase a img {z-index: -1;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
.custom_showcase a:hover img {
-webkit-transform: scale(1.07);
		transform: scale(1.07);
}

.custom_showcase a:before {content: '';display: block;border: 1px solid transparent;position: absolute;top: 0;right: 0;bottom: 0;left: 0;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
.custom_showcase a:hover:before {border-color: #888888;top: 10px;right: 10px;bottom: 10px;left: 10px;}

.custom_showcase__4 {}
.custom_showcase__4 h3 {color: #656565;}
.custom_showcase__4 span {color: #656565;}



/* 8.5 MAIN PRODUCT LISTING */
.template-index .page_heading {padding: 12px 20px;}

.product_listing_main .product {margin: 30px 0 0 0;}

.product_listing_main .product_img {}
.product_listing_main .product_img a {display: block;position: relative;}
.product_listing_main .product_img img {background-color: #ffffff;position: relative;z-index: 1;}
.product_listing_main .product_img .img__2 {position: absolute;left: 0;top: 0;z-index: 10;
opacity: 0;
}

.product_listing_main .product_img span.product_badge {display: block;padding: 5px 10px;font-size: 13px;color: #ffffff;position: absolute;top: 0;z-index: 100;}
.product_listing_main .product_img span.new {background: #656565;left: 0;}
.product_listing_main .product_img span.sale {background: #000000;right: 0;}

.product_listing_main .product_info {}

.product_listing_main .product_desc {}

.product_listing_main .product_price {padding: 7px 0 0 0;}
.product_listing_main .product_price .money {font-weight: bold;font-size: 27px;}
.product_listing_main .product_price .compare-at-price {margin: 0 0 0 3px;font-weight: normal;font-size: 16px;color: #000000;}

.product_listing_main .product_name {padding: 5px 0 0 0;}
.product_listing_main .product_name a {min-height: 44px;display: inline-block;line-height: 22px;}

.product_listing_main .btn {width: 100%;margin: 16px 0 0 0;}



/* HOMEPAGE CAROUSEL */
.homepage_carousel {margin: 0;}
.homepage_carousel > div {width: 219px !important;padding: 0;}
.homepage_carousel .product {margin: 0;padding: 20px;border: 1px solid #d1d6ce;border-width: 1px 1px 0 0;}

.homepage_carousel .product_img span.new {left: -19px;top: -19px;}
.homepage_carousel .product_img span.sale {right: -19px;top: -19px;}

.template-index .bx-wrapper {max-width: 100% !important;}

.template-index .bx-controls {position: absolute;right: 20px;top: -44px;z-index: 99;}
.template-index .bx-controls a {width: 30px;height: 30px;display: block;overflow: hidden;float: left;margin: 0 0 0 1px;background: #5b7882;text-align: center;

-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}

.template-index .bx-controls a:hover {background: #656565;}

.template-index .bx-controls a:before {display: block;font: 12px/31px 'FontAwesome';color: #ffffff;}

.template-index .bx-prev:before {content: '\f053';padding: 0 1px 0 0;}
.template-index .bx-next:before {content: '\f054';padding: 0 0 0 1px;}

.template-index .bx-next {}



/* CUSTOM BOTTOM */
#bottom {}
#bottom .row {margin: 0 -5px;}
#bottom .row > div {padding: 0 5px;}

.custom_bottom {margin: 0 0 10px 0;}
.custom_bottom a {display: block;padding: 4px 10px 10px 10px;background: #5b7882;border: 1px solid #888888;text-align: center;/*text-transform: uppercase;*/}
.custom_bottom a h3 {font-weight: bold;font-size: 48px;line-height: 1em;color: #ffffff;}
.custom_bottom a h4 {margin: -3px 0 0 0;font-weight: normal;font-size: 28px;line-height: 1em;color: #ffffff;}

.custom_bottom a:hover {background: #888888;}



/* 8.6 FOOTER */
footer {}
.footer_content {padding: 0 0 25px 0;background: #64818b;}

footer ul {padding: 12px 0 0 0;}
footer ul li {padding: 13px 0 0 0;}
footer ul li a {color: #000000;/*text-transform: uppercase;*/}

footer ul li.active a,
footer ul li a:hover {color: #ffffff;}



footer .copyright {padding: 22px 0 32px 0;}
footer .copyright p {margin: 0;font-size: 11px;color: #000000;}
footer .copyright a {color: #000000;}
footer .copyright a:hover {color: #ffffff;}



/********************************************************************************************************
													 9. COLLECTION PAGES
********************************************************************************************************/

/* 9.1 PAGES CONTENT */
ul.tags {margin: 10px 0 0 0;list-style-type: none;}
ul.tags li {float: left;margin: 5px 1px 0 0;}
ul.tags li a {display: block;padding: 5px 10px;background: #000000;color: #ffffff;}

ul.tags li a:hover {background: #5b7882;}
ul.tags li.active a {background: #656565;}



.collection_info {margin-top: 15px;}
.collection_info .collection_img {text-align: center;}
.collection_info .collection_desc .rte {margin: 0;}



.sort_by {margin: 15px 0;padding: 10px 0;border: 1px solid #888888;border-width: 1px 0;text-align: right;}
.sort_by label {margin: 0 4px 0 0;line-height: 30px;}
.sort_by select {width: auto !important;height: 30px;display: inline-block;padding: 5px 4px;cursor: pointer;}



/* 9.2 BREADCRUMBS */
.breadcrumb_wrapper {margin: 0 0 10px 0;padding: 8px 0;background: #5b7882;border-top: 1px solid #888888;}
.breadcrumb {margin: 0;padding: 0;background: none;color: #000000;/*text-transform: uppercase;*/
-webkit-border-radius: 0;
		border-radius: 0;
}
.breadcrumb a {color: #000000;}
.breadcrumb a:hover {color: #ffffff;}



/* 9.3 COLLECTION LISTING */
.collection_listing {}
.collection_listing .collection {margin: 30px 0 0 0;}



/* 9.4 PAGINATION */
#pagination {display: inline-block;overflow: hidden;margin: 30px 0 0 0;
-webkit-border-radius: 0;
		border-radius: 0;
}
#pagination span {display: inline;float: left;/*background: #000000;*/ background-color:transparent;}
#pagination span ~ span {margin: 0 0 0 1px;}

#pagination span a,
#pagination span.deco,
#pagination span.current, .pagination_current_page {display: block;padding: 7px 10px;color: #000000;}

#pagination span a:hover {background: #5b7882;color: #ffffff;}
#pagination span.current {background: #656565;font-weight: bold;color: #ffffff;cursor: default;}



/********************************************************************************************************
													 10. SIDEBAR WIDGETS
********************************************************************************************************/
.column .widget {margin-bottom: 10px !important;}

.column .widget h3.widget_header {padding: 12px 20px;background: #d1d6ce;border: 1px solid #888888;font: 27px Lato;color: #ffffff;/*text-transform: uppercase;*/}


/* 10.1 LINKS LIST */
.column .widget ul.list {}
.column .widget ul.list li {margin: 1px 0 0 0;cursor:pointer;}
.column .widget ul.list li {display: block;padding: 10px 20px;background: #5b7882;border: 1px solid #888888;font-size: 20px;color: #ffffff;/*text-transform: uppercase;*/
    display: flex;
    align-items: center;
}
.column .widget ul.list li a {color: #ffffff;width:100%;}
.column .widget ul.list li .toggle{    display: flex;cursor:pointer;padding:10px;}
.column .widget ul.list li .toggle:hover i{}
.column .widget ul.list li .toggle:hover,
.column .widget ul.list li:hover .toggle
{}
 
.column .widget ul.list li.active,
.column .widget ul.list li:hover {background: #888888;}

.column .widget ul.list li.child{ margin-left: 50px; }

/* 10.2 SIDEBAR PRODUCT LISTING */
.product_listing_sidebar .product {overflow: hidden;margin: 1px 0 0 0;padding: 20px;background: #5b7882;border: 1px solid #888888;}

.product_listing_sidebar .product_img {width: 90px;float: left;}
.product_listing_sidebar .product_img a {display: block;padding: 10px;background: #64818b;}

.product_listing_sidebar .product_info {margin: 0 0 0 100px;}

.product_listing_sidebar .product_name {margin: -5px 0 0 0;}
.product_listing_sidebar .product_name a {color: #000000;}
.product_listing_sidebar .product_name a:hover {color: #ffffff;}

.product_listing_sidebar .product_desc {}

.product_listing_sidebar .product_price {}
.product_listing_sidebar .product_price .money {font-size: 20px;color: #ffffff;}
.product_listing_sidebar .product_price .compare-at-price {margin: 0 0 0 3px;font-size: 14px;color: #000000;}



/********************************************************************************************************
													 11. SEARCH RESULTS PAGE
********************************************************************************************************/

#searchresults {margin: 0;}
#searchresults .search-form {margin: 15px 0 0 0;}
#searchresults .search-form input {width: 100%;float: left;padding: 0 34px 0 10px;}
#searchresults .search-form button {width: 34px;height: 34px;float: left;margin: 0 0 0 -34px;background: none;border: none;font-size: 20px;color: #000000;}
#searchresults .search-form button:hover {color: #888888;}
#searchresults .search-form button i {line-height: 32px;}

#searchresults h3 {margin: 0;padding: 0;} 

#searchresults ol {list-style-type: none;padding: 15px 0 0 0;border-bottom: 1px solid #888888;}
#searchresults ol li {overflow: hidden;margin: 0;padding: 15px 0;border-top: 1px solid #888888;}
#searchresults ol li .search-result_image {float: left;margin-right: 15px;}
#searchresults ol li .search-result_container {padding: 15px 0 0 0;}



/********************************************************************************************************
													 12. PRODUCT PAGE
********************************************************************************************************/

.product_wrap {}



/* 12.1 PRODUCT IMAGES */
/* BIG IMAGE + ZOOM */
.zoomWrapper,
#elevatezoom_big {width: 345px !important;height: auto !important;position: relative !important;}

#elevatezoom_big ~ #elevatezoom_big {width: 0 !important;height: 0 !important;}

.zoomWrapper {border: 1px solid #888888;}

.zoomContainer {z-index: 1 !important;}
.zoomLens {z-index: 1 !important;}
.zoomWindow {margin: -1px 0 0 0 !important;}



/* THUMBS */
.product_images .bx-wrapper {max-width: 100% !important;margin: 12px 0 0 0;padding: 0 30px;position: relative;}

#elevatezoom_gallery {}
#elevatezoom_gallery a {width: 82px !important;display: block;margin: 0 12px 0 0;border: 1px solid #888888;}

.product_images .bx-controls a {width: 20px;height: 20px;display: block;overflow: hidden;margin: -10px 0 0 0;background: #000000;line-height: 1em;text-align: center;position: absolute;top: 50%;
-webkit-border-radius: 50%;
		border-radius: 50%;


-webkit-transition: .3s ease-in-out;
	 -moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		 -o-transition: .3s ease-in-out;
				transition: .3s ease-in-out;

}
.product_images .bx-controls a:hover {background: #656565;}

.product_images .bx-controls a:before {font: 10px/21px 'FontAwesome';color: #ffffff;}

.product_images .bx-controls a.bx-prev {left: 0;}
.product_images .bx-controls a.bx-prev:before {content: '\f053';}
.product_images .bx-controls a.bx-next {padding: 0 0 0 1px;right: 0;}
.product_images .bx-controls a.bx-next:before {content: '\f054';}



/* 12.2 PRODUCT INFO */
.product_wrap .product_name {margin: -7px 0 0 0;font-size: 20px;}



.product_wrap .product-price {margin: 15px 0 0 0;padding: 0;}
.product_wrap .product-price .money {margin: 0 5px 0 0;font-weight: bold;font-size: 27px;}
.product_wrap .product-price .compare-at-price {margin: 0 0 0 4px;font-weight: normal;font-size: 18px;color: #000000;}
.shipping-hint-available{
  color:green;
}
.shipping-hint-unavailable{
  color:red;
}
.shipping-hint-delayed{
  color:#a88613;
}

.pbc_lieferzeit_wrapper .fa{
    color: #555555 !important;
    margin-left:5px;
  }

#purchase {}
#purchase label {display: inline-block;margin: 15px 10px 0 0;padding: 0 !important;line-height: 37px;}
#purchase #quantity {width: 50px;height: 37px;display: inline-block;margin: 15px 10px 0 0;padding: 0;outline: none;text-align: center;}

#purchase .variants-wrapper {display: inline-block;margin: 15px 10px 0 0;}
#purchase .variants-wrapper select {width: auto;height: 37px;max-width: 150px;padding: 9px 6px;}

#purchase #add-to-cart {height: 37px;margin: 15px 10px 0 0;padding: 8px 15px;}


		
.product_wrap .product_details {margin: 15px 0 0 0;padding: 10px 0 15px 0;border: 1px solid #888888;border-width: 1px 0;}
.product_wrap .product_details > div {padding: 5px 0 0 0;}

.product_wrap #product_description {}
.product_wrap #product_description h4 {padding-bottom: 0;border: none;text-transform: none;}



.product_image-additioanl a {width: 33%;display: block;float: left;
-webkit-box-sizing: border-box;
		box-sizing: border-box;
}



/* 12.3 PRODUCT PAGINATION */
.product_wrap .pagination_product {width: 100%;overflow: hidden;list-style-type: none;margin: 15px 0;padding: 0;}
.product_wrap .pagination_product li.left-arrow {float: left;}
.product_wrap .pagination_product li.right-arrow {float: right;}



/* 12.4 RELATED PRODUCTS */
.widget_related_products {}
.widget_related_products h3 {margin: 30px 0 0 0;}

ul.product_listing_related {list-style-type: none;}
ul.product_listing_related .product {}

ul.product_listing_related .product_img {}
ul.product_listing_related .product_name {}
ul.product_listing_related .product_name a {min-height: 1px;}
ul.product_listing_related .product_price {}



/********************************************************************************************************
													 13. BLOG
********************************************************************************************************/

/* 13.1 POSTS LISTING */
#blog {}

.blog-article {padding: 15px 0 0 0;}

.article_header {padding: 15px 0;border-bottom: 1px solid #888888;}
.article_header .product_name {font-size: 20px;}
.article_header .product_name a {}
.article_header .product_name a:hover {}

.blog-article_meta-comments {float: right;padding: 8px 0 0 15px;}

.blog-article_date,
.blog-article_meta-tags {font-style: italic;}

.blog-article_meta-tags a {text-decoration: underline;}



/* 13.2 SINGLE POST */
.article_meta-comments {float: right;padding: 8px 0 0 15px;}
.article_meta-tags a {text-decoration: underline;}

.article_date,
.article_meta-tags,
.article_meta {font-style: italic;}



#comments ul {list-style-type: none;}

.comment-form {}

.comment-form #comment-author,
.comment-form #comment-email,
.comment-form #comment-body {width: 100%;}

.comment-form #comment-body {min-height: 100px;margin-bottom: 15px;}

.article_comments-form {padding-bottom: 10px;margin-top: 1em;padding-top: 10px;}

.section-title {margin-bottom: 2px;padding-bottom: 8px;}

.comment-form .row {margin-bottom: 1em;}

.comment-submit {}



/********************************************************************************************************
													 14. CUSTOMER PAGES
********************************************************************************************************/

/* 14.1 LOG IN */

/* 14.2 ACCOUNT */
.customer_account {}

.customer_name {text-transform: none !important;}
.customer_name .divider {margin: 0 7px;}
.customer_name .email {color: #000000;}
.customer_name a {float: right;}



/* 14.3 ADDRESSES */
.customer_addresses {}

.customer_addresses ul.customer_addresses_actions {list-style-type: none;margin: 15px 0;}
.customer_addresses ul.customer_addresses_actions li {}
.customer_addresses ul.customer_addresses_actions li a {}
.customer_addresses ul.customer_addresses_actions li a i {margin: 0 5px 0 0;line-height: inherit;}

.customer_addresses .col-sm-offset-4 label {line-height: 1.6em;}


.address_table .address_title {vertical-align: baseline;}
.address_table .address_title .address_actions {vertical-align: baseline;float: right;margin: 0 0 0 15px;text-transform: none;}
.address_table .address_title .address_actions span {vertical-align: baseline;}


ul.address {list-style-type: none;}



/* 14.4 ORDERS */
.order_date {margin: 15px 0 0 0;}

#order_details {margin: 30px 0 0 0;}



/********************************************************************************************************
													 15. CART PAGE
********************************************************************************************************/

/* 15.1 CART PRODUCTS */
.template-cart h3 {vertical-align: baseline;}

.cart-list {overflow: hidden;}

.cart-list > .row {padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #888888;}

.cart-list .item_image {text-align: center;}
.cart-list .item_image a img {max-width: 100%;}

.cart-list .product_name {margin-top: 15px;}

.cart-list .item_remove {margin: 0 0 0 10px;}
.cart-list .item_remove a {font-size: 20px;color: #fe2a2a;}
.cart-list .item_remove a:hover {color: #000000;}

.cart-list .row h3.item_vendor {/*border-bottom: 1px solid #888888;*/color: #888; width:fit-content;}

.cart-list .item_price {padding: 10px 0 0 0;}
.cart-list .item_price .price {line-height: 37px;}
.cart-list .item_price .price .money {font-weight: bold;font-size: 27px;}

.cart-list .item_price label {padding: 0;line-height: 37px;}
.cart-list .item_price .input-small {width: 60px !important;height: 37px;display: inline-block;padding: 5px;text-align: center;}

.cart-list .item_price .total {text-align: right;}
.cart-list .item_price .total h3 {vertical-align: baseline;border: none;}

.cart_subtotal {}
.cart_subtotal h3 {margin: 0;padding: 10px 0;border-bottom: 1px solid #888888;}
.cart_subtotal h3 .money {float: right;font-size: inherit;}

.cart_buttons {margin: 30px 0;}

.cart_instructions {}
.cart_instructions h4 {}
.cart_instructions textarea {width: 100%;}

#payment-methods {overflow: hidden;display:flex;justify-content:center;}
#payment-methods ul {list-style-type:none;list-style-position: outside;}
#payment-methods ul li {float:left;padding: 15px 15px 0 0;}
.or{
  font-weight:bold;
}


/* 15.2 GUEST CHECKOUT */
#guest {padding: 30px 0 0 0;}
#guest form {padding: 15px 0 0 0;}


/********************************************************************************************************
													 16. CONTACTS PAGE
********************************************************************************************************/

.contact-scope {}
.contact-scope #google_map {margin: 15px 0;}

.contact-form {}

.contact-scope iframe {width: 100%;margin: 15px 0;border: 1px solid #888888;}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="telephone"],
.contact-form textarea {}

.contact-form textarea {width: 100%;}

.contact-form_buttons {}
.contact-form_buttons .btn-toolbar {}



/* 404 PAGE */
.template-404 h2,
.template-404 h2 a {vertical-align: baseline;}


.footer_payment_image_wrapper, .footer_delivery_image_wrapper{
  
  margin-bottom: 5px;
  display:inline-block;
}
.footer_payment_image_wrapper{
  max-width:33%;
}
.footer_delivery_image_wrapper{
    max-width: 19%;
}

h3.footer_header{
  
  margin-bottom: 25px;
}

.header_hotline{
      padding-top: 25px;
    display: block;
    text-align: right;
    margin-bottom: -35px;
}
@media screen and (max-width: 992px){
  
  .header_hotline{
     text-align: center;
    margin-bottom: 0;
  }
  .header_cart {
    margin-top:30px;
  }
}

@media screen and (min-width: 992px){
    .header_cart {
    
    padding-top: 43px;
    padding-right: 29px;;
    
  }
}

.footer_content h3{
  margin-top: 10px;
}
.shop-siegel{
      margin-right: -72px;
}
.shop-siegel img{
  /*    width: 67px;
    margin-top: 9px;*/
     width: 45px;
    margin-top: 2px
}
.header_cart a {
    display: inline-block;
}
.shop-siegel {
    margin-left: 13px;
}
.shop-siegel{
      margin-left: 35px; 
}
.shop-siegel {
    margin-right: -58px;
}
@media screen and (min-width:992px) and (max-width:1116px){
.header_cart a.shop-siegel{
  display:none;
}
}

@media screen and (min-width:1200px) and (max-width:1279px){
.header_cart a.shop-siegel{
  display:none;
}
}
@media screen and (min-width:1279px) and (max-width:1310px){
.header_cart a {
   
    right: 15px;
}
}
@media screen and (max-width:991px){
  .header_cart a {
   
    right: 75px;
}
  
}

@media screen and (max-width:640px){
  .header_cart a {
   
    right: 45px;
}
  
}



#shopauskunft_widget img{
  height: auto!important;
}
