body {
  font-family: 'Lato', sans-serif;
}

h1 {
  position: relative;
  top: 18px;
  color: #888888;
}

.liste {

}

.logo {
  height: 84px;
}

.event, .headder {
    display: grid;
    margin: 4px;
}


.event, .headder {
  grid-template-columns: 220px 1fr;
}

.nvv.event, .nvv.headder {
  grid-template-columns: 100px 1fr;
}

.event.online {
  border: solid 1px #001144;
}

.event.online.besonders {
  border: solid 1px #862e9c;
}

.event {
  border: solid 1px #4dc187;
}
.event.abgesagt, .event.cancelt {
  border: solid 1px #ff0000;
}

.event.besonders {
  border: solid 1px #f44611;
}

.event.extern {
  border: solid 1px #b23e78;
}

.event.evjugend {
  border: solid 1px #001188;
}

.dz, .ct {
  padding: 4px;
/*  white-space: pre;/**/
}

.dz.abgesagt, .dz.cancelt {
  background: #ff000044;
}

.dz.cancelt {
  text-decoration: line-through;
}

.dz.online {
  background: #00114444;
}
.dz.online.besonders {
  background: #862e9c44;
}

.dz.besonders {
  background: #f4461144;
}

.dz.extern {
  background: #b23e7844;
}

.dz.evjugend {
  background: #00118844;
}

.ct.abgesagt:before {
  content: 'Abgesagt: \a';
  color: #ff0000;
  font-weight: bold;
  text-decoration: none!important;
}

.ct.nvv {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 38px;
}


.dz {
  background: #4dc18744;
}


.inv {
  display: none;
}


.ct.cahal:after {
  content: "\A AHA+L";
  color: #00aa00;
  font-weight: 900;
  text-decoration: none!important;
}

.ct.cahal:hover:after {
  content: "\A AHA+L: Abstand, Hygiene, Alltag mit Maske + Lüften";
}

.dz.nostream:after {
  content: "\A Ohne Livestream!";
  color: #ff0000;
  font-weight: 900;
  text-decoration: none!important;
}

.ct.c3g:after {
  content: "\A 3G";
  color: #ffaa00;
  font-weight: 900;
  text-decoration: none!important;
}

.ct.c3g:hover:after {
  content: "\A 3G: Geimpft, Genesen oder Getestet";
}

.ct.c2g:after {
  content: "\A 2G";
  color: #ff0000;
  font-weight: 900;
  text-decoration: none!important;
}

.ct.c2g:hover:after {
  content: "\A 2G: Geimpft oder Genesen";
}


.event.okirche {
  border: solid 1px #86d5ad;
}

.dz.okirche {
  background: #86d5ad44;
}

.event.taize {
  border: solid 1px #329061;
}

.dz.taize {
  background: #32906144;
}

.event.lieberknecht {
  border: solid 1px #f26021;  
}

.dz.lieberknecht {
  color: #ffffff;
  background: #f26021;
}
.dz.n8 {
  background: #001144;
  color: #ffaa00;
}
.dz.event.n8 {
  background: #00114488;
}
.event.n8 {
  border: solid 1px #001144;
}
.ct.n8 {
  color: #001144;
}