/* .tijdelijk-mooi {
    position: relative;
} */

#blauwBanner {
    height: 38px;
    top: 72px;
    z-index: 9;
}

#blauwBanner p {
    line-height: 20px;
}

#blauwBanner button {
    top: 3.5px;
}

button.hamburguer-btn.hamburguer-btn-light.notice-top-bar-close.m-0.active {
    display: none;
}

h2.font-weight-bold.text-color-dark.line-height-1.mb-0.appear-animation.animated.maskUp.appear-animation-visible.paddingtje {
    padding-bottom: 20px;
}

/* homepagina blokken aanpasingen kwa kleuren en afstand */
.row.paddingrowtje {
    padding-top: 40px;
}

section.shop.section.section-height-4.border-0.m-0.geenbackground {
    background-color: white;
}


.custom-thumb-info-style-1.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded.thumb-info-lighten.backgroundtje {
    background-color: #f4f4f4;
}

.paddingbotentop {
    padding: 30px 0 30px 0;
}

/* Start checkbox styling */

label[for=prefab-nieuwsbrief] {
    line-height: 30px;
}

input[type="checkbox"] {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid black;
    width: 30px;
    height: 30px;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
    transform: scale(0);
    background-color: white;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

input[type="checkbox"]::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: scale(0);
    background-color: black;
}

input[type="checkbox"]:checked::after {
    transform: scale(1);
}

/* Eind checkbox styling */

.submit-result * {
    display: none;
}

.submit-result #success {
    color: green;
}

.submit-result #error {
    color: crimson;
}