@charset "UTF-8";
/* Button styles
--------------------------------------------------------------------*/
/* Ghost Button styles
--------------------------------------------------------------------*/
@media only print {
  main ul li::before,
body[class*=cke_] ul li::before, .back::before, .more::after, .fa::before,
.fa::after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .iframe-container-16-9, .iframe-container-4-3, .iframe-container-4-2, .iframe-container {
    display: none;
  }

  html, body {
    font-family: "mr-eaves-xl-modern", sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1.8;
  }

  h1,
h2,
h3,
h4,
span.h1 {
    font-family: "mr-eaves-xl-modern", sans-serif;
    line-height: 1.4;
    font-weight: 700;
  }

  p,
address,
ol,
table {
    line-height: 1.8;
    margin-bottom: 24px;
  }

  h1, span.h1 {
    display: block;
    font-size: 1.9em;
    color: #000;
    margin-bottom: 20px;
    padding-top: 0;
  }

  h2 {
    font-size: 1.4em;
    color: #000;
    margin-bottom: 20px;
    padding-top: 10px;
  }

  h3 {
    font-size: 1.2em;
    color: #000;
    margin-bottom: 15px;
    padding-top: 0;
  }

  a {
    transition: background 0.3s ease, color 0.3s ease;
    color: #000;
    text-decoration: underline;
  }

  .more {
    font-weight: 700;
    white-space: nowrap;
  }
  .more::after {
    content: "";
    color: inherit;
    font-size: 0.65em;
    display: inline-block;
    margin-left: 7px;
  }

  .back {
    font-weight: 700;
    white-space: nowrap;
  }
  .back::before {
    content: "";
    font-size: 0.65em;
    display: inline-block;
    margin-right: 8px;
  }

  main ul, main ol,
body[class*=cke_] ul,
body[class*=cke_] ol {
    margin: 0 0 24px 20px;
  }
  main ul ul, main ul ol, main ol ul, main ol ol,
body[class*=cke_] ul ul,
body[class*=cke_] ul ol,
body[class*=cke_] ol ul,
body[class*=cke_] ol ol {
    margin-bottom: 0;
  }
  main ol,
body[class*=cke_] ol {
    list-style: decimal;
  }
  main ol li,
body[class*=cke_] ol li {
    margin-left: 24px;
  }
  main ul li,
body[class*=cke_] ul li {
    list-style: none;
    padding-left: 18px;
    position: relative;
  }
  main ul li::before,
body[class*=cke_] ul li::before {
    content: "";
    color: #000;
    font-size: 0.6em;
    position: absolute;
    top: 11px;
    left: 4px;
  }

  blockquote {
    margin: 30px;
    padding: 5px 0 5px 20px;
    border-left: 4px solid #d2d2d2;
    font-style: italic;
    color: #6e6e6e;
  }
  blockquote p {
    margin: 0;
    padding: 0;
  }

  input, select, textarea, optgroup, form {
    display: none !important;
  }

  .btn,
.knop {
    display: none;
  }

  /* Responsive afbeeldingen in de content
  --------------------------------------------------------------------*/
  img.responsive {
    max-width: 100%;
    height: auto;
  }

  img.responsive-left-10 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 10%;
    height: auto;
  }

  img.responsive-left-20 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 20%;
    height: auto;
  }

  img.responsive-left-30 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 30%;
    height: auto;
  }

  img.responsive-left-40 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 40%;
    height: auto;
  }

  img.responsive-left-50 {
    float: left;
    margin: 9px 40px 40px 0;
    max-width: 50%;
    height: auto;
  }

  img.responsive-right-10 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 10%;
    height: auto;
  }

  img.responsive-right-20 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 20%;
    height: auto;
  }

  img.responsive-right-30 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 30%;
    height: auto;
  }

  img.responsive-right-40 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 40%;
    height: auto;
  }

  img.responsive-right-50 {
    float: right;
    margin: 9px 0 40px 40px;
    max-width: 50%;
    height: auto;
  }
}
