body > div {
  width:600px;
  text-align:center;
  font-size:3em;
  font-weight:normal;
  margin: 100px auto;
  padding: 50px;
}

.dark-blue {
  color: #70659F;
}
.rot {
  color: #ff0000;
}
.green {
  color: #00ff00;
}
.blue {
  color: #0000ff;
}
.mein-gelb {
  color: #EDF10D;
}
.mein-graublau {
  color: #70659F;
}
.mein-tuerkis {
  color: #c0ffd2;
}
.mein-hellblau {
  color: #B0FFEC;
}
.banane {
  color: #FFFF66;
}
.bgcol-lgreen {
  background-color: lightgreen;
}
.bgcol-lgreen2 {
  background-color: rgb(134, 228, 134);
}

.bgcol-gold {
  background-color: gold;
}

@font-face {
   font-family:'Kefario';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/Kefario.otf')
}
.kefario {
  font-family:Kefario, serif;
}
@font-face {
   font-family:'DoverHeights';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/DoverHeights.otf')
}
.doverheights {
  font-family:DoverHeights, serif;
}
@font-face {
   font-family:'ChickenScript';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/ChickenScript.otf')
}
.chickenscript {
  font-family:ChickenScript, serif;
}
@font-face {
   font-family:'Broadway';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/Broadway.otf')
}
.broadway {
  font-family:Broadway, serif;
}

.gross {
  font-size:1.5em;
}

.klein {
  font-size: 0.75em;
}

.lgr-border {
  border: 5px solid #bbbbbb;
}