:root{
  --brisegreen: #94c11f;
  --brisemagenta: #e5007e;
}


h3, h4 {
    font-family: cursive;
    color: var(--brisegreen);
    font-size: 1.8rem;
  }

h1, h2, h5, h6  {
    font-family: verdana, Times New Roman, serif;
    color: var(--brisegreen);
  }
  

header.navbar { 
  position: sticky;
}

  
.logo-small img, .logo-wide img {
       max-height: 75px;
}

.s-header .btn, .s-header .search-form [type=search]{
    font-size: 1.0rem
}


.nav-link span{
      font-size: 1.0rem;
    color: black;
     border-radius: .2em;
    background-color: var(--brisegreen);
}


 .s-alert .alert-info {
    font-family: 'verdana', cursive;
    font-size: 1.0rem;	text-align: center;
}


.card-body.py-2{
    background-color: var(--brisegreen);
}

.badge-info {
    color: #212529;
    background-color: #fff;
}

.shop-info-heading.s-info-heading {
	text-align: center
}

.s-filter-category a {
  display: none;
}

.s-filter-category::before {
  content : "Ihre Auswahl:";
}

.filter-attribute:not([data-filter-attribute=category]) {
  display: none !important;
}

.filter-attribute[data-filter-attribute=category] .ilx-filter-item:hover {
  cursor: pointer;
  background-color: var(--brisegreen); 
  color: white;
   border-color: var(--brisegreen); border-style:solid; border-width:medium; border-radius: .2em;
   padding: 0;
}

.filter-attribute[data-filter-attribute=category] .ilx-filter-item .small {
  line-height: 2;
}


.s-item-container .s-product-name , .s-product-name a, .card-title {
    font-size: 1rem;
    text-align: center;
    color: black;
    border-color: var(--brisegreen); border-style:solid; border-width:medium; border-radius: .2em;
    background-color: var(--brisegreen);
}


.embed-responsive {
     	max-width: 400px;
 		margin: 0 auto;
	}

.card-body.py-3 .text-warning, .text-success {
  display: none;
}


.card-body.s-product-description a:hoover {
  color: var(--brisemagenta);
}
.card-body.s-product-description a:visited {
  color: var(--brisemagenta);
}


.s-item-total .price-tag, .s-product-price .price-tag
{
    color: black !important;
} 


.font-weight-bold{
	font-size: 1rem;
    color: black;
   font-family: 'verdana', cursive;
}

.btn-outline-primary {
    color: #fff;
    background-color: var(--brisemagenta);
    border-color: var(--brisemagenta);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #A8005C;
    border-color: #A8005C;
}




footer {
  background-color: var(--brisegreen);
  border: none;
}


footer::after {
  display: none;
}

footer .container-fluid {
  display: flex;
  align-items: center;
}

footer .container-fluid .form-row {
  flex: 1;
}


.checkout-process > .step .step-mark.step-active::after{
	background-color:var(--brisemagenta)
}



@media (max-width: 576px){
    :root{
      --s-columns-xs: 1; 
      --s-item-width-xs: calc((100vw * 12/12 - 30px ) / var(--s-columns-xs));
    }

    .shop-info-heading a{
   		color: var(--brisemagenta);
  	}
  	.shop-info-heading {
   		 font-size: 1.1rem;
   		 text-align: center;
	}
	
	

.s-filter-column .d-block.d-sm-none.col-auto {
  width: 50%;
}
.s-filter-column .d-block.d-sm-none.col-auto a {
  width: 100%;
  
}
.s-filter-column .d-block.d-sm-none.col-auto a::after {
  content: "Kategorie";
}

.font-weight-bold{
	font-size: 0.9rem;
    color: black;
   font-family: 'verdana', cursive;
} 

}


@media (min-width:577px) {
	.shop-info-heading a{
   		color: var(--brisemagenta);
  	}
  	.shop-info-heading {
   		 font-size: 1.4rem;
   		 text-align: center;
	}
}

@media (min-width:768px) {
 header.navbar {
  height:80px;
  position:-webkit-sticky;
  position:sticky;
 }
}

@media (min-width: 992px){
     :root{
      --s-columns-xl: 4;
     --s-item-width-xl: calc((100vw * 9/12 * 9/12 - 30px - 30px) / 4);
    
  }
    
#navbar-header::before {
    content: "Liefertage: Di (Hofladen) Sa & So (Frühstück)";
    font-family: 'verdana', cursive;
    color: var(--brisemagenta);
  margin-right: 3em;
  margin-left: 3em;
}
}