#plhcpCalculator form{
	/* max-width: 90%; */
	padding: 20px;
}
#plhcpfrm {
	width: min(600px, 95%);
}


.phContainer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* width: min(450px, 92%); */
	margin: 4%;
	/* width: 80%; */
	
	input {
		width: 20%;
		text-align: center;
	}
}
.phRow {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
}
.phRow:last-child {
	margin-bottom: -10px;
}
.phRow label {
	display: inline-block;
	width: 50%;
	padding-top: 2px;
}
.phRow.radios {
	/* justify-content: flex-end;  */
}
.phRow .radio {
	border: 1px solid black;
	width: 30%;
	font-size: smaller;
	padding: 6px;
}
.phRow .list {
	width: 61%;
	height: 32px; 
}
#inputexacthandicap {
	width: 30%;
	text-align: center;
	font-size: 1.4rem;
}
.phRow .ratings {
	display: inline-block;
	text-align: center;
	width: 30%;
	height: 20pt;
	font-size: 1.2rem;
}
.hidden {
	display: none;
}
.bereken {
	display: inline-block;
	margin: 10px 0px;
	width: 120px;
}
.plHcp {
	display: inline-block;
	height: 120px;
	width: 120px;
	margin-top: -20px;
	font-size: 75pt;
	font-weight: bold;
	color: #366092;
	text-align: center;
}
@media (prefers-color-scheme: dark) {
	.plHcp {
		color: #E5E5E5;
	}
}

<!--
Kleuren op de site:
E5E5E5 = achtergrond grijs
33CC00 = groen
ff0000 = rood
ffffff = wit
fcfcfc = header wit
33cc01 = header groen
f5f5f5 = linkerkolom grijs
09c = hyperlink blauw
666 = hyperlink hover donkerblauw
fffffe = hyperlink wit
ffff00 = hyperlink hover geel

ff8ee8 = rose
c8ff51 = pastelgroen
-->