/*
Theme Name: design20
Theme URI: https://herrfraufirma.de
Author: T.Bortels / Herr/Frau/Firma
Author URI: https://herrfraufirma.de
Description: design20 is a childtheme of Storefront
Version: 1.5
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: light, blue, white, black, gray
Text Domain: storefront
Template: storefront
*/
  
/* =Child Theme Custom CSS
-------------------------------------------------------------- */

/* outline be gone */
a:active,
a:focus,
a:hover {
	outline: 0 !important;
}

button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
	outline: 0 !important;
}

button:focus-visible, .button.alt:focus-visible, input:focus-visible, textarea:focus-visible, input[type="button"]:focus-visible, input[type="reset"]:focus-visible, input[type="submit"]:focus-visible, input[type="email"]:focus-visible, input[type="tel"]:focus-visible, input[type="url"]:focus-visible, input[type="password"]:focus-visible, input[type="search"]:focus-visible {
	outline: 0 !important;
    border: 2px solid #CC0000;
}

button.menu-toggle {
    border-radius: 0!important;
    padding: .62em .875em .42em 2.62em;
}

/* Layout */

.col-full {
    max-width: 67.141em;
    padding: 0 0;
}

@media (max-width:71.5em){
	
    .col-full {
		width: 90%;
		
		margin-left: auto;
		margin-right: auto;
	}
    
	.site-header .col-full {
		width: 94.25%;
	}
    
	.storefront-primary-navigation .col-full {
		width: 100%;
	}
}

address, hr, p, table {
    margin: 0 0 1em;
}

.site-header .site-branding img {
   margin-top: 0.4rem;
   margin-bottom: 3rem;
   max-width: 290px;
}


@media screen and (max-width: 440px) {
	.site-header .site-branding {
		width:50%;
		max-width:290px;
	}
	.site-header .site-branding img {
		width:100%;
		height:auto;
	}
}

/* webfonts */

@font-face {
font-family: 'cogito-light';
    src: url('fonts/CogitoWeb-Light.eot');
    src: url('fonts/CogitoWeb-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/CogitoWeb-Light.woff') format('woff');
}
@font-face {
font-family: 'cogito-regular';
    src: url('fonts/CogitoWeb-Regular.eot');
    src: url('fonts/CogitoWeb-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/CogitoWeb-Regular.woff') format('woff');
}

/* typography */

html, 
body {
	font-family: "cogito-regular", Verdana, Geneva, sans-serif;
	font-weight: normal;
}

b,
strong {
	font-family: "cogito-regular", Verdana, Geneva, sans-serif;
	font-weight: normal;
}

b,
strong {
	background: rgba(106, 175, 183, 0.25);
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	padding-top: 0.15rem;
	margin-left: -0.2rem;
	margin-right: -0.2rem;
}

i,
em {
	font-family: "cogito-regular", Verdana, Geneva, sans-serif;
	font-weight: normal;
}

a, ins, mark {
    font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

a, a:visited, a:hover {
    transition: all 0.2s ease;
}

.hentry .entry-content a,
.hentry .entry-content a:visited {
    text-decoration: none;
    border-bottom: 2px solid rgba(184,16,16,0.00);
    transition: all 0.2s ease;
}

.hentry .entry-content a:hover {
    text-decoration: none;
    border-bottom: 2px solid rgba(184,16,16,0.20); 
    transition: all 0.2s ease;
}

@media (min-width: 768px) {
  
    table.cart td.product-remove a.remove {
        border-bottom: none;
        transition: all 0.2s ease;
    }
    
    a.remove:hover::before {
        color: #b81010;
        transition: all 0.2s ease;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: "cogito-regular", Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #000;
}

h3 {
	text-transform:uppercase;
	font-size:1.075rem;
	letter-spacing:0.02rem;
	margin-bottom:1.2;
}	

h4 {
	text-transform:uppercase;
	font-size:1rem;
	letter-spacing:0.02rem;
	margin-bottom:0.2rem;
}		

hr {
    height: 3px;
	background: rgba(0, 0, 0, 0.05);
	margin-top:2.6rem;
	margin-bottom:2.6rem;
}

.page-id-26 hr {
    height: 2px;
	width: 30%;
	min-width: 16rem;
	background: rgba(0, 0, 0, 0.1);
	margin-top:0;
	margin-bottom:1.1rem;
}

.fa.fa-arrow-circle-down {
	margin-left:0.5rem;
	margin-right:0.5rem;
	color: rgba(0, 0, 0, 0.8);
}

.page-template-default .content-area ul {
    margin-left: 1.1rem;
}

.page-template-default .content-area li {
    padding-left: 0.1rem;
}

/* header correction start page */
.home.blog .site-header, 
.home.page:not(.page-template-template-homepage) .site-header, 
.home.post-type-archive-product .site-header, 
.no-wc-breadcrumb .site-header {
    margin-bottom: 0;
}

.primary-navigation {
    display: block;
}

@media screen and (max-width: 767px) {
	
	.primary-navigation {
		display: none;
	}

}

.main-navigation ul {
	/* margin-left:1rem; */
}

.main-navigation li {
	border-left: 0.2rem solid #FFF;
	padding-left: 0.25rem;
}

.main-navigation li:first-of-type {
    border-left: none;
	padding-left: 0;
	margin-left: 0;
}

.storefront-primary-navigation {
	height: 3.2rem;
	padding: 0.85rem 1.5rem 0 1.5rem;
	background-color:#f1f1f1;
}

@media screen and (max-width: 767px) {
	
    .storefront-primary-navigation {
        padding: 0;
        margin: 0;
        padding-top: 0.15rem;
    }

}

.main-navigation ul.menu > li > a, 
.main-navigation ul.nav-menu > li > a {
	line-height:1.4rem;
    padding: 0.1rem 0.85rem 0 0.85rem;
}

.site-header-cart .cart-contents {
    padding: 0.1rem 0 0 0;
	margin-top: 0.85rem;
}

.site-header-cart .cart-contents::after {
    content: "\f07a";
    content: "\f02a";
    content: "\f009";
    content: "\f1b2";
	/* line-height: 1.3rem; */
}

.site-header-cart .cart-contents .amount {
    display: none;
}

.site-header-cart .cart-contents .count {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.50);
    color: #FFF;
    opacity: 1!important;
    font-size: .7em !important;
    overflow: hidden;
    padding-top: 0.075em;
    padding-left: 0.45em;
    line-height: 1rem;
    position: absolute;
    top: -0.1em;
    right: 0.7rem;
}

@media screen and (min-width: 768px) {
    
    .site-header-cart .widget_shopping_cart {
        background-color: #f1f1f1!important;
        min-width: calc(100% + 5.5rem);
        margin-left: -4rem;
        box-shadow: 0 10px 20px rgba(0,0,0,.15);
    }
    
    .jde_hint {
        padding: 1rem 1.3rem 0.3rem;
        font-size: .875em;
    }
    
    .jde_hint a {
        color: #b81010!important;
    }
    
    .jde_hint a:hover {
        color: #000!important;
    }
}

.main-navigation ul li a,
.main-navigation ul li a:link,
.main-navigation ul li a:visited {
	font-family: "cogito-regular", Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	letter-spacing: 0.02rem;
    transition: all 0.2s ease;
}

.main-navigation ul li a:hover {
	color: #777;
    transition: all 0.2s ease;
}

.main-navigation ul li a:active {
	color: #777;
}

a:focus {
	border:none;
}

#menu-main-navigation,
#menu-main-navigation-englisch {
	text-transform: uppercase;
	color: #000;
}

.main-navigation ul li.wpml-ls-item a, 
.main-navigation ul li.wpml-ls-item a:link, 
.main-navigation ul li.wpml-ls-item a:visited,
.site-footer .wpml-ls-item a:not(.button) {
	color:#b81010;
    transition: all 0.2s ease;
}

.main-navigation ul li.wpml-ls-item a:hover {
	color:#777;
    transition: all 0.2s ease;
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
    color: #777!important;
    transition: all 0.2s ease;
}

.woocommerce-active .site-header .main-navigation {
    margin-right: 0;
}

@media (min-width: 768px) {
    
    .woocommerce-active .site-header .main-navigation {
        width: 80%;
        margin-right: 4%;
    }

    .woocommerce-active .site-header .site-header-cart {
        width: 16%;
        min-width: 100px;
    }
    
    .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
        top: 2.25rem;
  }
    
}

@media screen and (max-width: 890px) {

    .woocommerce-active .site-header .main-navigation {
        clear: both;
        float: left;
        margin-right: 0;
        width: 70%;
    }

    .woocommerce-active .site-header .site-header-cart {
        float: right;
        margin-bottom: 0;
        margin-right: 0;
        width: 30%;
        min-width: 100px;
    }
}

@media screen and (max-width: 767px) {

.woocommerce-active .site-header .main-navigation {
    clear: none;
    float: right;
    margin-right: 0;
    width: auto;
}

}

/* responsicve navigation fix */ 

/*
.primary-navigation {
	display:none;
}

.handheld-navigation {
	display:block;
}

.toggled button.menu-toggle span:before{opacity:1}

.menu-toggle {
	display:block;
}

@media (min-width:1064px) {
	
	.primary-navigation {
		display:block;
	}
	
	.toggled button.menu-toggle span:before{opacity:0}

.menu-toggle {
	display:none;
}
}
*/

@media screen and (max-width: 1164px) {
	/* .main-navigation ul.menu > li > a, 
	.main-navigation ul.nav-menu > li > a {
		line-height: 1.4rem;
		padding: 0.1rem 0.5rem 0;
	}
	.main-navigation ul.menu > li:first-child, 
	.main-navigation ul.nav-menu > li:first-child {
		margin-left: -0.5rem;
	} */
}

@media screen and (max-width: 940px) {

	.main-navigation ul li.menu-item-1498 {
		display:none;
	}
}

@media screen and (max-width: 1040px) {

	.main-navigation ul li.menu-item-105 {
		display:none;
	}
	
	.woocommerce-active .site-header .main-navigation {
		display:table;
		margin-right: 0;
		width: auto;
	}

}

@media screen and (max-width: 900px) {

	.main-navigation ul li.menu-item-33 {
		display:none;
	}

}


@media screen and (max-width: 767px) {

	.main-navigation ul.menu > li:first-child, 
	.main-navigation ul.nav-menu > li:first-child {
		margin-left: 0;
		padding-left: 0;
	}
	
	.main-navigation li {
		border-left: none;
		padding-left: 0;
		text-align:right;
	}
	
	.main-navigation ul {
		margin: 0.6rem 0 0 0;
	}
	
	.storefront-primary-navigation {
    	background-color: #fff;
        margin-right: 2.4%;
	}

}

.site-header .site-branding {
    width: 66%!important;
    margin-right: 4%!important;
}

@media screen and (max-width: 552px) {

    .site-header .site-branding {
        width: 66%!important;
        margin-right: 0!important;
    }
}

@media screen and (max-width: 490px) {

    .site-header .site-branding {
        width: 100%!important;
    }
}

/* SEARCH, FORMS */

.site-header .site-search {
    width: 30%!important;
}

.input-text, input[type="email"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], textarea {
    background-color: #FFF;
    border: 2px solid #EFEFEF;
	padding-left: none;
    box-shadow: none;
}

.input-text:focus-visible, input[type="email"]:focus-visible, input[type="password"]:focus-visible, input[type="search"]:focus-visible, input[type="text"]:focus-visible, input[type="url"]:focus-visible, textarea:focus-visible {
    border: 2px solid #CC0000;
}

.site-search .widget_product_search form::before {
    top: 1.35em;
    left: 1.5em;
}

.site-search button, .site-search input, .site-search textarea {
    color: #43454b;
    font-family: "cogito-regular","Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.site-search .widget_product_search form input[type="search"], .site-search .widget_product_search form input[type="text"] {
    padding-left: 3.2em;
	line-height: 1.15rem;
	padding-bottom: 0.9rem;
}

/* wp-Kontakt */

.page-id-902 h3 {
    margin-bottom: 2rem;
}

.wpcf7-not-valid-tip {
    color: #b81010;
}

.wpcf7-list-item {
    margin: 0 0 0 0;
}

.wpcf7 form .wpcf7-response-output {
    padding: 0.45em 0.8em 0.3em;
    margin: 2em 0 1em;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
    width: 100%;
    max-width: 400px;
}

.wpcf7 input[type="submit"] {
    background-color: #a5a5a5;
    border-color: #a5a5a5;
    color: #ffffff;
    padding: 0.6em 1.3em 0.5em;
    letter-spacing: 0.06em;
}

/* */

.page-title, 
.entry-title {
	font-family: "cogito-light", Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2rem;
	color: #000;
	margin-top: 1rem;
	margin-bottom: 2.4rem;
	letter-spacing: 0.02rem
}

.term-warenarten .page-title, 
.term-dekaden .page-title,
.page-id-62 .entry-title {
	margin-bottom: 1rem;
}

img {
    border-radius: 0;
}

img.attachment-shop_catalog {
	-webkit-filter: brightness(0.97);
	filter: brightness(0.97);
}

img.attachment-shop_catalog:hover {
	-webkit-filter: brightness(0.99);
	filter: brightness(0.99);
}

ul.products li.product {
	background-color: rgba(0, 0, 0, 0.075);
	text-align: left;
	box-sizing: border-box;
}

.single-product div.product .price {
    font-weight: normal;
}

.single-product div.product p.price,
.single-product .entry-summary p.price {
    font-family: "cogito-regular", Verdana, Geneva, sans-serif;
    font-weight: normal;
	font-size: 0.9rem;
	margin: 0 0.25rem 1rem 0;
    padding: 0.8rem 0.85rem 0.65rem;
	letter-spacing: 0.02rem;
	line-height: 1rem;
	display: inline-block;
	border: 2px solid rgba(106, 175, 183, 0.8);
}

.single-product div[itemprop="offers"],
.wgm-info.wgm-extra-costs-eu {
	width:50%;
	float:left;
	clear:left;
    margin-bottom: 1rem;
    padding: 1rem 0 0 0;
}

.single-product .outofstock div[itemprop="offers"] {
	display:none;
}

.wgm-info.woocommerce_de_versandkosten {
	display:none;
}

.single-product .wgm-info.woocommerce_de_versandkosten {
	display:block;
}

.single-product div.product form.cart {
    margin-bottom: 1.6rem;
    padding: 1rem 0;
	width:50%;
	float:right;
}

.single-product div.product form.cart .button {
    float: right;
}

.single-product .wgm-info.woocommerce-de_price_taxrate  {
	display:none;
}

/* hide tabs */
.single-product .wc-tabs {
	display:none;
}

/* related objects */
.single-product div.product .related p.price {
	margin-left: 1rem;
}
.single-product .related .wgm-info {
	padding:0 1rem;
}


.product_title.entry-title {
	font-family: "cogito-regular", Verdana, Geneva, sans-serif;
    font-weight: normal;
	font-size: 1.5rem;
	color: #000;
	text-transform: none;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.alpha.entry-title a {
	font-family: "cogito-regular", Verdana, Geneva, sans-serif;
    font-weight: normal;
	font-size: 1.5rem;
	color: #000;
	text-transform: none;
}

img.attachment-shop_single {
	margin-top: 2rem;
}

.single-product div.product .images .woocommerce-main-image {
    margin-bottom: 1rem;
}

.single-product div.product .images .thumbnails a.zoom {
    width: 22%;
    float: left;
    margin-right: 4%;
    margin-bottom: 4%;
	-webkit-filter: brightness(0.97);
	filter: brightness(0.97);
}

.woocommerce-tabs .panel {
    float: none;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
}

.woocommerce-tabs .panel h2 {
/*	display:none; */

}

@media screen and (max-width: 767px) {

.woocommerce-tabs .panel {
    float: none;
    width: 100%;
}

}


/* woo V3 */
.single-product .woocommerce-product-gallery__image {
}

.single-product .woocommerce-product-gallery__wrapper {
	/*display:flex; */
/*	align-items: center;
	flex-wrap: wrap;
*/
}

/*
.single-product .woocommerce-product-gallery__image {
	width:20%;
	height:20%;
	display:block;
	margin-right:4%;
}

.single-product .woocommerce-product-gallery__image:first-of-type {
	width:100%;
	margin: 2rem 0 1rem 0;
	height:auto;
}
*/

.single-product .woocommerce-product-gallery__image a {
	width:22%;
	height:22%;
	display:block;
	margin-right:4%;
	margin-bottom:1rem;
    display:block;
	float:left;
	-webkit-filter: brightness(0.97);
	filter: brightness(0.97);
}

.single-product .woocommerce-product-gallery__image:nth-of-type(5) a {
	margin-right:0;
}

.single-product .woocommerce-product-gallery__image:first-of-type a {
	width:100%;
	margin: 2rem 0 1rem 0;
	height:auto;
	display:block;
	float:left;
	-webkit-filter: brightness(1);
	filter: brightness(1);
}

.single-product .woocommerce-product-gallery__image a:hover {
	-webkit-filter: brightness(1);
	filter: brightness(1);
}

.single-product .woocommerce-product-gallery__image img {
	height:98px;
	object-fit: cover;
}

.single-product .woocommerce-product-gallery__image:first-of-type img {
	height:auto;
}

.single-product div.product .images .thumbnails a.zoom:hover {
    -webkit-filter: brightness(0.99);
	filter: brightness(0.99);
}

ul.products li.product .woocommerce-loop-product__title, 
ul.products li.product h2,
ul.products li.product h3 {
	font-family: "cogito-regular", Verdana, Geneva, sans-serif;
    font-weight: normal;
	font-size:0.96rem;
	padding-left: 1rem;
	padding-right: 1rem;
	line-height: 1.45rem;
	color: #000;
	display: inline-block;
	width: 100%;
	height: 100%;
	min-height: 5.8rem;
	border-radius: 0;
	padding-top: 0;
	background: none;
}

.page-id-62 h3 {
    font-family: "cogito-light", Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 1.25rem;
	color: #FFF;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	border-radius: 1rem;
	line-height: 2rem;
	padding-top: 0.065rem;
	margin-top: 1rem;
	text-align: center;
	background: rgba(204, 0, 0, 0.7);
	background: rgba(106, 175, 183, 0.8);
	background: rgba(0, 0, 0, 0.8);
}

p.price {
	padding-top: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 0.5rem;
}

ul.products li.product .price {
	color: #666;
}

ul.products li.product.outofstock .price {
	visibility:hidden;
}

ul.products li.product {
    margin-bottom: 3.6em;
}

/* Upsells / Related Products */

.related > h2:first-child, 
.upsells > h2:first-child,
.products h2 {
	display: inline-block;
	font-size: 1.25rem;
	margin-bottom: 2rem;
}

.product.type-product h2:nth-of-type(2) {
	display:none !important;
}

.product.type-product .products h2 {
	display:block !important;
}

/* wrapper */
.product.type-product {  
}

/* list */
.product.type-product ul.products {
}

.product.type-product .product {
 }
 
 /* kürzlich angesehen – widget */
 
.single-product .product_list_widget .woocommerce-Price-amount,
.single-product .product_list_widget .woocommerce-price-suffix,
.single-product .product_list_widget .wgm-info {
	display:none;
}

.product_list_widget li {
	background-color:#FFF;
	padding:0.8rem 0.6rem;
	margin:0 0 1rem 0;
}

.product_list_widget li img {
    float: right;
    max-width: 3rem;
	margin:-0.2rem 0 0 1rem;
}


/* DISPLAY: NONE */


.storefront-sorting:first-of-type,
.storefront-sorting .woocommerce-ordering,
.storefront-sorting .woocommerce-result-count,
.single-product .wgm-info.price_taxrate,
.add_to_cart_button,
.product_type_simple,
#secondary,
.single-product .related .wgm-info,
.single-product .upsells .wgm-info {
	display: none;
}

.columns-3 .storefront-sorting {
	display:block;
}

.products .woocommerce-de_price_taxrate,
.stock.in-stock,
.stock.out-of-stock {
    display: none;
}

/* DISPLAY: NONE */

.single-product div.product .upsells p.price, 
.single-product div.product .related p.price {
    margin-left: 0.2rem;
	margin-bottom: 0;
	border: none;
}

.single-product div.product .product_meta {
    padding-top: 1.5rem;
    margin-top: 2.2rem;
    border-top: 2px solid rgba(0,0,0,.07);
	clear:both;
	
    padding-bottom: 1.5rem;
    margin-bottom: 2.2rem;
    border-bottom: 2px solid rgba(0,0,0,.07);
	
}

ul.products li.product .button {
	margin: 0;
	text-align: center;
	line-height: 1.6rem;
}

.add_to_cart_button, .product_type_simple {
	display: block;
}

.add_to_cart_button {
	background-color: #444;
	display: block;
    transition: all 0.2s ease;
}

button.alt, 
input.alt[type="button"], 
input.alt[type="reset"], 
input.alt[type="submit"], 
.button.alt, 
.added_to_cart.alt, 
.widget-area .widget a.button.alt, 
.added_to_cart, 
.pagination .page-numbers li .page-numbers.current, 
.woocommerce-pagination .page-numbers li .page-numbers.current, 
.widget a.button.checkout {
    background-color: #444 !important;
    border-color: #444 !important;
    color: #ffffff;
    transition: all 0.2s ease;
}

.add_to_cart_button:hover,
.widget a.button.checkout:hover {
	background-color: #000!important;
    transition: all 0.2s ease;
}

.wc-forward {
	width:100%;
	text-align:center;
}

.added_to_cart:hover,
.wc-forward:hover {
	background-color:#000 !important;
}

.added_to_cart,
.button, button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    box-shadow: none;
	font-family: "cogito-regular", Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 0.02rem
}

.single-product .single_add_to_cart_button {
	font-size: 0.85rem;
	background-color: #444!important;
	padding: 0.65rem 0.95rem;
    transition: all 0.2s ease;
}

.single-product .single_add_to_cart_button:hover {
	background-color: #000!important;
    transition: all 0.2s ease;
}

.single-product .images img {
	max-width: none;
    width: 100%;
}

/* additional style for sidebar-less product category pages */
.right-sidebar.full-width .content-area {
    margin-right: 0;
    width: 100%;
}

.site-main .columns-3 ul.products li.product,
.site-main ul.products li.product {
    float: left;
    margin-right: 5%;
    width: 21.24%;
	min-height:400px;
}

ul.products li.product.last {
    margin-right: 0;
}

.woocommerce-tabs .panel a, .woocommerce-tabs .panel a:link, .woocommerce-tabs .panel a:visited {
	color: #000;
	border-bottom: 1px solid #444;
}

.woocommerce-tabs .panel a:hover {
	border-bottom: 1px solid #FFF;
}

.woocommerce-tabs .panel a:active {
	border-bottom: 1px solid #FFF;
}


@media screen and (max-width: 960px) {
	
	.site-main .columns-3 ul.products,
	.site-main ul.products,
	ul.products {
		display: flex;
		flex-wrap: wrap;
	}
	
	
	.site-main .columns-3 ul.products li.product,
	.site-main ul.products li.product,
	ul.products li.product.last,
	ul.products li.product.first {
		float: none;
		margin-right: 5% !important;
		width: 30%!important;
		clear:none !important;
	}
	
	li.product {
		display: flex;
		flex-direction: column;
	}
	
	li.product .price {
		flex-grow: 1;
	}
	
	.site-main .columns-3 ul.products li.product:nth-child(3n+3),
	.site-main ul.products li.product:nth-child(3n+3) {
		margin-right: 0 !important;
	}

}

@media screen and (max-width: 720px) {


	.site-main .columns-3 ul.products li.product,
	.site-main ul.products li.product,
	ul.products li.product.last,
	ul.products li.product.first,
	.site-main .columns-3 ul.products li.product:nth-child(3n+3),
	.site-main ul.products li.product:nth-child(3n+3) {
		float: left;
		margin-right: 5% !important;
		width: 47.5%!important;
		clear:none !important;
	}
	
	.site-main .columns-3 ul.products li.product:nth-child(even),
	.site-main ul.products li.product:nth-child(even) {
		margin-right: 0 !important;
	}

}

@media screen and (max-width: 440px) {

	.site-main .columns-3 ul.products li.product:nth-child(3n+3),
	.site-main .columns-3 ul.products li.product,
	.site-main ul.products li.product,
	ul.products li.product.last,
	ul.products li.product.first,
	.site-main ul.products li.product:nth-child(3n+3),
	.site-main ul.products li.product:nth-child(even),
	.site-main .columns-3 ul.products li.product:nth-child(even),
	.site-main ul.products li.product:nth-child(even) {
		float: none;
		margin-right: 0% !important;
		width: 100%!important;
		clear:none !important;
	}
	
	ul.products li.product .woocommerce-loop-product__title, 
	ul.products li.product h2, ul.products li.product h3 {
        min-height: 2rem;
    }
    
    .woocommerce li.product img {
		width: 100%;
		max-width: auto;
	}
	
}

.gamma.widget-title {
	font-family: "cogito-regular", Verdana, Geneva, sans-serif;
    font-weight: normal;
	font-size: 1rem;
	color: #000;
	text-transform: uppercase;
	border-bottom: 2px solid rgba(0,0,0,.07);
	padding: 0 0 0.2em;
	margin-bottom: 1.8em;
}

/* blog */

.blog .author,
.blog .post-author,
.blog .cat-links .label,
.blog .comments-link,
.single-post .author,
.single-post .post-author,
.single-post .cat-links .label,
.single-post .comments-link,
.archive .author,
.archive .post-author,
.archive .cat-links .label,
.archive .comments-link {
	display:none;
}

/* footer */

.footer-widget-4 .gamma.widget-title {
	margin-bottom: 1.5em;
}

.widget_nav_menu ul li::before {
 /*   content: "\f0f6"; */
	line-height:1.2rem;
}

.widget_nav_menu ul li {
	margin-bottom: 0.6rem;
}

.footer-widgets {
    border-bottom: 4px solid rgba(0,0,0,.07);
}

ul.product-cats.sub-cats,
ol.product-cats.sub-cats {
	margin: 0 0 3rem 0;
}

.site-footer .cat_list li,
li.category.sub-cat {
    list-style: none;
    margin: 0 4px 4px 0;
    padding: 0.6rem 0.85rem;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
	line-height: 1.2rem;
	display: inline-block;
	background: rgba(106, 175, 183, 0.8);
}

.site-footer .menu-shop-seiten-container a,
.site-footer .menu-shop-seiten-container a:visited {
	text-decoration: none;
    color: #000;
    transition: all 0.2s ease;
}

.site-footer .menu-shop-seiten-container a:hover {
	text-decoration: none;
    color: #777;
    transition: all 0.2s ease;
}

li.category.sub-cat {
	background: rgba(106, 175, 183, 0.8);
}

.site-footer .cat_list li {
	background: rgba(0, 0, 0, 0.25);
	padding: 0.4rem 0.55rem 0.3rem;
}

.site-footer .cat_list li a:link,
.site-footer .cat_list li a:visited {
	color: #fff;
	text-decoration: none;
    transition: all 0.2s ease;
}

.site-footer .cat_list li a:hover,
li.category.sub-cat a:hover {
	color: #000;
    transition: all 0.2s ease;
}

.widget_nav_menu ul li a:hover {
	/* border-bottom: 1px solid #777; */
}

.product_meta span {
	margin: 0.5rem 0 1rem 0;
}

.product_meta .sku {
	background: rgba(106, 175, 183, 0.25);
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	padding-top: 0.15rem;
	margin-left: 0.05rem;
	margin-right: -0.2rem;
}

.posted_in a,
.posted_in a:link,
.posted_in a:visited {
	color: #FFF;
    margin: 0 0 0.25rem 0;
    padding: 0.3rem 0.45rem 0.15rem;
	font-size: 0.8rem;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.02rem;
	line-height: 1rem;
	display: inline-block;
	background: rgba(106, 175, 183, 0.7);
}

.posted_in a:hover {
    color: #000;
}

.single-product div.product .summary {
	padding-bottom:0.8rem;
/*	border-bottom:2px solid rgba(0, 0, 0, 0.07);*/
}

section.related .related.products,
section.related .up-sells.products {
	clear:both;
	border-top: 4px solid  rgba(0,0,0,.07);
	padding-top:2rem;
}

.single-product div.product .images, 
.single-product div.product .summary, 
.single-product div.product .woocommerce-product-gallery {
    margin-bottom: 2rem;
}

.woocommerce-tabs {
    padding-top: 0;
}

.single-product div.product .product_meta a {
    font-weight: normal;
    text-decoration: none;
    text-decoration-color: none;
    text-decoration-line: none;
    text-decoration-style: none;
}

li.category.sub-cat a {
    color: #FFF;
    transition: all 0.2s ease;
}

.site-header-cart {
    list-style-type: none;
    margin-left: 0;
    padding: 0;
    margin-bottom: 0;
    margin-top: -0.95rem;
}

.footnote {
    color: #666;
	font-size: 0.95rem;
	line-height: 1.5rem;
	margin-top: 1rem;
	padding-top: 1rem;
	margin-bottom: 1rem;
	border-top: 2px solid rgba(0,0,0,.07);
}

.footnote span,
.woocommerce-product-details__short-description span strong {
    color: #b81010!important;
}

.woocommerce-tabs.wc-tabs-wrapper {
/*    border-bottom: 4px solid  rgba(0,0,0,.07); */
/*	margin-bottom: 1.8rem; */
	padding-bottom:1rem;
}


.woocommerce-product-details__short-description,
div[itemprop="description"] {
	padding: 1.25rem 1.55rem;
	background: rgba(106, 175, 183, 0.15);
	background: rgba(220, 45, 24, 0.075);
	background: rgba(220, 205, 39, 0.15);
	background: rgba(0, 0, 0, 0.03);
	margin: 1rem 0;
}

.woocommerce-product-details__short-description p,
div[itemprop="description"] p {
    border-bottom: 1px dashed rgba(0,0,0,.25);
	padding-bottom: 1rem;
}

.woocommerce-product-details__short-description p:last-of-type,
div[itemprop="description"] p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
    border-bottom: none;
}

.woocommerce-product-details__short-description b,
.woocommerce-product-details__short-description strong,
div[itemprop="description"] b,
div[itemprop="description"] strong {
	margin-right: -0.1rem;
}

.storefront-handheld-footer-bar {
  box-shadow: 0 0 20px rgba(0,0,0,.15)!important;
}

/* search box */

.site-search .widget_product_search input[type="search"], 
.site-search .widget_product_search input[type="text"] {
    line-height: 1;
    padding: 1.18em 1.618em 1.18em 4em;
/*    padding: 1.41575em 1.618em 1.41575em 3.70633em; */
}


.input-text:focus,
input[type=email]:focus,input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
	background-color:#fff;
	color:#2b2c30
}

/* header margins */
.custom-logo-link, 
.site-branding, 
.site-header-cart, 
.site-logo-anchor, 
.site-logo-link, 
.site-search {
    margin-bottom: 2.29068em;
}

@media screen and (max-width: 767px) {
    
    .site-header .site-branding {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 490px) {
    
    .site-header .site-branding {
        margin-bottom: 2.29068em;
    }
    
    .site-header .site-branding img {
        margin-bottom: 0;
    }
}

/* message boxes */

.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
    background-color: #FFF;
/*    border-left: 0.618047em solid rgba(0, 0, 0, 0.15); */
	border:2px solid #0f834d;
    border-radius: 2px;
    clear: both;
    color: #0f834d;
    margin-bottom: 2.61792em;
    margin-left: 0;
    padding: 1rem 1.618rem;
	text-align:center;
	font-size:1.1rem;
}

.woocommerce-error a, 
.woocommerce-info a, 
.woocommerce-message a, 
.woocommerce-noreviews a, 
p.no-comments a {
/*    color: #0f834d;*/
	color: #b81010;
}

.woocommerce-error a:hover, 
.woocommerce-info a:hover, 
.woocommerce-message a:hover, 
.woocommerce-noreviews a:hover, 
p.no-comments a:hover {
    color: #b81010;
    opacity: 1;
	text-decoration:underline;
}

.woocommerce-error .button, 
.woocommerce-info .button, 
.woocommerce-message .button, 
.woocommerce-noreviews .button, 
p.no-comments .button {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
	border-left: none;
    color: #0f834d;
	font-weight: bold;
	font-size:1rem;
}

.woocommerce-error a.button:hover, 
.woocommerce-info a.button:hover, 
.woocommerce-message a.button:hover, 
.woocommerce-noreviews a.button:hover, 
p.no-comments a.button:hover {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;
	background-color:#fff  !important;
	color:#000 !important;
	text-decoration:none;
}

.wc-csr-info {
	text-align:center;
	font-size:1.1rem;
}


@media (min-width: 768px) {
  
    .storefront-product-pagination a {
        box-shadow: 0 0 20px rgba(0,0,0,.15)!important;
    }
    
    .storefront-product-pagination a[rel="prev"] .storefront-product-pagination__title,
    .storefront-product-pagination a[rel="next"] .storefront-product-pagination__title {
        line-height: 1.3;
    }
}

/* Social Network Buttons */


.button_container {
	overflow:auto;
	margin-top:-0.8rem;
}

.social {
	float:left;
	width:42px;
	height:42px;
	-webkit-border-radius: 21px; 
	-moz-border-radius: 21px; 
  	border-radius: 21px;
	overflow:hidden;
	margin: 0.4rem 0.8rem 0.4rem 0;
	background-color:rgba(0, 0, 0, 0.22);
}

.social a {
	border:none;
}

.social.fb:hover {
	background-color:#496baa;
	transition: 0.1s ease-in-out;
}

.social.tw:hover {
	background-color:#55acee;
	transition: 0.1s ease-in-out;
}

.social.xing:hover {
	background-color:#d8e700;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(135deg, #106f70, #d8e700);
	background-image: -ms-linear-gradient(135deg, #106f70, #d8e700);
	background-image: -webkit-linear-gradient(135deg, #106f70, #d8e700);
	background-image: -o-linear-gradient(135deg, #106f70, #d8e700);
	background-image: linear-gradient(135deg, #106f70, #d8e700);
	transition: 0.1s ease-in-out;
}

.social_wrap {
	display:inline-block;
	width:100%;
}

.social_wrap .txt {
	font-size: 0.85rem;
	margin-top:1.04rem;
	float:left;
	width:calc(100% - 56px);
}

.social_wrap .txt.by {
	font-size:0.75rem;
	color:#666;
	margin-top:0;
	padding:0.3rem 0 0 0.15rem;
	float:left;
	width:calc(100% - 56px);
}

.social_wrap .by a {
	text-decoration:none;
	padding-bottom:0.07rem;
}

.social_wrap a {
	padding:0.8rem 0;
	text-decoration:none;
}

.social_wrap:hover .social.d20 {
	background-color:#bd2646;
	transition: 0.1s ease-in-out;
}

.social:hover {
	background-color:#e8eced;
	transition: 0.1s ease-in-out;
}

.social.hff:hover {
	background-color:#999999;
	transition: 0.1s ease-in-out;
}

/* hide login from mobile sreen */

.storefront-handheld-footer-bar ul.columns-3 li {
    width: 50%;
}

.storefront-handheld-footer-bar ul.columns-3 li.my-account {
	display:none;
}

/* photoswipe */
.pswp__caption__center {
    max-width: 640px;
	text-align:center;
}

@media screen and (max-width: 920px) {


}

@media screen and (max-width: 680px) {

	
}

/* - Kontaktformular - */

.contact_form .item {
	margin:0 0 1rem 0;
}
.contact_form .field.dsgvo input {
	margin:0 0.4rem 0 0;
	
}

/* - alert - */

.alert {
	background-color: #b81010;
    background: top left no-repeat url("images/ecke.png"),
        linear-gradient(135deg, #D21D1D 20%, #b81010);
    background-size: 1.5rem 1.5rem,
        auto;
    padding: 1.6rem 2rem 1.5rem;
	color: #FFF;
    margin: 2rem 0 2.2rem;
}

.alert .text {
    font-size: 1.5rem;
    line-height: 1.5;
}

.alert .text .intro {
    text-transform: uppercase;
    margin-right: 0.6rem;
    letter-spacing: 0.02em;
}

.alert .text .register {
    display: inline-block;
}

.alert .text .register a,
.alert .text .register a:visited {
    color: #FFF;
    border-bottom: 2px solid rgba(255,255,255,0.62);
}

.alert .text .register a:hover {
    color: rgba(255,255,255,0.8);
    border-bottom: 2px solid rgba(255,255,255,0.62);
}
/*
.alert .text .register::before {
    display: inline;
    margin-right: 0.3rem;
    content: url('data:image/svg+xml;charset=UTF-8, <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" width="26" height="24" viewBox="0 0 24 16" fill="rgba(255,255,255,1.00)" xmlns="http://www.w3.org/2000/svg"><path d="m14.523 18.787s4.501-4.505 6.255-6.26c.146-.146.219-.338.219-.53s-.073-.383-.219-.53c-1.753-1.754-6.255-6.258-6.255-6.258-.144-.145-.334-.217-.524-.217-.193 0-.385.074-.532.221-.293.292-.295.766-.004 1.056l4.978 4.978h-14.692c-.414 0-.75.336-.75.75s.336.75.75.75h14.692l-4.979 4.979c-.289.289-.286.762.006 1.054.148.148.341.222.533.222.19 0 .378-.072.522-.215z" fill-rule="nonzero"/></svg>'); 
}
*/

@media screen and (max-width: 767px) {
	
	.alert {
        background-size: 1.3rem 1.3rem,
            auto;
        padding: 1.3rem 1.7rem 1.2rem;
        margin: 0 0 3rem;
    }

    .alert .text {
        font-size: 1.3rem;
    }
	
	/*
    .alert .text .register::before {
        margin-right: 0.25rem;
        content: url('data:image/svg+xml;charset=UTF-8, <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" width="22" height="20" viewBox="0 0 24 16" fill="rgba(255,255,255,1.00)" xmlns="http://www.w3.org/2000/svg"><path d="m14.523 18.787s4.501-4.505 6.255-6.26c.146-.146.219-.338.219-.53s-.073-.383-.219-.53c-1.753-1.754-6.255-6.258-6.255-6.258-.144-.145-.334-.217-.524-.217-.193 0-.385.074-.532.221-.293.292-.295.766-.004 1.056l4.978 4.978h-14.692c-.414 0-.75.336-.75.75s.336.75.75.75h14.692l-4.979 4.979c-.289.289-.286.762.006 1.054.148.148.341.222.533.222.19 0 .378-.072.522-.215z" fill-rule="nonzero"/></svg>'); 
    }
	*/

}