/* abril-fatface-regular - latin */
@font-face {
font-family: 'Abril Fatface';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('./assets/fonts/abril-fatface-v19-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
		url('./assets/fonts/abril-fatface-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./assets/fonts/abril-fatface-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('./assets/fonts/abril-fatface-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('./assets/fonts/abril-fatface-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('./assets/fonts/abril-fatface-v19-latin-regular.svg#AbrilFatface') format('svg'); /* Legacy iOS */
}
	
:root {
	--hl-body:#F6F6F6;
	--hl-header-bg: #fff;
	--hl-footer-bg: #3a3941;
	--hl-newsletter-bg: #efebdf;
	--hl-yellow: #e0cb94;
	--hl-yellow-bright: #efebdf;
	--hl-grey: #dad9df;
	--hl-dark: #3a3941;
	--hl-green-dark: #5b8581;
	--hl-green-light: #a3b1a0;
	--hl-beige: #efebdf;
	--hl-lila: #a091a4;
	--hl-headline-font: 'Abril Fatface';
	--hl-a-hover:#84b20b;
}

a,
.childs label,
.accordion_header {
	color: var(--hl-lila);
}
a:hover {
	color: var(--hl-a-hover);
}
.wc-card-title {
    font-size: 0.9rem;
}
.wasc-cart-buttons a {
    flex-basis: 49%;
}
i {
	font-style: inherit!important;
}
.h1, .h2, h1, h2:not(.wc-card-title), h3:not(.wc-card-title), h4, h5, h6 {
    font-family: sans-serif;
    font-weight:bold;
}
.h3, .h4, .h5, .h6, button, .btn, input, .input, h2.wc-card-title {
    font-family: Arial,Arial Unicode MS,Helvetica,DejaVu Sans,Lucida Sans Unicode,sans-serif;
}
/**
display none
*/
.sprachregler, 
.sprachregler-mobile {
    display: none!important;
}

form.ls--newsletter-box:before {
    background-image: url(https://byhannahliza.de/wp-content/uploads/2022/06/Negative0-18-151-375x562.jpg)!important;
}

.wasc-cart-listing-table:empty:before {
	content: "Vanlife Fashion Made for you"!important;
}
#wasc-cart-wrap .h4.text-center,
.wasc-cart-header.text-center {
	text-align: left!important;
}
.bg-dark {
    background-color: #a3a09b!important;
}

.bg-yellow {
    background-color:var(--hl-yellow-bright);
}

.bg-green-dark {
    background-color:var(--hl-green-dark);
}


.single-product .ls-stock-note {
    color: var(--hl-lila);
}

#newsletter_activation.bg-dark {
    background-color:var(--hl-newsletter-bg) !important;
}

#newsletter_activation,
#newsletter_activation a {
	color: #000!important;
}

#wasc-cart-wrap a.wasc-remove-item::before,
span.wasc-crossselling-toggler i {
	font-family:"FontAwesome"!important;
}

button.wasc-cart-coupon-input,
span.wasc-crossselling-toggler,
.wasc-cart-free-shipping-strahl-wrapper,
.wasc-crossselling-collapse {
	background: var(--hl-newsletter-bg)!important;
	border-color: var(--hl-newsletter-bg)!important;
}

.wasc-crossselling-produkt-wrapper ul {
	padding: 0;
	margin-top:1rem;
}

.alert_container {
    background: var(--hl-yellow-bright);
    padding: 1rem;
}
.swiper-button-white {
    background-color: #a091a4;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-size: 50px 15px!important;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")!important;
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")!important;
}
.cookie_eu_notice {
	background-color: var(--hl-dark)!important;
	color: #fff!important;
}
.cookie_eu_notice a {
	color: #fff!important;
	text-decoration: underline;
}
.cookie_eu_notice button.ls-accept-cookie-set {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 13px;
    color: #000;
    font-weight: bold!important;
    font-size: 0.8rem;
}
li.nav-item>a>span:not(.no-effect):after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: -3px;
    left: 0;
    background-color: #44846a;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition: all .6s ease-in-out;
}
li.nav-item>a>span:not(.no-effect):hover:after, li.nav-item>a>span:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
li.nav-item>a>span:not(.no-effect):after {
    background-color: var(--hl-lila);
}
.product-loop>.col[data-is-on="angebot"]:before {
    content: "ANGEBOT";
}
.product-loop>.col[data-is-on="set_preis"]:before {
    content: "Set Preis -15%";
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #000;
    color: #fff;
    padding: 0 10px;
    width: auto;
    z-index: 2;
}


.multistep_mobile_checkout_loaded .ls_has_pseudo_placeholder .ls_pseudo_placeholder {
    color: #ced4da;
    border: 1px solid #ced4da;
    border-bottom: none;
    width: 100%;
    padding-left: 4px;
}
.multistep_mobile_checkout_loaded .ls_has_pseudo_placeholder input:focus {
    border-top: none;
}

.btn-sl-blue,
a.btn.btn-sl-blue,
.btn-sl-blue.btn-sl-blue {
    background: #f9ca4f!important;
    background-color: #f9ca4f!important;
    border-color: #f9ca4f!important;
    color: #000!important;
}
a.btn.btn-sl-blue {
    background: #f9ca4f!important;
    color: #000!important;
}
.wasc-cart-buttons a.btn.btn-sl-blue {
    background: #f9ca4f!important;
    color: #000!important;
}
.woocommerce-notices-wrapper {
    display: flex;
    width: 100%;
}

.woocommerce-notices-wrapper > * {
    width: 100%;
}
.woocommerce-variation-add-to-cart-disabled .ov--add-to-cart:before {
    display: flex;
    content: "In den Warenkorb";
    position: absolute;
    text-align: center;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
    color: #000;
}
.woocommerce-variation-add-to-cart-disabled .ov--add-to-cart {
    color: transparent!important;
}
button.js--quickaddtocartbutton:before {
    content: "+";
    background: #333333;
    border-radius: 50%;
    padding: 2px 6px;
    margin-right: 5px;
    color: #ffffff;
}

#carouselBHFeedbackIndicators .carousel-control-next-icon, 
#carouselBHFeedbackIndicators .carousel-control-prev-icon {
    filter: invert(100%);
}

[data-is-on] .sl-price {
    display: flex;
}

[data-is-on] .sl-price del {
    margin-right: 5px;
}

span.labelspan.flash_badge {
    display: none;
}

[data-is-on] .sl-price del > span {
    color: #999;
}
[data-is-on] .sl-price ins > span {
    color: #000;
}

[data-is-on] .sl-price ins + span.flash_badge {
    font-size: 0.8em;
    font-weight: normal;
    /* flex-grow: 1; */
    /* text-align: right!important; */
    margin-left: 10px;
}
.woocommerce span.onsale {
    background: #a091a4;
    text-transform: uppercase;
    padding: 5px 10px!important;
    min-width: auto;
    min-height: auto;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: normal;
    display: block;
    display:none;
}

.product-loop>.col[data-is-on]:before {
    background: #a091a4;
}
.single-product .product.sale .ov-is-mobile > .price del, 
.single-product .product.sale .ov-is-mobile > .wrap-price-holder .price del,
span.labelcard,
[data-is-on] .sl-price del > span {
    background:transparent;
}
.single-product span.onsale + span.labelcard {
    background: #fff;
    color: #AD1017;
    top: 5px; 
    left: 0;
}
.single-product span.onsale + span.labelcard:after {
    content: "Sale";
    margin-left: 5px;
    text-transform: UPPERCASE;
}
.ls_wacs_sale_price {
    display:inline-flex;
    flex-direction:column;
    align-items:start;
}
.ls_wacs_sale_price ins {
margin-left:0;
text-decoration: none;
}
.ls_wacs_sale_price del {
    background-color: transparent;
}
.ls_wacs_sale_price del span,
.ls_wacs_sale_price ins span {
    padding: 5px 2px;
}
.ls_wacs_sale_price ins span {
    color: #AD1017;
}
.wasc-cart-buttons a:not(.btn) {
    display: none!important;
}

/* Giveaway styles */
.ls_wacs_sale_price.ls_wacs_sale_price_giveaways ins span {
    color: green;
}

/* override giveaway birthday-popup */
.ls_wp-popup-content-wrapper {
    width: 100%;
}
.ls_wp-popup-content-wrapper a.btn.btn-sl-blue {
    background: #f9ca4f !important;
    color: #000 !important;
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 1023.98px) {
    .newsletter_init_box.d-block:before {
        background: url(https://byhannahliza.de/wp-content/uploads/2024/03/byhannahliza_sweater_1-700x875.jpg)!important;
        background-size: cover!important;
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        z-index: -1;
        opacity: 0.2;
    }

    .jcmc-blocks li:not(.jcmc-enabled) .jcmc-number {
        border: 1px solid #f9ca4f!important;
        background: #f9ca4f!important;
        color: #000!important;
    }
    .feschi_checkout_button, #jcmc-wrap .jcmc-nextprev.jcmc-next, #jcmc-wrap .jcmc-nextprev.jcmc-next:visited {
        background: #f9ca4f!important;
        color: #000!important;
        border: 1px solid #f9ca4f!important;

    }
    #jcmc-wrap .jcmc-nextprev.jcmc-order, #jcmc-wrap .jcmc-nextprev.jcmc-order:visited {
        background: #f9ca4f!important;
        color: #000!important;
        border: 1px solid #f9ca4f!important;
    }
}

@media (min-width: 1200px) {
	.ls-single-product-summary {
		padding:0 2rem;
	}
	main.mt-4 {
		margin-top: 0!important;
	}
	.antonmodaldocument {
		margin: 0 auto!important;
		width: 100%!important;
	}
}
@media (min-width: 1800px) {


	.hl_animation_water {
		height:800px !important;
	}
}