﻿#bigfoto {
    background: unset;
    background-color: rgb(217, 199, 188);
    height: min-content !important;
}

.logo {
    max-width: 40%;
    min-width: 300px;
    margin-top: 20px;
}

@media (min-width: 1600px) {
    .logo {
        max-width: 610px;
    }
}

.layout {
    color: black;
}

.layout .aanmelden {
    border-color: rgb(122, 67, 40);
    margin-top: 30px !important;
}

.layout .footer {
    color: black;
}

.layout .howitworks article p {
    color: black;
}

.layout .howitworks article h3 {
    color: rgb(122, 67, 40);
}

.layout .howitworks article i {
    color: rgb(122, 67, 40);
}

.sub-titel {
    padding-left: 40px;
}

.disclaimer #bigfoto {
    min-height: 166px !important;
    height: fit-content !important;
}

a {
    color: rgb(187, 9, 76) !important;
}

a:hover {
    color: rgb(187, 9, 76) !important;
}

.float-menu a:hover {
    background-color: rgb(187, 9, 76) !important;
    color: white !important;
}

.dunweg-header {
    color: rgb(122, 67, 40);
}

.btn {
    background-color: rgb(187, 9, 76) !important;
    border-color: rgb(187, 9, 76) !important;
    /*box-shadow: 1px 1px 0px 1px rgb(0 0 0 / 30%) !important*/
    box-shadow: 1px 1px 0px 1px #00001e4a !important;
    -webkit-box-shadow: 1px 1px 0px 1px #00001e4a !important;
}

.btn:hover {
    background-color: rgba(187, 9, 76, 0.75) !important;
    box-shadow: 0 6px 0 0 rgb(187, 9, 76), inset -2px 1px 6px 5px rgb(187, 9, 76) !important;
}

.layout .features .features_item {
    border-color: rgb(122, 67, 40);
}

.layout .features .features_item h5, .layout .features .features_item i {
    color: black;
}



    .aanmeld-layout {
        background-image: none;
        background-color: rgb(217, 199, 188);
    }

.aanmeld-layout h3 {
    color: #333333;
    font-size: 1.3em;
}

.aanmeld-layout div[form] {
    border-color: rgb(122, 67, 40);
}

.aanmeld-layout .btn[disabled] {
    background-color: gray !important;
    border-color: gray !important;
}

.emailbevestiging .form-container {
    border: 2px solid rgb(122, 67, 40);
    background-color: rgb(204, 204, 204);
    color: black;
}

.emailbevestiging .form-container h4 {
    color: rgb(122, 67, 40)
}

.foutmelding .form-container {
    border: 2px solid rgb(122, 67, 40);
    background-color: rgb(204, 204, 204);
    color: black;
}

.foutmelding .form-container h4 {
    color: rgb(122, 67, 40)
}

label.error {
    color: rgb(187, 9, 76) !important;
}

.dialog-backdrop {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000;
    justify-content: center;
    align-items: flex-start;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.dunweg-main-dialog {
    width: 100%;
    max-width: 450px;
    position: static;
    margin-top: 32px;
}


.dunweg-dialog {
    box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%), 0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);
    background: #fff;
    color: rgba(0,0,0,.87);
}

.dunweg-dialog-header-background {
    font-size: 1.25rem;
    color: #FFF;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: rgb(122, 67, 40);
}

.dunweg-dialog-content-main {
    padding: 24px;
    display: flex;
    flex-direction: column;
}

.dunweg-dialog-actions {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 10px 16px;
}

.dunweg-dialog-action-row {
    display: flex;
    flex-direction: row;
    flex: 1;
}

.dunweg-dialog-action-btns {
    place-content: flex-end;
    display: flex;
    flex: 1;
}

.dunweg-dialog-btn {
    font-size: 16px !important;
    height: unset !important;
    width: 80px !important;
}

