@charset "utf-8";
body {
    background-color: rgba(34,8,55,1.00);
}
.row .col-lg-4 .text-left {
    color: #F7F7F7;
}
.row .col-lg-4 h2 {
    color: #F7F7F7;
}
.row .col-lg-4 h4 {
    color: #F7F7F7;
}
.row .col-lg-4 p {
    color: #F7F7F7;
}
.col-lg-4 h2 a {
    text-align: left;
}

.container-fluid .container .container {
    background-color: #DF8C1F;
}
.container-fluid .container .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
    background-color: rgba(223,140,31,1.00);
}
.container-fluid .container .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient(270deg,rgba(237,188,123,1.00) 0%,rgba(236,78,17,0.04) 46.63%,rgba(239,139,139,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(237,188,123,1.00) 0%,rgba(236,78,17,0.04) 46.63%,rgba(239,139,139,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(237,188,123,1.00) 0%,rgba(236,78,17,0.04) 46.63%,rgba(239,139,139,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(237,188,123,1.00) 0%,rgba(236,78,17,0.04) 46.63%,rgba(239,139,139,1.00) 100.00%);
    background-color: rgba(98,69,31,1.00);

}
.row .col-lg-4 h3 {
    color: undefined;
    text-align: center;
}
h3 {
    color: rgba(247,247,247,1.00);
}
h4 {
    color: rgba(247,247,247,1.00);
}
h4 {
    color: rgba(247,247,247,1.00);
}






/* Stijl alleen het formulier */
/* Basisstijl voor het contactformulier */
.contact-form {
    background-color: lightblue; /* Lichtblauwe achtergrond */
    padding: 20px;
    border-radius: 10px;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Stijlen voor de formulierelementen */
.contact-form form {
    display: flex;
    flex-direction: column;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
}

.contact-form textarea {
    height: 4cm; /* Hoogte van 4 cm */
    resize: vertical; /* Maakt textarea uittrekbaar */
}

.contact-form button {
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    background-color: #007BFF;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.contact-form button:hover {
    background-color: #0056b3; /* Kleur bij hover */
}

.contact-form button:active {
    background-color: #004080; /* Kleur bij klikken */
}
.row .col-lg-12 .text-left {
    color: #F7F7F7;
}
.row .col-lg-4 .text-left {
}
.row .col-lg-4 .text-left h2 {
    color: #F7F7F7;
}
.row .col-lg-4 .text-left {
    color: #F7F7F7;
}
.row .col-lg-6 .text-left {
    color: #F7F7F7;
}






/* Responsive stijl */
@media (max-width: 600px) {
    .contact-form {
        padding: 10px;
    }
.row .col-lg-4 h2 {
    text-align: left;
}


    .contact-form input,
    .contact-form textarea {
        font-size: 14px;
    }

    .contact-form button {
        font-size: 14px;
    }
}