.form {
            background-color: rgb(46, 85, 56);; /* Lichtgroene achtergrond voor het formulier */
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Zachte schaduw */
            max-width: 500px; /* Maximale breedte voor het formulier */
            width: 90%; /* Responsive breedte */
            display: flex;
            flex-direction: column; /* Elementen onder elkaar */
            gap: 15px; /* Ruimte tussen formulier elementen */
            margin: 0 auto; /* Centreert het formulier op de pagina */
            margin-top: 5%; /* Ruimte boven het formulier */
            margin-bottom: 5%; /* Ruimte onder het formulier */
            
        }

        /* Stijl voor labels */
        label {
            display: block; /* Zorgt ervoor dat labels op een nieuwe regel beginnen */
            margin-bottom: 5px;
            font-weight: 600; /* Labels iets vetter */
            color: rgb(247, 148, 51);
        }

        /* Stijl voor alle inputvelden en textarea */
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        input[type="number"],
        textarea {
            width: calc(100% - 20px); /* Volledige breedte minus padding */
            padding: 10px;
            background-color: #ffffff; /* Witte achtergrond voor inputvelden */
            border: 1px solid #ccc;
            border-radius: 6px;
            font-size: 1em;
            box-sizing: border-box; /* Zorgt ervoor dat padding binnen de breedte valt */
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }

        /* Focus-stijl voor inputvelden en textarea */
        input:focus,
        textarea:focus {
            border-color: rgb(247, 148, 51); /* Oranje rand bij focus */
            box-shadow: 0 0 0 3px rgba(247, 148, 51, 0.3); /* Zachte oranje gloed */
            outline: none; /* Verwijdert de standaard browser outline */
        }

        /* Stijl voor de textarea specifiek */
        textarea {
            resize: vertical; /* Alleen verticaal formaat wijzigen */
            min-height: 80px; /* Minimale hoogte */
        }

        /* Stijl voor de verstuurknop */
        .button_link {
            background-color: rgb(247, 148, 51); /* Oranje, consistent met banner knoppen */
            color: rgb(46, 85, 56); /* Donkergroene tekst, consistent */
            border: none;
            padding: 12px 25px;
            text-align: center;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1em; /* Iets groter lettertype */
            font-weight: 700; /* Vetgedrukt */
            cursor: pointer;
            border-radius: 8px; /* Afgeronde hoeken */
            transition: all 0.2s ease-in-out;
            margin-top: 20px; /* Ruimte boven de knop */
            width: 100%; /* Maak de knop even breed als de inputs */
        }

        /* Hover effect voor de verstuurknop */
        .button_link:hover {
            background-color: rgb(255, 165, 71); /* Lichtere oranje bij hover */
            transform: translateY(-2px); /* Lichte beweging omhoog */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        /* Media queries voor responsiviteit */
        @media (max-width: 600px) {
            .form {
                padding: 20px; /* Minder padding op kleinere schermen */
                width: 95%;
            }

            .tussetitel {
                font-size: 1.8em; /* Kleinere titel op mobiel */
            }

            .button_link {
                font-size: 1em; /* Kleinere tekst op knop voor mobiel */
                padding: 10px 20px;
            }
        }