body {
  margin: 2rem;
  font: 12px system-ui;
}

div#container {
	width:1300px;
	height: auto;
	margin: 0 auto;
}

h1 {
	font-family:Verdana;
	color: #000000;
}
h2 {
	text-align:center;
	font-family:Verdana;
	color: #000000;
}

.grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
}
.grid > div {
  background:#cccccc;
  background-size: 100% 100%;
  padding: 0;
}
.grid > div:hover {
  background:#aaaaaa;
  }
.gridsc {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
}
.gridsc > div {
  background:#cccccc;
  background-size: 100% 100%;
  padding: 0;
}
.gridsc > div:hover {
  background:#aaaaaa;
  }
a, a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}
img.agenten_karten {
	display: none;
}


img.agenten_karten_chefs {
}




div#footer {
	background:#cccccc;
	width: 100%;
	min-height: 70px;
	height: auto;
	margin: 0 auto;
	
}

div#footer a, div#footer a:visited {
	background: #ffffff;
	display: block;
	padding: 10px;
	margin:10px;
	float: left;
	width: 180px;
	text-align: center;
}
div#footer a:hover {
	background:#aaaaaa;
}