.block, 
.event-part,
.stage {
  position: relative;
}
.block:after, 
.event-part:after,
.stage:after {
  display: none;
  content: "!";
  font-size: 10px;
  font-family: monospace;
  background: black;
  color: white;
  letter-spacing: 1px;
  padding: 2px 4px;
  position: absolute;
  right: 0;
  top: 0;
}

/* Stage */
.stage:after {
  background: green;
  content: '4';
}
.template-article .stage:after, 
.template-event .stage:after, 
.template-events .stage:after {
  content: '6';
}
@media screen and (min-width: 48em) {
  .stage:after,
  .template-event .stage:after, 
  .template-events .stage:after {
    content: '12';
  }
}
@media screen and (min-width: 60em) {
  .stage:after {
    content: '12';
  }
  .template-event .stage:after, 
  .template-events .stage:after {
    content: '12 + 14';
  }
}

/* Block */
.block.block-text:after {
  content: "Text";
}
.block.block-list:after {
  content: "Liste";
}
.block.block-info:after {
  content: "Info Box";
}
.block.block-heading:after {
  content: "Überschrift";
}
.block.block-text:after {
  content: "Text";
}
.block.block-table:after {
  content: "Datenblatt";
}
.block.block-datatable:after {
  content: "Tabellarische Auflistung";
}
.block.block-contact:after {
  content: "Kontakt";
}
.block.block-picture:after {
  content: "Bild";
}
.block.block-pictures:after {
  content: "Galerie";
}
.block.block-yt:after {
  content: "Video";
}

/* Event */
.event-part.event-basics:after {
  content: "Kurzinfo";
}
.event-part.event-categories:after {
  content: "Reihe/Genres";
}
.event-part.event-datasheet:after {
  content: "Datum/Uhrzeit/Tickets";
}
.event-part.event-image:after {
  content: "Bild";
}
.event-part.event-venue:after {
  content: "Spielort";
}
.event-part.event-tools:after {
  content: "Kalender";
}





  /********************************************************
   CHECK
   ********************************************************/








/*
.demo-label.event-datasheet:after {
  content: "Datenblatt";
}
.demo-label.event-description:after {
  content: "Zus. Beschreibung";
}
.demo-label.event-info:after {
  content: "Kurzinfo";
}
.demo-label.event-display:after {
  content: "Bild";
}
.demo-label.event-note:after {
  content: "Hinweis";
}
.demo-label.event-tools:after {
  content: "Werkzeuge";
}
*/


/* background */
/*
.event-categories {
  background: blue;
}

.event-datasheet {
  background: green;
}

.event-description {
  background: silver;
}

.event-info {
  background: silver;
}

.event-display {
  border: 1px solid green;
}

.event-note {
  grid-area: note;
}

.event-tools {
  background: orange;
}
*/