/* CSS Document */

@import url('https://fonts.cdnfonts.com/css/volgarie') !important;

h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.footer .footer-headline {
font-family: 'Volgarie', sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
	text-transform: uppercase !important;
}

.footer .footer-headline {
    font-weight: normal !important;
    font-size: 25px !important;
}

body.blank_header .navbar,
.navbar-inner {
	background:rgba(var(--bg-spirituelles), 1) !important;
}
body.blank_header .svg-nav svg, 
body.scrolling .svg-nav svg,
.navbar .svg-nav svg {
	fill:rgba(var(--bg-spirituelles), 1) !important;
}

body.blank_header .navbar-logo svg {
    width: 350px !important;
}
body.scrolling .navbar-logo svg {
   width: 220px !important;
}


body.scrolling .navbar-logo svg {
	fill:none !important;
}


.footer-logo svg path {
	fill:#FFF !important;
}

.footer-logo svg {
    width: 400px !important;
}

.navbar .button-container {
   background:rgba(var(--color-spirituelles), 1) !important;
}

.button-container .button-icon {
	background: #fff !important;
}
.button-container .button-icon svg {
	fill:rgba(var(--color-spirituelles), 1) !important;
}

.button-container .button-text {
	color:#fff !important;
}


#burger-icon .dot {
	background:rgba(var(--color-spirituelles), 1) !important;
}

.footer .newsletter-bar {
	background:rgba(var(--color-spirituelles), 1) !important;
}

.header .svg-trenner svg {
	fill:rgba(var(--bg-spirituelles), 1) !important;
}
.shop-icon:hover svg {
  fill:rgba(var(--color-spirituelles), 1) !important;
}

.shop-icon.active svg,
.shop-category.active svg {
  fill:rgba(var(--color-spirituelles), 1) !important;
}

.container.shopfilter {
  background: rgba(var(--bg-spirituelles), 1) !important;
}
.highlightproduct {
	background: rgba(var(--bg-spirituelles), 1) !important;
}

#produkte {
	background: rgba(var(--bg-spirituelles), 0.3) !important;
}
.filterbox {
	background: rgba(var(--bg-spirituelles), 1) !important;
}

.filter-actions .apply {
  background: rgba(var(--color-spirituelles), 1) !important;
	border:1px solid rgba(var(--color-spirituelles), 1) !important;
	transition: all 0.3s !important;
	cursor: pointer !important;
}

.filter-actions .apply:hover {
  background: #000 !important;
	border:1px solid #000 !important;
	color:#fff !important;
}



.filter-actions .reset {
  background: rgba(var(--bg-spirituelles), 1) !important;
	border:1px solid rgba(var(--color-spirituelles), 1) !important;
	cursor: pointer !important;
}

.shop-category:hover .icon {
	fill:rgba(var(--color-spirituelles), 1) !important;
}





.pagination a, 
.pagination span {
  background: #fff !important;
  color: #000 !important;
}
.pagination a:hover {
  background: rgba(var(--bg-spirituelles), 1) !important;
}
.pagination .current {
  background: rgba(var(--color-spirituelles), 1) !important;
  color: #fff !important;
}



.image-button:hover {
    background-color: rgba(var(--color-spirituelles), 1) !important;
}


.badge-new {
  background: rgba(var(--color-spirituelles), 1) !important;
}


.produkt-infos .produkt-infos-inner .single_add_to_cart_button {
background: rgba(var(--color-spirituelles), 1) !important;
}

body.single-product .svg-trenner-section svg {
	fill:rgba(var(--bg-spirituelles), 1) !important;
}
body.single-product .produkt_description {
	background:rgba(var(--bg-spirituelles), 1) !important;
}

.tiered-pricing--active {
	border:1px solid rgba(var(--color-spirituelles), 1) !important;
}


.variation-btn span {
  color: #000 !important;
  font-weight: 300 !important;
}
.variation-btn input:checked + span {
  background: rgba(var(--color-spirituelles), 1) !important;
	border-color: rgba(var(--color-spirituelles), 1) !important;
}


.usp_circle {
   background: radial-gradient(circle at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(var(--bg-spirituelles), 1) 40%, rgba(var(--color-spirituelles), 1) 100%) !important;
}

.tiered-pricing-dynamic-price-wrapper ins .woocommerce-Price-amount {
	color: rgba(var(--color-spirituelles), 1) !important;
}

.shop-search {
    color:#000 !important;
}
.shop-search::placeholder {
    color: #000 !important;
    opacity: 0.5 !important;
}


@media only screen and (max-width: 767px) {
	.navbar-logo svg {
		width: 200px !important;
	}
		.button-container .button-text {
    color: #000 !important;
}
	.footer-logo svg {
    width: 300px !important;
}
	
}