.page-content .highlight {
  margin-top: 20px;
  background: #EE332C;
  color: white;
  padding: 15px;
}
.page-content .highlight .btn {
  background: white;
  text-align: center;
  display: block;
  margin-top: 5px;
}
.page-content .highlight .btn:hover {
  background-color: #d61811;
  color: white;
}
.page-content .highlight h2 {
  color: white;
}
.page-content .highlight a {
  color: #f9bcba;
}
.page-content .highlight .btn.primary {
  background-color: #fdeae9;
  color: #d61811;
}
.page-content .highlight .btn.primary:hover {
  background-color: #a7130d;
  color: white;
}
/*opzet, omzetten naar script per kleur?*/
.cke_editable h1,
.blue-page .page-content h1,
.cke_editable h2,
.blue-page .page-content h2,
.cke_editable h3,
.blue-page .page-content h3,
.cke_editable h4,
.blue-page .page-content h4 {
  color: #009ee3;
}
.cke_editable .highlight,
.blue-page .page-content .highlight {
  margin-top: 20px;
  background: #009ee3;
  color: white;
  padding: 15px;
}
.cke_editable .highlight h2,
.blue-page .page-content .highlight h2,
.cke_editable .highlight h3,
.blue-page .page-content .highlight h3,
.cke_editable .highlight h4,
.blue-page .page-content .highlight h4 {
  color: white;
}
.cke_editable .highlight a,
.blue-page .page-content .highlight a {
  color: #7dd7ff;
}
.cke_editable .highlight .btn,
.blue-page .page-content .highlight .btn {
  background: white;
  text-align: center;
  display: block;
  margin-top: 5px;
}
.cke_editable .highlight .btn:hover,
.blue-page .page-content .highlight .btn:hover {
  background-color: #007bb0;
  color: white;
}
.cke_editable .highlight .btn.primary,
.blue-page .page-content .highlight .btn.primary {
  background-color: #b0e7ff;
  color: #007bb0;
}
.cke_editable .highlight .btn.primary:hover,
.blue-page .page-content .highlight .btn.primary:hover {
  background-color: #00577d;
  color: white;
}
.orange-page .page-content h1,
.orange-page .page-content h2,
.orange-page .page-content h3,
.orange-page .page-content h4 {
  color: #f39100;
}
.orange-page .page-content .highlight {
  margin-top: 20px;
  background: #f39100;
  color: white;
  padding: 15px;
}
.orange-page .page-content .highlight h2,
.orange-page .page-content .highlight h3,
.orange-page .page-content .highlight h4 {
  color: white;
}
.orange-page .page-content .highlight a {
  color: #ffd18d;
}
.orange-page .page-content .highlight .btn {
  background: white;
  text-align: center;
  display: block;
  margin-top: 5px;
}
.orange-page .page-content .highlight .btn:hover {
  background-color: #c07300;
  color: white;
}
.orange-page .page-content .highlight .btn.primary {
  background-color: #ffe6c0;
  color: #c07300;
}
.orange-page .page-content .highlight .btn.primary:hover {
  background-color: #8d5400;
  color: white;
}
.green-page .page-content h1,
.green-page .page-content h2,
.green-page .page-content h3,
.green-page .page-content h4 {
  color: #009d3a;
}
.green-page .page-content .highlight {
  margin-top: 20px;
  background: #009d3a;
  color: white;
  padding: 15px;
}
.green-page .page-content .highlight h2,
.green-page .page-content .highlight h3,
.green-page .page-content .highlight h4 {
  color: white;
}
.green-page .page-content .highlight a {
  color: #37ff81;
}
.green-page .page-content .highlight .btn {
  background: white;
  text-align: center;
  display: block;
  margin-top: 5px;
}
.green-page .page-content .highlight .btn:hover {
  background-color: #006a27;
  color: white;
}
.green-page .page-content .highlight .btn.primary {
  background-color: #6affa1;
  color: #006a27;
}
.green-page .page-content .highlight .btn.primary:hover {
  background-color: #003714;
  color: white;
}