* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}
#container {
	display: grid;
	grid-template-columns: repeat(4, 24%);
	grid-auto-rows: auto;
	box-sizing: border-box;
	width: 100%;
	gap: 0%;
	padding: 0.1%;
}
#calForm {
    margin: 0;
    position: absolute;
}
.classInner { 
	border-style: solid;
	border-color: #cccccc;	
	padding: 0.4%;
}
.classTagWrapper {
	width: 97%; 
}
.classTage {
	color: #000000;
	@media screen and (max-width: 1100px) {
		color: #ee0000;
	}	
	padding: 0.4%;
	width: 97%; 
}
.classEreignisListe {
	width: 97%; 
}
.classEreignis {		
	color: #000000;
	background-color: #00dd00;
	margin-top: 1px;
	padding: 1px 10px;
	font-size: 17px;
	white-space: nowrap; text-overflow: ellipsis;
	overflow: hidden; cursor: pointer;
	border-radius: 8px;	
}