.bedarfsrechner {
	display: flex;
	padding-top: 2%;
	gap: 20px;
}

.bedarfsrechner > div {
	flex-grow: 1;
	padding-right: 3%;
}

.bedarfsrechner > div input {
	text-align: right;
}

.bedarfsrechner > div select,
.bedarfsrechner > div input {
	height: 52px;
	margin-bottom: 15px;
	width: 100%;
}

.bedarfsrechner > div input[type="number"]:disabled {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 0;
	color: #000;
}

.materialverbrauch {
	text-align: center;
	padding-top: 2%;
	padding-bottom: 5%;
}

.materialverbrauch .br-verbrauch {
	font-size: 60px;
	font-weight: 600;
}

.verbrauchstabelle th {
	font-size: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.rechner_headline {
	font-size: clamp(1px, 9vw, 38px);
}

input[type=number] {
	-moz-appearance: textfield;
}

@media only screen and (max-width: 760px) {
	.bedarfsrechner {
		flex-direction: column;
		padding-top: 2%;
	}
}