.informatie {
	padding: 0px 10px 10px 10px;
}

.informatie .regel {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}

.informatie .regel label {
    width: 175px;
    flex-shrink: 0;
	color: var(--support_label_font_color);
}

.informatie .regel input,
.informatie .regel textarea {
    flex: 1;
	width: 100%;
    padding: 0.45rem;
    border-radius: 4px;
    box-sizing: border-box;
	background-color: var(--support_input_background_color);
    color: var(--support_input_font_color);
    border: 1px solid var(--support_input_border_color);
}

.informatie .regel input:hover,
.informatie .regel textarea:hover {
	background-color: var(--support_input_background_hover_color);
    color: var(--support_input_font_hover_color);
}

.informatie .regel input:focus,
.informatie .regel textarea:focus {
	background-color: var(--support_input_background_focus_color);
    color: var(--support_input_font_focus_color);
}

.informatie .keuze {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.informatie .keuze label {
    width: 175px;
	color: var(--support_label_font_color);
}

.informatie .keuze input {
    margin: 0;
}

/* Alleen afbeeldingen en uitleg binnen support */
.informatie .medewerker {
    float: left;
    width: 175px;
    margin: 20px 20px 0 0;
}

.informatie .medewerker img {
    float: left;
    width: 250px;
    height: auto;
    margin: 0 20px 20px 0;
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    .informatie .regel {
        flex-direction: column;
    }

    .informatie .regel label {
        width: auto;
    }

    .informatie .regel input,
    .informatie .regel textarea {
        width: 100%;
        box-sizing: border-box;
    }
	
	.informatie .medewerker {
		display: none;
	}
}