/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 08 2025 | 08:02:04 */
@media only screen and (max-width: 400px) {
    .hero h1 {
      font-size: 42px !important;
        line-height: 47px !important;
        letter-spacing: -0.3px;
    }
.serum-hero::after {
    width: 15px !important;
    height: 15px !important;
    right: -11px !important;
}
}

@media only screen and (min-width: 431px) {
    .hero h1 {
        font-size: 48px !important;
        line-height: 51px !important;
    }
}

@media only screen and (min-device-width: 430px) and (max-device-width: 960px) and (-webkit-device-pixel-ratio: 3) {
    .hero h1 {
        font-size: 46px !important;
        line-height: 51px !important;
    }
}



@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 2388px) 
  and (-webkit-min-device-pixel-ratio: 2) {

    .overons-column .col-inner {
        padding-left: 9% !important;
        padding-top: 2em !important;
        padding-bottom: 2em !important;
        padding-right: 8em !important;
    }

	 .img-radius-mob-home .img-inner.image-cover.dark {
    padding-top: 60% !important;
}
}

@media only screen and (max-width: 628px) {
.sectie-overons a.button.white.lowercase {
    padding-left: 13px !important;
    padding-right: 13px !important;
}
.sectie-overons .stack-row {
        gap: 19px !important;
    }
.sectie-overons	a.button.white.buttonrechts {
    padding-left: 17px !important;
    padding-right: 17px !important;
}
}

@media only screen and (min-width: 900px) {
svg.flickity-button-icon:hover {
    color: #a58432 !important;
}
	.tekst-blok-hero {
    padding-right: 1rem;
}
	.tekst-blok-hero-desc {
    padding-right: 4rem !important;
}
	.home-banner-allow h3 {
    line-height: 41px !important;
font-size: 30px ! IMPORTANT;
    }
	.row-overons .img {
    background: #e7decc !important;
    border-top-right-radius: 1em !important;
    border-bottom-right-radius: 1em !important;
}
    .sectie-overons {
        width: 98% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

	.row-overons h3 {
    font-size: 32px !important;
    line-height: 41px !important;
}
	.home-gebruik h3 {
    font-size: 32px !important;
    line-height: 41px !important;
}
	.ingr-toprow h3 {
    font-size: 32px !important;
	    padding-right: 7rem !important;
    line-height: 41px !important;
}
	
.ingr-slider-column .large-2 {
    flex-basis: 20% !important;
    max-width: 20%;
}
	svg.flickity-button-icon {
    background: #e7decc !important;
    padding-right: 9px !important;
    top: -30px;
    color: #2d3047 !important;
    opacity: 1 !important;
    max-width: 91% !important;
}
button.flickity-button.flickity-prev-next-button.next {
    top: 0px;
}
button.flickity-button.flickity-prev-next-button.previous {
    top: 0px;
}
button.flickity-button.flickity-prev-next-button.previous {
    top: 0px;
    right: 4.5%;
    left: auto;
}
}
@media only screen and (max-width: 415px) {


	a.button.white.buttonrechts {
    --stack-gap: 0px ! IMPORTANT;
}
}
@media only screen and (max-width: 900px) {
	.column-hero-tekst {
   padding-right: 1rem;
}



.mob-ingr-gap {
    padding-top: 4em !important;
}
	.column-hero-tekst .col-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.section.hero {
    padding-top: 3.5rem !important;
    padding-bottom: 2rem !important;
}
.hero .section-bg-overlay {
    background-color: rgb(222 210 189 / 76%) !important;
}
	.mob-height-bottle {
    padding-top: 5em !important;
}
.hero .ux-shape-divider--bottom svg {
    height: 100px !important;
}
.hero .img {
    width: 16% !important;
}
.magicserum-home {
    margin-top: 0px !important;
}
	.magicserum-home .img-inner.dark {
    margin-top: -8.5em !important;
}
.tekst-blok-ervaar {
    padding-top: 25px !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.tekst-blok-ervaar h2 {
    font-size: 27px !important;
}
.image-banner-usp {
    width: 100% !important;
    padding-right: 4rem !important;
    margin-left: -10px;
}
	.home-banner-allow h3 {
    font-size: 28px !important;
    line-height: 35px ! IMPORTANT;
    padding-right: 20px !important;
}
.home-banner-allow .bg.bg-loaded {
    background-position: 70% !important;
}
	section.section-banner-home {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
}
	.section-banner-home .banner {
    padding-top: 565px !important;
}
	.image-home-gebruik {
	 width: 93% !important;
    margin-left: auto;
    margin-right: auto;
}
.column-gebruik-home .col-inner {
    padding: 0px 1.5rem 0px 1.5rem !important;
}

.home-gebruik 	p {
    margin-bottom: 14px !important;
}
.home-gebruik h3 {
    padding-right: 6rem !important;
font-size: 28px !important;
    line-height: 35px ! IMPORTANT;
    margin-bottom: 10px;
	}
	.gap-onder-tekst {
	padding-top: 16px !important;
}
	.banner-layers {
    overflow: unset !important;
}
.column-gebruik-home .col-inner {
    padding-top: 1.5rem !important;
}
	.gap-mob-bottom {
		padding-top: 3rem !important; 
}
.img-radius-mob-home img.attachment-large.size-large {
    background: #e7decc !important;
}
	.sectie-overons {
		margin-right: unset !important;
		margin-right: unset !important;
		width: unset !important;
}
    .overons-column .col-inner {
        padding: 1.5rem !important;
        padding-bottom: 2rem ! IMPORTANT;
    }
.row-overons h3 {
 font-size: 28px !important;
    line-height: 35px ! IMPORTANT;
}
	.sectie-overons {
    border-radius: 0px !important;
}
	.meer-over-ceane-btn {
    padding-top: 9px !important;
}
	.ingr-col-links .img {
	 width: 93% !important;
    margin-left: auto;
    margin-right: auto;
	}
	.ingr-col-rechts .col-inner {
		padding: 1.5rem 1.5rem 0px 1.5rem !important;
	}
	.ingr-toprow h3 {
		font-size: 28px !important;
    line-height: 35px ! IMPORTANT;
    margin-bottom: 10px;
	}
.ingr-slider-column .large-2 {
    max-width: 100% !important;
    flex-basis: 100% !important;
}
.slider-wrapper .flickity-prev-next-button {
    display: unset !important;
}
    svg.flickity-button-icon {
        background: #e7decc !important;
        padding-right: 9px !important;
        top: -30px;
        color: #2d3047 !important;
        opacity: 1 !important;
        max-width: 91% !important;
        border-radius: 0px !important;
        border: none !important;
    }
button.flickity-button.flickity-prev-next-button.next {
    top: 0px;
}
button.flickity-button.flickity-prev-next-button.previous {
    top: 0px;
}
button.flickity-button.flickity-prev-next-button.previous {
    top: 0px;
    right: 4.5%;
    left: auto;
}
	button.flickity-button.previous {
    right: 4em !important;
}
	.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg {
    fill: #2d3047 !important;
}
}