body,
        h1 {
            margin: 0
        }

        @font-face {
            font-family: VodafoneRegular;
            src: url(media/VodafoneRg.ttf)
        }

        @font-face {
            font-family: VodafoneLight;
            src: url(media/VodafoneLt.ttf)
        }

        .form_header {
            height: 400px;
            max-width: 1470px;
            margin: 0 auto 60px;
            background: url(media/Header_1170px.jpg);
            display: flex
        }

        .header_wrapper,
        form {
            max-width: 1170px;
            margin: 0 auto
        }

        h1 {
            font-family: VodafoneLight;
            font-size: 56px;
            padding: 0 60px;
            color: #fff;
            font-weight: unset;
            text-align: center;
        }

        h2 {
            font-family: VodafoneLight;
            font-size: 26px;
            padding: 0 30px;
            color: #fff;
            font-weight: unset;
            text-align: center;
        }

        .header_logo {
            padding: 30px
        }

        .header_wrapper {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center
        }

        .form_wrapper {
            grid-template-columns: repeat(2, 1fr);
            display: grid;
            grid-gap: 30px
        }
        .form_wrapper.form_wrapper_submit {
            grid-gap:0px;
            grid-template-columns: repeat(1, 1fr);
        }
        .form_wrapper.form_wrapper_submit p, .form_wrapper.form_wrapper_submit label {
            margin-bottom:0px;
            font-size:20px;
            font-weight: bold;
        }
        .form_wrapper.form_wrapper_submit .form_field {
            margin-bottom:30px;
        }
        img {
            width: 100%;
            max-width: 150px
        }

        label,
        p {
            width: 100%;
            display: block;
            font-family: VodafoneRegular;
            color: #333;
            font-size: 18px;
            margin: 0 0 9px
        }

        input,
        select,
        textarea {
            border: 1px solid #999;
            border-radius: 0;
            box-shadow: inset 1px 3px 4px 0 rgba(0, 0, 0, .1);
            color: #666;
            padding: 13px 20px 12px;
            font-size: 20px;
            box-sizing: border-box;
            height: 50px;
            font-family: VodafoneRegular;
            width: 100% !important
        }

        input[type=submit] {
            color: #fff;
            box-shadow: none;
            border: 0;
            padding: 11px 37px;
            background: #e60000;
            max-width: fit-content;
            margin: 0 auto;
            display: block;
            cursor: pointer;
        }
        .form_btns {
            margin-top:60px;
            margin-bottom:60px;
        }
        .btn_edit {
            margin-top:-30px !important;
            margin-bottom:60px !important;
        }
        .btn_edit input[type=submit] {
            background:none;
            color:#000;
            padding:0px;
        }
        .btn_edit input[type=submit]:hover {
            background:none;
            text-decoration: underline;
        }
        .form_wrapper_submit input:read-only, .form_wrapper_submit select:read-only, .form_wrapper_submit textarea:read-only {
            padding: 0px;
            box-shadow: none;
            background: none;
            border: 0px;
            resize: none;
            height: unset;
            font-size:16px;
            margin-top:4px;
        }
        select::-ms-expand {
            display: none;
        }
        .form_wrapper.form_wrapper_submit select {
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
        }
        input[type=submit]:hover {
            background: #ccc
        }
        input:focus {
            outline: 0;
            border: 1px solid #e60000;
        }
        .terugnaarhome {
            color: #FFF;
            border: 0px;
            padding: 11px 37px;
            background: #e60000;
            max-width: fit-content;
            margin:0 auto;
            font-size: 20px;
            min-height: 50px;
            margin-top:40px;
            font-family: "VodafoneRegular";
            width: 100% !important;
            text-decoration: none;
            line-height: 1;
            height: unset;
            box-sizing: border-box;
            display: flex;
            align-items: center;
        }

        .terugnaarhome:hover {
            background: #CCC;
        }

        .bedankt_wrapper {
            max-width: 820px;
            margin: 0 auto;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .bedankt_wrapper.visible {
            opacity: 1;
        }
        .bedankt_wrapper p {
            font-size: 20px;
            font-family: "VodafoneRegular";
            line-height: 1.6;
        }
        .loader_wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100px; /* hoogte aanpassen indien gewenst */
        }

        .loader {
            border: 4px solid #f3f3f3;
            border-top: 4px solid #555;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        @media only screen and (max-width:800px) {

            .form_wrapper,
            h1 {
                padding: 0 30px
            }

            .form_wrapper {
                grid-template-columns: repeat(1, 1fr)
            }
        }