.mdl_card {
  width: 512px;
  overflow: auto;
}

.card-wide > .mdl-card__title {
  color: #fff;
  height: 342px;
  background: url('http://placekitten.com/450/300') center / cover;
}

.text-box {
  margin: auto;
  overflow: hidden;
  text-align: justify;
}

.text-box-left {
  overflow: hidden;
  margin: auto;
  text-align: left;
}

.angebot-card > .mdl-card__title {
  color: #fff;
  height: 342px;
  background: url('https://www.cs.uni-potsdam.de/room-x/cards/angebot_room.jpg') bottom / cover;
}

.map-card > .mdl-card__title {
  color: #fff;
  height: 342px;
  background: url('https://www.cs.uni-potsdam.de/room-x/cards/map-card.png') bottom / cover;
}

.message-card > .mdl-card__title {
  color: #fff;
  height: 342px;
  background: url('https://www.cs.uni-potsdam.de/room-x/cards/message.png') center / cover;
}

.calender-card > .mdl-card__title {
  color: #fff;
  height: 342px;
  background: url('https://www.cs.uni-potsdam.de/room-x/cards/calender.png') bottom / cover;
}

.krimi-card > .mdl-card__title {
  color: #fff;
  height: 342px;
  background: url('https://www.cs.uni-potsdam.de/room-x/cards/181120-Logo.jpg') bottom / contain;
}

.highscore-card {
  height: auto;
}