.gridcontainer_4_spalten { 
  display: grid; 
  align-items: center;
  
  grid-template-rows: 50px;
  grid-template-columns: 60% 25% 20% 5%; 
}

.gridcontainer_3_spalten { 
  display: grid; 
  align-items: center;
  
  xgrid-template-rows: 50px;
  grid-template-columns: 60% 20% 20%;
}

#zimmerdetails {
	xdisplay: none;
}
#uebersicht {
	xcursor: pointer;
}

.klickpresence, .klicktemperatur {
	cursor: pointer;
	user-select: none;
}

#zimmerpresence, #zimmertemperatur {
	margin-top: 20px;
}

.rechts {
	justify-self: end;
	margin-right: 10px;
}

.zentriert {
	justify-self: center;
	text-align: center;
}

.table {
	display: table;
	width: calc(100%);
	
}

.spalte {
	display: table-cell;
	
}

.zeile {
	display: table-row;
	height: 22px;
	
}
.menuezeile {
	display: table-row;
	xheight: 22px;
	
}
.prozent-10 {
	width: 10%;
}

.prozent-15 {
	width: 15%;
}

.prozent-20 {
	width: 20%;
}
.prozent-25 {
	width: 25%;
}

.prozent-33 {
	width: 33%;
}

.prozent-60 {
	width: 60%;
}

.prozent-menueleiste {
	width: calc(100vw/5);
}