.container{
	
}

.main-container{
	display: grid;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
	grid-template-rows: auto auto auto auto auto auto auto;
	align-content: center;
	  	
  	font-family:sans-serif;
  	font-weight:bold;
  	
  	white-space: nowrap;
  	
  	overflow-x: auto;
  	
  	
}

.sub-container{
	display: grid;
	grid-row-gap: 2px;
	grid-column-gap: 4px;
	grid-template-columns: auto;
	
	font-size:80%;
}

.eingabe-container{
	display: grid;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	grid-template-columns: auto;
	grid-row: 3 / 7;
	background-color: rgb(0 32 96);
	color: white;
	
	font-size: 80%;
}

.eingabe-container input[type="text"]{
	font-size: 90%;
	width:54px;
	text-align:right;
}

.sub-container input[type="text"]{
	font-size: 90%;
	width:26px;
	text-align:right;
}

.sub-inputs{
	display:flex;
	column-gap:5px;
	justify-content:start;
	padding-left:10px;
}

.ist-row-total .sub-inputs, .soll-row-total .sub-inputs, .row-total .sub-inputs{
	justify-content:end;	
}

.title_pkr {
	text-transform:uppercase;
	color: white;
	background-color: black;
	padding:3px;
}

.grid-input{
	padding:3px;
}



.cell2 {
	text-align: center;
	background-color: rgb(255 242 204);
}


.cell3 {
	text-align: right;
	background-color: rgb(242 242 242);
}

.cell3.ist-total, .ist-row-total {	
	background-color: rgb(252 228 214);
}

.cell3.soll-total, .soll-row-total {
	background-color: rgb(217 225 242);
}

.cell3.total, .row-total {
	background-color: rgb(226 239 218);

}