/*
The colorscheme can be seen at nrc.nl/colors (localhost for now)
Colors are named as colors an can be used in multiple places.
When designing use base colors as much as possible. Variations can be used for effects such as hover, separate content etc.
*/
/* Primary colors
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* Secondary colors
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* Type colors
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* Functional colors
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* paywall
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Section colors
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Chart color
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Feedbackformulier
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Service-bar
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* Social colors
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* Native ad colors
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* Native XTR colors
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* Email subscription
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in charts
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used for partner content
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in theme De Stijl
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in theme Football Leaks
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in theme Giro d'Italia
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in theme North Sea Jazz
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in theme Pinkpop
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in theme Regeerakkoord
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in theme Tour de France
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in theme Trumps Amerika
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in misc. themes
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used for the searchbox
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
/* 	Colors used in misc. themes
~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - ~ - */
.header__sections {
  display: none; }

.nrc-code-menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: white;
  height: calc(100vh - 105px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 43px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 1; }
  .nrc-code-menu::after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 43px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: -24px;
    z-index: -1;
    border-bottom: 1px solid #eaeaea; }

.nrc-code-menu_sticky {
  position: fixed;
  top: 0;
  left: 24;
  width: calc(100vw - 48px);
  margin-right: 0;
  max-width: 1248px; }

.nrc-code-menu__wrapper {
  width: 100vw;
  margin-left: -24px;
  margin-right: -24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.nrc-code-menu__headline {
  font-family: "Guardian Egyptian Web", "Lucida Bright", Georgia, sans-serif;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
  line-height: 43px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 24px;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.has-no-anyflexbox .nrc-code-menu__headline {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.nrc-code-menu__btn {
  -webkit-appearance: none;
  background-color: white;
  cursor: pointer;
  height: 43px;
  line-height: 43px;
  text-align: right;
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #eaeaea;
  border-right: none;
  float: right;
  font-family: "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial , sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 126px;
  flex: 0 1 126px;
  -webkit-transition: background-color 0.2 ease;
  transition: background-color 0.2 ease;
  -webkit-transition: color 0.2 ease;
  transition: color 0.2 ease;
  -webkit-transition: border-left 0.2 ease;
  transition: border-left 0.2 ease; }
  .nrc-code-menu__btn:hover {
    background-color: #1a1a1a;
    color: white;
    -webkit-transition: background-color 0.2 ease;
    transition: background-color 0.2 ease;
    -webkit-transition: color 0.2 ease;
    transition: color 0.2 ease;
    -webkit-transition: border-left 0.2 ease;
    transition: border-left 0.2 ease; }

.has-no-anyflexbox .nrc-code-menu__btn {
  float: right; }

@media screen and (min-width: 660px) {
  .nrc-code-menu__btn_close-btn {
    margin-right: 0;
    width: 151.5px;
    border-right: 1px solid #eaeaea; }
  .nrc-code-menu__btn_open-btn {
    margin-right: 24px;
    width: 151.5px;
    border-right: 1px solid #eaeaea; } }

@media screen and (min-width: 768px) {
  .nrc-code-menu__btn_open-btn,
  .nrc-code-menu__btn_close-btn {
    display: none; } }

@media screen and (min-width: 1248px) {
  .nrc-code-menu::after {
    left: calc((100vw - 1248px)/-2); } }

.no-flexbox .nrc-code-menu__headline {
  float: left; }

.no-flexbox .nrc-code-menu__btn {
  float: right;
  width: 143px; }

.nrc-code-main {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: calc(100vh - 210px);
  margin-bottom: 105px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease; }

.nrc-code-main_translated {
  -webkit-transform: translateX(-100vw);
  transform: translateX(-100vw);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease; }

.nrc-code-main__inhoud {
  display: none; }

.nrc-code-main__inhoud__scroll {
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  border: none;
  text-indent: -9000px;
  z-index: 1;
  border: 1px solid #eee;
  border-radius: 3px; }
  .nrc-code-main__inhoud__scroll:hover {
    cursor: pointer;
    background-color: #1a1a1a; }

.nrc-code-main__inhoud__scroll_up {
  background-image: url("../../assets/images/triangle-up_anthracite.svg"); }
  .nrc-code-main__inhoud__scroll_up:hover {
    background-image: url("../../assets/images/triangle-up_white.svg"); }

.nrc-code-main__inhoud__scroll_down {
  background-image: url("../../assets/images/triangle-down_anthracite.svg"); }
  .nrc-code-main__inhoud__scroll_down:hover {
    background-image: url("../../assets/images/triangle-down_white.svg"); }

.nrc-code-main__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

@media screen and (min-width: 768px) {
  .nrc-code-main_translated {
    -webkit-transform: none;
    transform: none; }
  .nrc-code-main__inhoud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: -webkit-sticky;
    position: sticky;
    top: 43px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    overflow-x: hidden;
    overflow-y: hidden;
    -ms-flex-item-align: start;
    align-self: flex-start;
    max-height: 100vh; } }

@media screen and (min-width: 980px) {
  .nrc-code-main__inhoud {
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px; } }

@media screen and (min-width: 768px) {
  .flexbox.flexboxtweener .nrc-code-main__lemma {
    padding-left: 45px; } }

@media screen and (min-width: 980px) {
  .flexbox.flexboxtweener .nrc-code-main__lemma {
    padding-left: 0; } }

.no-flexbox .nrc-code-main__inhoud {
  width: 0; }

.no-flexbox .nrc-code-main__inhoud__scroll {
  display: none; }

@media screen and (min-width: 768px) {
  .no-flexbox .nrc-code-main__inhoud {
    width: 200px;
    display: block;
    overflow-y: scroll; } }

@media screen and (min-width: 980px) {
  .no-flexbox .nrc-code-main__inhoud {
    width: 250px; } }

.old-ie .nrc-code-main__lemma__wrapper {
  margin-left: 200px; }

.nrc-code-main__landing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 106px);
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease; }
  .nrc-code-main__landing h1 {
    font-size: 64px;
    line-height: 72px;
    font-weight: 600;
    margin-bottom: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px; }
  .nrc-code-main__landing h2 {
    font-size: 48px;
    line-height: 60px;
    font-weight: 500;
    margin-bottom: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center; }
  .nrc-code-main__landing p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 325px; }
  .nrc-code-main__landing a {
    font-family: "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial , sans-serif;
    color: #1a1a1a;
    cursor: pointer;
    position: absolute;
    bottom: 35px;
    left: calc(50% - 50px);
    display: inline-block;
    width: auto;
    text-align: center; }
    .nrc-code-main__landing a:after {
      width: 0;
      height: 1px;
      content: "";
      display: block;
      left: 50%;
      position: absolute;
      background-color: #1a1a1a;
      -webkit-transition: width .15s ease-in-out;
      transition: width .15s ease-in-out;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .nrc-code-main__landing a:hover:after {
      width: 100%; }
  .nrc-code-main__landing:after {
    content: "";
    background-image: url("../../assets/images/Lux et Libertas 10 procent.svg");
    background-color: white;
    background-repeat: no-repeat;
    background-position: -40vh center;
    background-size: 80vh 80vh;
    height: calc(100vh - 106px);
    width: 100vw;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    z-index: -1; }

.nrc-code-landing-page_translated {
  -webkit-transform: translateX(-100vw);
  transform: translateX(-100vw);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease; }

@media screen and (min-width: 768px) {
  .nrc-code-main__landing h1 {
    width: 375px; }
  .nrc-code-main__landing h2 {
    width: 375px; } }

@media screen and (min-width: 1200px) {
  .nrc-code-main__landing:after {
    background-position: -30vh center;
    background-size: 80vh 80vh; } }

.flexboxtweener .nrc-code-main__landing h1, .flexboxtweener .nrc-code-main__landing h2 {
  max-width: 325px; }

.no-flexbox .nrc-code-main__landing {
  display: table; }
  .no-flexbox .nrc-code-main__landing div {
    display: table-cell;
    vertical-align: middle; }
  .no-flexbox .nrc-code-main__landing h1, .no-flexbox .nrc-code-main__landing h2, .no-flexbox .nrc-code-main__landing p {
    margin-left: auto;
    margin-right: auto; }

.nrc-code-main__lemma__wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 15px; }

.nrc-code-main__lemma {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 35px; }

.nrc-code-main__lemma_colofon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.nrc-code-main__lemma__wrapper_link {
  top: -43px;
  position: relative; }

.nrc-code-main__lemma__link {
  position: relative;
  top: -63px; }

.nrc-code-main__lemma__h3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: normal !important;
  font-family: "Guardian Egyptian Web", "Lucida Bright", Georgia, sans-serif;
  font-size: 32.7px;
  -webkit-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-size-adjust: none;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 34.3333px;
  margin-bottom: 24px; }

.nrc-code-main__lemma__text {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .nrc-code-main__lemma__text .nrc-code-main__lemma__error-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #d30910;
    color: white;
    border-radius: 3px;
    padding: 12px 24px;
    font-size: 17px;
    font-weight: 500;
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    margin-bottom: 36px;
    color: white; }
    .nrc-code-main__lemma__text .nrc-code-main__lemma__error-button:hover {
      background-color: #ba070d; }
  .nrc-code-main__lemma__text .nrc-code-main__lemma__error-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
    height: 300px;
    border-radius: 150px;
    overflow: hidden;
    background-image: url("../../assets/images/notfound.e79cd5658.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.6); }
  .nrc-code-main__lemma__text strong {
    font-weight: 500; }
  .nrc-code-main__lemma__text p {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-family: "Guardian Egyptian Web", "Lucida Bright", Georgia, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    font-size-adjust: none;
    font-stretch: normal;
    -x-system-font: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-language-override: normal;
    font-language-override: normal;
    -webkit-font-kerning: auto;
    font-kerning: auto;
    font-variant-alternates: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    -webkit-font-variant-ligatures: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    margin-bottom: 16px; }
    .nrc-code-main__lemma__text p .nrc-code-lemma__text__definitie {
      color: #ccc;
      font-size: 48px;
      line-height: 60px;
      display: inline-block;
      width: 35px; }
  .nrc-code-main__lemma__text .nrc-code-main__lemma__label {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    color: #1a1a1a;
    background-color: #eee;
    border-radius: 12px;
    padding-left: 9px;
    padding-right: 9px;
    margin-left: 5px;
    margin-bottom: 7px;
    font-family: "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial , sans-serif;
    font-weight: 400;
    font-size: 14px;
    height: 24px;
    display: inline-block; }
    .nrc-code-main__lemma__text .nrc-code-main__lemma__label:hover {
      color: white;
      background-color: #1a1a1a; }
  .nrc-code-main__lemma__text h1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    color: #ccc;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 24px; }
  .nrc-code-main__lemma__text h2 {
    font-size: 48px;
    line-height: 60px;
    font-weight: 500;
    margin-bottom: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center; }
  .nrc-code-main__lemma__text ul {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: 20px; }
    .nrc-code-main__lemma__text ul li {
      list-style-type: none;
      padding-left: 12px;
      position: relative; }
      .nrc-code-main__lemma__text ul li em {
        font-style: italic; }
      .nrc-code-main__lemma__text ul li:before {
        content: '\2022';
        color: #d30910;
        position: absolute;
        top: 0;
        left: 0; }
      .nrc-code-main__lemma__text ul li ul {
        padding: 0; }
        .nrc-code-main__lemma__text ul li ul li:before {
          content: '\002D';
          color: #d30910;
          padding-right: 0.5em; }

.nrc-code-main__lemma__text_colofon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .nrc-code-main__lemma__text_colofon p {
    text-align: center; }

@media screen and (min-width: 768px) {
  .nrc-code-main__lemma__wrapper {
    -webkit-transition: unset;
    transition: unset;
    max-width: 800px;
    padding-left: 30px; } }

@media screen and (min-width: 980px) {
  .nrc-code-main__lemma__wrapper {
    padding-left: 85px; }
  .nrc-code-main__lemma__text h1 {
    margin-bottom: -48px;
    -webkit-transform: translateX(-45px);
    transform: translateX(-45px); }
  .nrc-code-main__lemma__text_colofon {
    position: relative;
    right: 125px; } }

@media screen and (min-width: 1300px) {
  .nrc-code-lemma__wrapper {
    padding-left: 0;
    margin-left: 24px; } }

.no-flexbox .nrc-code-main__lemma__wrapper_link,
.no-flexbox .nrc-code-main__lemma__link {
  border: 1px solid white;
  display: block;
  z-index: -9999; }

.nrc-code-inhoud_mobile {
  height: calc(100vh - 105px);
  position: absolute;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: calc(-24px + 100vw);
  border-top: 1px solid #eaeaea;
  -webkit-transition: left .3s ease;
  transition: left .3s ease;
  top: 43px;
  background-color: white; }

.nrc-code-inhoud_mobile_expanded {
  left: -24px;
  -webkit-transition: left .3s ease;
  transition: left .3s ease;
  overflow-x: hidden;
  overflow-y: scroll; }

.nrc-code-inhoud {
  background-color: white;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100vh;
  flex: 0 1 100vh;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.nrc-code-inhoud__list {
  background-color: white;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100vw;
  flex: 0 1 100vw; }

.nrc-code-inhoud__list__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.nrc-code-inhoud__list__item__link_download {
  background-image: url("../../assets/images/download_anthracite.svg");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  text-indent: 22px;
  background-position: 12px center; }
  .nrc-code-inhoud__list__item__link_download:hover {
    background-image: url("../../assets/images/download_white.svg"); }

.nrc-code-inhoud__list__item__link {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  color: rgba(0, 0, 0, 0.7);
  font-family: "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial , sans-serif;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 9px;
  padding-bottom: 9px;
  -webkit-transition: background-color 0.2 ease;
  transition: background-color 0.2 ease;
  -webkit-transition: color 0.2 ease;
  transition: color 0.2 ease; }
  .nrc-code-inhoud__list__item__link:hover {
    background-color: #1a1a1a;
    color: white;
    -webkit-transition: background-color 0.2 ease;
    transition: background-color 0.2 ease;
    -webkit-transition: color 0.2 ease;
    transition: color 0.2 ease; }

.nrc-code-inhoud__list__item__link_nested {
  padding-left: 43px; }

.nrc_code_inhoud__list__link__btn {
  -webkit-appearance: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 43px;
  flex: 0 0 43px;
  background-color: transparent;
  background-image: url("../../assets/images/plus_anthracite.svg");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7); }
  .nrc_code_inhoud__list__link__btn:hover {
    background-color: #1a1a1a;
    background-image: url("../../assets/images/plus_white.svg");
    color: white; }

.nrc_code_inhoud__list__link__btn_open {
  background-image: url("../../assets/images/min_anthracite.svg"); }
  .nrc_code_inhoud__list__link__btn_open:hover {
    background-image: url("../../assets/images/min_white.svg"); }

.nrc-code-inhoud__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 34px;
  margin-bottom: 34px; }

.nrc-code-inhoud__search__input {
  -webkit-appearance: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  height: 46px;
  border: 1px solid #eaeaea;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  font-family: "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial , sans-serif; }

.nrc-code-inhoud__search__submit {
  background-color: transparent;
  width: 46px;
  height: 46px;
  position: absolute;
  right: 12px;
  border: none;
  background-image: url("../../assets/images/search_icon.svg");
  background-repeat: no-repeat;
  text-indent: 9000px;
  background-position: center; }
  .nrc-code-inhoud__search__submit:hover {
    cursor: pointer; }

@media screen and (min-width: 768px) {
  .nrc-code-inhoud_mobile {
    display: none;
    -webkit-transition: unset;
    transition: unset; }
  .nrc-code-inhoud {
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px; }
  .nrc-code-inhoud_expanded {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .nrc-code-inhoud__list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 200px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease; }
  .nrc-code-inhoud__list__item {
    width: 200px; }
  .nrc-code-inhoud__list__item__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: 0;
    padding-right: 0;
    -ms-flex-preferred-size: 157px;
    flex-basis: 157px; }
    .nrc-code-inhoud__list__item__link:hover {
      background-color: white;
      color: #6a6a6a; }
  .nrc-code-inhoud__list__item__link_download {
    background-position: 6px center;
    text-indent: 30px; }
    .nrc-code-inhoud__list__item__link_download:hover {
      background-image: url("../../assets/images/download_silver.svg"); }
  .nrc-code-inhoud__list__item__link_nested {
    padding-left: 22px; }
  .nrc_code_inhoud__list__link__btn {
    height: 43px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .nrc_code_inhoud__list__link__btn:hover {
      background-color: white;
      background-image: url("../../assets/images/plus_silver.svg"); }
  .nrc_code_inhoud__list__link__btn_open:hover {
    background-image: url("../../assets/images/min_silver.svg"); }
  .nrc-code-inhoud__search {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .nrc-code-inhoud__search__input {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 200px; }
  .nrc-code-inhoud__search__submit {
    right: 0; } }

@media screen and (min-width: 980px) {
  .nrc-code-inhoud {
    width: 250px; }
  .nrc-code-inhoud__list {
    width: 250px; }
  .nrc-code-inhoud__list__item {
    width: 250px; }
  .nrc-code-inhoud__list__item__link {
    -ms-flex-preferred-size: 207px;
    flex-basis: 207px; }
  .nrc-code-inhoud__search__input {
    width: 250px; } }

.no-flexbox .nrc-code-inhoud__list__item {
  position: relative; }

.no-flexbox .nrc_code_inhoud__list__link__btn {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 0;
  right: 0; }

.no-flexbox .nrc-code-inhoud__list__item__link {
  display: block; }

@media screen and (min-width: 768px) {
  .no-flexbox .nrc_code_inhoud__list__link__btn {
    right: 15px; } }

.nrc-code-main__lemma__search {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  max-width: 100%; }

.nrc-code-main__lemma__search_page {
  padding-left: 0;
  padding-right: 0; }

.nrc-code-main__lemma__search__input {
  -webkit-appearance: none;
  border-radius: 4px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  height: 46px;
  border: 1px solid #eaeaea;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 17px;
  font-family: "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial , sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.nrc-code-main__lemma__search__submit {
  background-color: transparent;
  width: 46px;
  height: 46px;
  position: absolute;
  right: 0;
  border: none;
  background-image: url("../../assets/images/search_icon.svg");
  background-repeat: no-repeat;
  text-indent: 9000px;
  background-position: center;
  padding-left: 0;
  padding-right: 0; }
  .nrc-code-main__lemma__search__submit:hover {
    cursor: pointer; }

.nrc-code-main__lemma__search-results {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.nrc-code-main__lemma__search-results__results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.nrc-code-main__lemma__search-results__result {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.nrc-code-main__lemma__search-results__result__link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .nrc-code-main__lemma__search-results__result__link:hover .nrc-code-main__lemma__search-results__result__title,
  .nrc-code-main__lemma__search-results__result__link:hover .nrc-code-main__lemma__search-results__result__chapter {
    color: #00335f; }

.nrc-code-main__lemma__search-results__result__title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  color: #1a1a1a;
  font-family: "Guardian Egyptian Web", "Lucida Bright", Georgia, sans-serif;
  min-height: 43px; }

.nrc-code-main__lemma__search-results__result__chapter {
  font-family: "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial , sans-serif;
  color: #1a1a1a;
  color: #999;
  font-weight: 300;
  font-size: 13px;
  line-height: 23px; }

body {
  overflow-x: hidden; }

.hidden {
  display: none; }

.header__menu__item--login {
  display: none; }