/* /Components/Layout/MainLayout.razor.rz.scp.css */
.kop[b-krggy1ph1b] {
    background: var(--wit);
    border-bottom: 3px solid var(--geel);
    position: sticky;
    top: 0;
    z-index: 10;
}

.kop-binnen[b-krggy1ph1b] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-top: .7rem;
    padding-bottom: .7rem;
    flex-wrap: wrap;
}

.merk[b-krggy1ph1b] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-right: auto;
    font-weight: 800;
    font-size: 1.15rem;
    color: var(--inkt);
    text-decoration: none;
}

.menu[b-krggy1ph1b] {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

.menu a:not(.knop)[b-krggy1ph1b] {
    color: var(--inkt);
    text-decoration: none;
    font-size: .95rem;
    font-weight: 600;
}

.menu a:not(.knop):hover[b-krggy1ph1b] { color: var(--rood); }

.menu-schakelaar[b-krggy1ph1b], .menu-knop[b-krggy1ph1b] { display: none; }

@media (max-width: 860px) {
    .menu-knop[b-krggy1ph1b] {
        display: inline-block;
        font-weight: 700;
        padding: .45rem 1rem;
        border: 2px solid var(--inkt);
        border-radius: 999px;
        cursor: pointer;
    }

    .menu[b-krggy1ph1b] {
        display: none;
        flex-basis: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding-bottom: .5rem;
    }

    .menu a:not(.knop)[b-krggy1ph1b] { padding: .7rem 0; border-top: 1px solid var(--rand); }
    .menu .knop[b-krggy1ph1b] { margin-top: .6rem; text-align: center; }

    .menu-schakelaar:checked ~ .menu[b-krggy1ph1b] { display: flex; }
}

.voet[b-krggy1ph1b] {
    background: var(--inkt);
    color: #E9DFCF;
    margin-top: 3rem;
    padding: 2rem 0;
    font-size: .92rem;
}

.voet-binnen[b-krggy1ph1b] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    flex-wrap: wrap;
}

.voet[b-krggy1ph1b]  a { color: var(--geel); }
.voet[b-krggy1ph1b]  address { font-style: normal; line-height: 1.7; }

.voet-slogan[b-krggy1ph1b] {
    margin-left: auto;
    font-family: var(--font-kop);
    font-size: 1.2rem;
    color: var(--creme);
}