@import url("../fonts/fonts.css");

:root{
    --blue: #003087;
    --black: #020b3d;
    --wd-light: #73b9fb;
	--gray:#ced4ea;
	--lightblue:#cdd5ea;
	--white:#fff;
}
/***EShop*****/

.btn-primary,.btn-secondary {background: var(--blue);    border:1px solid var(--blue);    border-radius: 0px;}
.btn-primary:hover, .btn-secondary:hover {  background-color: var(--white);  color: var(--blue);     border:1px solid var(--blue);}





.shop #sp-main-body {  /*  background: #f4f7ff;*/}
.shop #sp-main-body .container {    max-width: none;padding-left: 0;    padding-right:0;}
.eshop-categories-list {    max-width: 1470px;    width: 100%;    margin: 0 auto;padding-left: 15px;    padding-right: 15px;}
#products-list-container {    max-width: 1470px;    width: 100%;    margin: 0 auto;padding-left: 15px;    padding-right: 15px;}
.product-info {    max-width: 1470px;    width: 100%;    margin: 0 auto;padding-left: 15px;    padding-right: 15px;}

.product-card {    background: var(--white);    padding: 20px;    height: 100%;    margin: 0 0 20px 0;    position: relative;}
.box-action-icons-list {    margin: 0;    position: absolute;    top: -10px;    right: -10px;}
.eshop-image-block {  display: flex;  justify-content: center;}
.eshop-image-block  .img-thumbnail {    border: none;}



.box-action-icons-item a.btn, .box-action-icons-item a.btn, .box-action-icons-list a.btn.btn-secondary {    border: none;    margin: 10px;    border-radius: 0px;    color: var(--blue);}
.box-action-icons-item a.btn:hover, .btn-secondary:hover, box-action-icons-item a.btn:hover, .box-action-icons-list a.btn.btn-secondary:hover{border:1px solid var(--blue); background:var(--blue); color:#fff;}
.box-action-icons-item a.btn svg, .box-action-icons-list a.btn.btn-secondary svg {  fill: var(--blue);}
.box-action-icons-item a.btn:hover svg, .box-action-icons-list a.btn.btn-secondary svg:hover {  fill: #fff;}





/**********FILTER*****/
#eshop_products_filter_form {
   /* background: var(--blue);*/background: #fff;
    padding: 20px;}
.eshop-filter .eshop-filter-reset-all {    border: none;    border-bottom: none;    margin: 0 0 -1px;    text-decoration: none;    display: block;    padding: 5px;}
#eshop_products_filter_form   .eshop-filter > a {    pointer-events: none;    background: transparent;    font-size: 20px;    border: none;    font-family: "Inter" !important;    font-weight: 600;    color: var(--blue);}
#eshop_products_filter_form  .filter-heading .filter-head-icon{display:none;}
#eshop_products_filter_form .eshop-filter .panel-collapse {    border: none;    padding: 0 6px !important;}
#eshop-price .panel-body{display: flex;    flex-direction: row;    gap: 12px;    align-items: center;}
#eshop-categories ul>li {    border: none!important;    padding: 1px 4px;}
#eshop-categories  ul>li>a{    color: var(--black);    font-size: 18px;}
#eshop-categories  .badge-info{display:none;}

.noUi-connect {    background: var(--blue);}

/******farbe*/
.list-farbe{}
.list-farbe li {    border: none !important;    display: inline-block !important;}
.list-farbe .form-check-input {    width: 20px;    height: 20px;border:none;}
.list-farbe .color-blau {    background: var(--blue);}
.list-farbe .color-rot {    background: #c30c0c;}
.list-farbe .color-schwarz {    background: #000;}
.list-farbe .color-weiss {    background: #fff;border:1px solid var(--gray)!important;}
.list-farbe .color-grn {    background: #1d911d;}



.list-gre{}
.list-gre li {    border: none !important;    display: inline-block !important;    width: 55px; padding-right:  25px!important;}
.list-gre input[type="checkbox"]{   opacity:0;}
.list-gre label {    position: relative;}
.list-gre input[type="checkbox"] + span {      display: inline-flex;    width: 40px;    height: 40px;border-radius:3px;    margin: 0px 20px 0 0;    vertical-align: middle;    cursor: pointer;    border: 1px solid var(--gray);    background: #fff;    position: absolute;    left: 0;    top: 0px;    text-align: center;    justify-content: center;    align-items: center;    font-size: 18px;    padding: 5px;}




/************kat ***************/

.eshop-categories-list .eshop-category-wrap .image, .eshop-sub-categories-list .eshop-category-wrap .image {    padding: 0;}
.eshop-categories-list .eshop-category-wrap, .eshop-sub-categories-list .eshop-category-wrap {    border: none;}
.eshop-categories-list .eshop-category-wrap .eshop-info-block, .eshop-sub-categories-list .eshop-category-wrap .eshop-info-block {   background: transparent;    position: absolute;    bottom: 20px;    left: 0;    right: 0;}
.eshop-categories-list .eshop-info-block h5 a{color: var(--white);    font-size: 26px;}


/************produkte start ***************/
.eshop-products-list {    background: var(--gray);    padding: 80px 0;}
.eshop-products-list  .eshop-info-block h5 a{color: var(--blue);    font-size: 26px;}



/****katnav*/
.eshop-category ul {    text-align: center;}
.eshop-category > ul > li {    display: inline-block;    border: none !important;    border-right: 1px solid var(--gray) !important;}
.eshop-category > ul > li:last-child {    border-right: none !important;}
.eshop-category > ul > li > a {    padding: 0 20px;    font-size: 1.1rem;}
.eshop-category > ul > li a.active {
    font-weight: 700;color:var(--blue);
}


/************katprod ***************/
.eshop-categories-list .page-header {    text-align: center;    margin: 50px 0;}
.eshop-categories-list .page-header h1 {    font-size: 3rem !important;}



/*********product detail********/



.product-info .image {    padding: 50px;}
.product-info .product-image img {    margin: 0 auto;}

.product-info joomla-tab#product {    margin: 50px 0 0 0;}
.product-info joomla-tab[view=tabs]>div[role=tablist] {  background-color: transparent;      border: none;  }
.product-info joomla-tab button[role=tab][aria-expanded=true] {  background-color: var(--gray);     background-image: none;    box-shadow: none;}
.product-info joomla-tab button[aria-expanded=true]:after {display:none;}
.product-info joomla-tab>joomla-tab-element {    background-color: var(--gray);     box-shadow: none;border: none; }
.product-info joomla-tab[view=tabs]>div[role=tablist] {    box-shadow: none; border: none; }



.in-wishlist svg path {
    fill: var(--blue);
}