h1 {
	font-size: 28px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}

.content {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 3%;
	gap: 20px 20px;
}

.upload_form {
	border: 1px solid black;
}

.calc_forms {
	display: flex;
	flex-direction: row;
	gap: 20px 0px;
	margin: 5%;
}

.section {
	display: flex;
	flex-direction: column;
	gap: 30px 30px;
}

.import_header, .delete_header {
	display: flex;
	flex-direction: column;
	gap: 20px 20px;
}

.exceptions {
	margin: 3%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 20px 20px;
}

#exclude_tables, #type_exception {
	width: 300px;
}



.tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}



.formel_und_preis_pos {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.artikel_col {
	margin: 0 48px 0 48px;
}

.gelber_bereich > input {
	background-color: #FF0;
}

.beiger_bereich > input {
	background-color: #fcba03;
}


.zins_ueberschrift {
	margin: 0 18px 0 18px;
}

.row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}


.col {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	border: 1px solid black;
	width: 150px;
}

.first_col {
	width: 30px;
}

input[type="submit"] {
	width: 150px;
	height: 70px;
	color: green;
	font-size: 19px;
	cursor: pointer;
	margin-top: 30px;
}

#show_pdf {
	width: 150px;
	height: 70px;
	color: blue;
	font-size: 24px;
	cursor: pointer;
	margin-top: 30px;
}



/***************** Tabelle TAB_graph ****************************/
table {
	width: 100%;
	border-collapse: collapse;
}
th, td {
	border: 1px solid black;
	padding: 5px;
	text-align: center;
	width: 70px;
	height: 20px;
}

.berechnung_ok {
	color: black;
}

.berechnung_falsch {
	color: red:;
}
/***************** End Tabelle TAB_graph ************************/