:root {
    --beforce-blue: #318db3;
    --beforce-lightgrey: #ebebeb;
    --beforce-grey: #c4c4c4;
    --beforce-darkgrey: #706f6f;
    --footer-grey: #D8D8D8;
    --box-grey: #706f6fd9;
}


/*==== CSS Texteditor Styling ====*/
.greybox,
.text-formatted p.greybox
.ck-content p.greybox {
  padding: 1rem;
  margin: unset !important;
  background-color: var(--box-grey);
  font-size: initial;
}

.bluebox,
.text-formatted p.bluebox
.ck-content p.bluebox{
  padding: 1rem;
  margin: unset !important;
  background-color: var(--beforce-blue);
  font-size: initial;
}


blockquote.quote,
.text-formatted blockquote.quote
.ck-content blockquote.quote {
  padding: 1rem;
  margin: unset !important;
  color: var(--beforce-blue);
  font-size: xx-large;
}

.bluefont,
.text-formatted p.bluefont
.ck-content p.bluefont {
  margin: unset !important;
  color: var(--beforce-blue);
}

.whitefont,
.text-formatted p.whitefont
.ck-content p.whitefont {
  margin: unset !important;
  color: #ffffff;
}

.blackfont,
.text-formatted p.blackfont
.ck-content p.blackfont {
  margin: unset !important;
  color: #000;
}

.bluetitle, .bluetitle a,
.text-formatted p.bluetitle
.ck-content p.bluetitle {
  color: var(--beforce-blue) !important;
  font-weight: bolder;
  text-decoration: none;
}