styles.css

Version vom 18. November 2020, 10:21 Uhr

/* Allgemein */
.randnotiz {
  border-top: solid 0.5rem #888;
  padding-top: 0.1rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.randnotiz-icon {
  position: absolute;
  font-size: 2rem;
  left: -0.5rem;
  top: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.wichtig {
  border-color: #b51f1f;
}

.wichtig i {
  color: #b51f1f;
}

/* Desktop */
@media screen and (min-width: 576px) {
.randnotiz-icon {
  left: -2.2rem;
  top: -1.7rem;
}
}

@media screen and (min-width: 1550px) {
.randnotiz {
  position: absolute;
  right: -200px;
  width: 250px;
}
}