.featured-hero {
    position: relative;

    /* hoogte laat meeschalen met inhoud; image blijft cover */
}

.featured-hero .overlay {
    position: relative;

    /* bovenop achtergrond */
    background-color: rgba(0, 0, 0, 0.5);

    /* optionele donkere overlay voor leesbaarheid */
    display: inline-block;

    /* zodat .overlay meeschuift met de tekst */
    padding: 2rem;

    /* geef wat breathing space rondom titel/link */
}

#headerimage {
    background-image: url('achtergrond-hd.jpg');
    background-position: center;
    background-size: cover;
    z-index: -1;
}

@media (max-width:768px) {
    #headerimage {
        background-image: url('achtergrond-mob.jpg');
        background-position: center;
        background-size: cover;
    }
}

/* default: transparent */
nav.fixed-top {
    background-color: transparent;
    transition: background-color 0.3s ease;
}

/* when scrolled: solid background */
nav.fixed-top.scrolled {
    /* choose your color: can be rgba for translucency */
    background-color: rgba(0, 0, 0, 0.622);

    /* if you need a shadow when scrolled */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.woocommerce div.product .stock {
    color: var(--bs-dark);
}

.woocommerce div.product .out-of-stock {
    color: var(--bs-danger);
}

.koptekst {
    position: absolute;
    top: 170px;
}

.btn {
    font-family: 'Libre Baskerville', serif;
    font-size: 0.8em !important;
    color: #d0d0d0;
}

a.link-light.text-decoration-none {
    color: #775a01!important;
    text-decoration: none;
}

.card-img-top {
    height: auto;
}

h5 {
    font-size: 1em!important;
}

a.breadcrumb {
    color: #ffffff;
}

.form-select {
    background-color: #333;

    /* Donkere achtergrond */
    color: #fff;

    /* Witte tekst */
}

.form-select option {
    background-color: #333;

    /* Donkere achtergrond voor de opties */
    color: #fff !important;
}

/* Voor moderne browsers */
.form-control::placeholder {
    color: #fff;
    opacity: 1;

    /* Zorgt ervoor dat de placeholder niet vervaagd is */
}

/* Voor Chrome, Opera, Safari */
.form-control::-webkit-input-placeholder {
    color: #fff;
}

/* Voor Firefox 19+ */
.form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

/* Voor IE 10+ */
.form-control:-ms-input-placeholder {
    color: #fff;
}

/* Voor oudere Firefox versies */
.form-control:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.leftborderround {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    min-height: 310px;
}

.rightborderround {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    min-height: 310px;
}

nav.navbar.navbar-expand-lg.navbar-light.py-lg-1 {
    z-index: 9;
    position: fixed;
    background: #0000004f;
}

@media (max-width:479px) {
    .mobposnav {
        position: fixed;
        top: 5px;
        left: 0;
    }

    .mobposcart {
        m: fixed;
        right: 0px;
        top: 5px;
        position: fixed;
    }

    .mobposlogo {
        position: fixed;
        top: 20px;
    }
}

p.text-start {
    white-space: pre-line;
}

.card-body.d-flex {
    display: flex !important;
    flex-direction: column;
}

/* kt. de prijs onderaan in de card-body, met 10px ruimte */
.card-body.d-flex .price-bottom {
    margin-top: auto;
    margin-bottom: 10px;
}

/* binnen card-body de price 10px vanaf bottom van card-body houden */
.card-body .price-bottom {
    margin-top: auto;
    margin-bottom: 10px;
}

input#inputQty {
    color: #000000 !important;
    background-color: #ffffff;
}

section.topcover {
    height: 40vh;
}

.accordion-body {
    background-color: #f5f5dc;
    color: #775a01;
    text-align: left;
}

.accordion-button {
    background-color: #cccccc;
    font-size: 20e;
    text-align: left;
}

section.bg-gray-50.py-20.text-gray-500 {
    margin-top: !important;
}