styles.css

/* Allgemein */
p.strong-p,
p.strong-p.ppoe {
  border: 0.1rem solid #b51f1f;
}
p.strong-p.biber {
  border: 0.1rem solid #ad7e42;
}

p.strong-p.wiwoe {
  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;
}

p.strong-p.grau {
  border: 0.1rem solid #9c98a1;
}

span.strong-c,
span.strong-c.ppoe {
  color: #b51f1f;
  font-weight: bold;
}

span.strong-c.biber {
  color: #ad7e42;
}

span.strong-c.wiwoe {
  color: #f7e400;
}

span.strong-c.gusp {
  color: #009960;
}

span.strong-c.caex {
  color: #353990;
}

span.strong-c.raro {
  color: #ce0026;
}

span.strong-c.grau {
  color: #9c98a1;
}

/* Screen */
@media screen {
p.strong-p,
p.strong-p.ppoe {
  background-color: rgba(181, 31, 31, 0.3);
}

p.strong-p.biber {
  background-color: rgba(173, 126, 66, 0.3);
}

p.strong-p.wiwoe {
  background-color: rgba(247, 228, 0, 0.3);
}

p.strong-p.gusp {
  background-color: rgba(0, 153, 96, 0.3);
}

p.strong-p.caex {
  background-color: rgba(53, 57, 144, 0.3);
}

p.strong-p.raro {
  background-color: rgba(206, 0, 38, 0.3);
}

p.strong-p.grau {
  background-color: rgba(156, 152, 161, 0.3);
}
}


/* Print */
@media print {
p.strong-p {
  background-color: #fff !important;
}
}