html,
 body {
	font-family: Montserrat, sans-serif;
	color: #5b5b45;
}

.container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(10em, auto);
	width: 70em;
	position: absolute;
/*	top: 50%;
	left: 50%;
	padding: 1em;
	transform: translate(-50%, -50%); */
	border-radius: 1em !important;
	border: 2px solid #898989;
}
/*
 div {
	border: 1px solid #898989;
}
*/

.div_form {
	grid-column: 1 / 4;
	grid-row: 1 / 6;
	border: 2px solid #898989;
	border-radius: 1em !important;
}

.div_vcard {
	grid-column: 4 / 6;
	grid-row: 1 / 4;
	padding: 1em;
	border: 2px solid #898989;
	border-radius: 1em !important;
}

.div_svg {
	grid-column: 4 / 6;
	grid-row: 4 / 6;
	padding: 1em;
	border: 2px solid #898989;
	border-radius: 1em !important;
}

 h1 {
	font-size: 2em;
	text-align: center;
	margin-block-start: 0.37em;
	margin-block-end: 0.37em;
}

 h2 {
	font-size: 1.4em;
	text-align: center;
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
}

.columnClass {
	display: flex;
	flex-direction: column;
}

.columnClass2 {
	display: flex;
	flex-direction: column;
	margin-top: 0.2em;
	margin-left: 1em;
	margin-left: 1em;
}

.rowClass {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*	width: 55em;
	vertical-align:middle; */
}

.rowClass2 {
	display: flex;
	margin: 0.7em;
}

.ctrlClass {
	display: flex;
	flex-direction: column;
	margin-top: 0.2em;
	/*	width:19em; */
	margin-left: 1em;
	margin-left: 1em;
}

.ctrlClass2 {
	display: flex;
	flex-direction: column;
	/*	width:19em; */
}

.ctrlClass3 {
	display:flex;
	flex-direction: row;
/*	margin-bottom: 5px;
	width:17em;
	margin-left: 2em; */
}

 input {
	width: 20em;
	margin: 0.4em;
	padding: 0.5em;
	border-radius: 0.4em;
}

.inputXSmall {
	width:7em;
}
.inputSmall {
	width:13.5em;
}

.inputClassMedium {
	width: 19em;
}

.inputClassLarge {
	width: 45em;
}

 span {
	font-size: 0.6em;
	height: 0.7em;
	padding: 0.2em;
	padding-left: 0.5em;
	padding-bottom: 0.6em;
}

 label {
	font-size: 1em;
	padding: 0.5em;
	padding-left: 0;
	padding-bottom: 0.1em;
}

.error {
	color: red;
}

 #form-info {
	width:90%;
	height: auto;
	min-height:70%;
}
 /*
.rowClass3 {
	display:flex;
	width:15em;
}

.rowClass4 {
	display:flex;
	vertical-align:baseline;
	width:16em;
}

.ctrlClass2 {
	display:flex;
	flex-direction: row wrap;
	margin-bottom: 5px;
	width:55em;
	margin-left: 2em;
}

.ctrlClass3 {
	display:flex;
	flex-direction: row wrap;
	margin-bottom: 5px;
	width:17em;
	margin-left: 2em;
}

.ctrlClass4 {
	display:flex;
	flex-direction: row wrap;
	margin-bottom: 5px;
	width:10em;
	margin-left: 2em;
}

#form-info {
	width:90%;
	height: auto;
	min-height:70%;
}


#city {
	width: 13em;
}
#zip {
	width: 7em;
}
#street_1, #street_2, #street_3 {
	width: 45em;
}

input:invalid {
	border: 1px solid red;
}

input:valid {
	border: 1px solid #898989;
}

input:required {
	border: 2px solid #898989;
}

input:required:invalid {
	border: 2px solid #898989;
}



.container.btn:hover {
	background-color: black;
}
*/
.photoClass {
	padding: 1em;
	display: inline-block;
}

 img {
	width: 18em;
	height: 28em;
}

#send_data {
	border-radius: 1em !important;
	background-color: white;
	border: 1px solid;
}

.addInputBtn {
	/*	background-color: #ffffff;
		background-image : url('../images/vector_img/Signe_Plus.svg');
		background-repeat: no-repeat;
		background-size: 10px 10px;
		background-position: center; */
	/*	position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		font-size: 16px;
	*/

	width: 0.8em;
	height: 0.8em;
	border: 1px solid #898989;
	cursor: pointer;
	padding: 0.4em;
	margin: 0.4em;
	border-radius: 1em;
}

.addInputBtn2 {
	width: 0.8em;
	height: 0.8em;
	border: 1px solid #898989;
	cursor: pointer;
	padding: 0.4em;
	margin: 0.2em;
	margin-left: 0;
	border-radius: 1em;
}

#div_select_photo {
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

#div_select_photo_form {
	width: 34em;
	position: absolute;
	z-index: 1001;
	margin: auto;
	top: 50%;
	left: 50%;
	padding: 2em;
	transform: translate(-50%, -50%);
	border-radius: 1em !important;
	background-color: #ffffff;
	color: #fbc02c !important;
	text-align: center;
	display: flex;
	flex-direction: column;
}