styles.css

/* Allgemein */
span.strong-c {
  color: rgba(181, 31, 31, 0.5);
  font-weight: bold;
}

span.strong-c.biber {
  color: rgba(173, 126, 66, 0.5);
}

span.strong-c.wiwo {
  color: rgba(247, 228, 0, 0.5);
}

span.strong-c.gusp {
  color: rgba(0, 153, 96, 0.5);
}

span.strong-c.caex {
  color: rgba(53, 57, 144, 0.5);
}

span.strong-c.raro {
  color: rgba(206, 0, 38, 0.5);
}

/* Screen */
@media screen {
p.strong-p {
  background-color: #b51f1f;
  color: white;
}
p.strong-p.biber {
  background-color: #AD7E42;
}

p.strong-p.wiwo {
  background-color: #F7E400;
  color: black;
}

p.strong-p.gusp {
  background-color: #009960;
}

p.strong-p.caex {
  background-color: #353990;
}

p.strong-p.raro {
  background-color: #CE0026;
}
}


/* Print */
@media print {
p.strong-p {
  border: 0.1rem solid #b51f1f;
}
p.strong-p.biber {
  border: 0.1rem solid #AD7E42;
}

p.strong-p.wiwo {
  border: 0.1rem solid #F7E400;
}

p.strong-p.gusp {
  border: 0.1rem solid #009960;
}

p.strong-p.caex {
  border: 0.1rem solid #353990;
}

p.strong-p.raro {
  border: 0.1rem solid #CE0026;
}
}