@font-face {
  src: url(https://www.nrc.nl/static/front/build/fonts/LFT_Etica_Reg.31cfc7093.woff2) format("woff2"), url(https://www.nrc.nl/static/front/build/fonts/LFT_Etica_Reg.7614de9e2.woff) format("woff");
  font-family: 'LFT Etica';
  font-weight: 400;
  font-display: swap; }

@font-face {
  src: url(https://www.nrc.nl/static/front/build/fonts/LFT_Etica_Italic.166c51694.woff2) format("woff2"), url(https://www.nrc.nl/static/front/build/fonts/LFT_Etica_Italic.d82026d20.woff) format("woff");
  font-family: 'LFT Etica';
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  src: url(https://www.nrc.nl/static/front/build/fonts/LFT_Etica_Semibold.84c5e94cc.woff2) format("woff2"), url(https://www.nrc.nl/static/front/build/fonts/LFT_Etica_Semibold.2ec140bfb.woff) format("woff");
  font-family: 'LFT Etica';
  font-weight: 500;
  font-display: swap; }

@font-face {
  src: url(https://www.nrc.nl/static/front/build/fonts/LFT_Etica_SemiboldItalic.8652e52ed.woff2) format("woff2"), url(https://www.nrc.nl/static/front/build/fonts/LFT_Etica_SemiboldItalic.1011936a1.woff) format("woff");
  font-family: 'LFT Etica';
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

body {
  overflow-x: hidden; }

#pop-up {
  position: absolute;
  z-index: 9;
  bottom: 1rem;
  right: 1rem;
  transform: translateX(110%);
  transition: transform 0.35s ease-in-out;
  width: calc(100vw - 4rem);
  height: auto;
  max-height: calc(100vh - 4rem);
  padding: 1rem; }
  #pop-up.show {
    transform: translateX(0%); }
  #pop-up .inner {
    max-height: calc(100vh - 7rem);
    overflow-y: auto; }
  @media (min-width: 800px) {
    #pop-up {
      max-width: 42rem;
      max-height: 46rem; } }
  #pop-up h3 {
    font: 400 1.5rem/140% "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    margin: 0;
    text-align: center; }
  #pop-up p {
    font: 400 1.2rem/140% "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    text-align: center;
    margin: 0; }
  #pop-up .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.2rem;
    height: 2.2rem;
    padding: 0.4rem;
    background-color: transparent;
    border-radius: 0.3rem;
    border: none; }
    #pop-up .close > svg {
      stroke: #1a1a1a;
      width: 1.4rem;
      height: 1.4rem; }
    @media (hover: hover) and (pointer: fine) {
      #pop-up .close:hover {
        background-color: whitesmoke; }
      #pop-up .close:active {
        background-color: transparent; } }
    #pop-up .close:focus {
      outline: 0; }

html {
  box-sizing: border-box;
  font-size: 10px; }
  @media (min-width: 660px) {
    html {
      font-size: 12px; } }
  @media (min-width: 1270px) {
    html {
      font-size: 14px; } }

body {
  background-color: #efefef;
  font-family: "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  color: #1a1a1a; }

#map {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%; }

#bron {
  position: absolute;
  z-index: 1;
  bottom: 1rem;
  right: auto;
  left: 1rem; }

.bron {
  font: 400 1rem/100% "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  padding: 0.2rem;
  color: #1a1a1a;
  background-color: white; }

#bron.bron {
  padding: 0.4rem; }

#menu {
  position: absolute;
  z-index: 1;
  bottom: 1rem;
  left: 1rem;
  width: 18rem;
  max-height: calc(100vh - 2rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  font: 400 1.2rem/1 "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  color: #1a1a1a;
  transition: max-height 0.3s ease; }
  #menu.collapsed {
    max-height: 12rem; }
    #menu.collapsed .button {
      height: 0;
      opacity: 0;
      padding: 0;
      border: 0;
      margin-bottom: 0; }
  #menu h3 {
    font: 400 1.4rem/140% "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    margin: 0;
    text-align: center;
    white-space: nowrap; }
  #menu p {
    text-align: center;
    font-size: 1.2rem;
    margin: 0 0 1rem 0; }
  #menu .inner {
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 3.2rem; }
  #menu .bron {
    margin-top: 1rem; }

.box {
  background-color: white;
  border-radius: 0.3rem;
  width: calc(100% - 2rem);
  padding: 1rem;
  border: 0.1rem solid #ccc;
  transition-property: height, padding;
  transition-duration: 0.3s; }

#buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.button {
  display: inline-block;
  margin: 0 0 0.3rem 0;
  height: 4rem;
  width: 18rem;
  padding: 1rem 0;
  color: #1a1a1a;
  font: 400 1.2rem/1 "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  text-align: center;
  background-color: #fff;
  border: 0.1rem solid #ccc;
  border-radius: 0.3rem;
  transition-property: background-color, color, border-color, height, opacity;
  transition-duration: 0.3s;
  opacity: 1; }
  @media (hover: hover) and (pointer: fine) {
    .button:hover {
      background-color: #d30910;
      border-color: #d30910;
      color: white; } }
  .button.on {
    background-color: #454545;
    border-color: #454545;
    color: whitesmoke; }
    @media (hover: hover) and (pointer: fine) {
      .button.on:hover {
        background-color: #d30910;
        border-color: #d30910;
        color: white; } }
  .button:focus {
    border: none;
    outline: none; }

#button-expand {
  position: absolute;
  bottom: 0;
  height: 3rem;
  width: 100%;
  background-color: white;
  color: #1a1a1a;
  border: 0.1rem solid #ccc;
  border-radius: 0.3rem; }
  #button-expand:focus {
    border: none;
    outline: none; }

#button-expand svg {
  transform: rotate(90deg); }

#menu.collapsed #button-expand svg {
  transform: rotate(270deg); }

.button--partij {
  padding: 0 0 0 0.4rem;
  margin: 0.4rem 0 0 0;
  height: 2.8rem;
  width: 7rem;
  font: 400 1.2rem/1 "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
  font-weight: normal;
  cursor: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='31.353' height='31.353' viewBox='0 0 31.353 31.353'%3e%3cg transform='translate(-932.674 282.136) rotate(-45)'%3e%3cpath d='M167.419-340.053v11.57h-5.085c-1.973,0-6.917-4.056-6.917-5.785,0-1.775,4.943-5.785,6.917-5.785Z' transform='translate(687.975 816.436)' fill='%23fca'/%3e%3cpath d='M187.139-340.053l2.617,2.984v5.6l-2.617,2.984h21.8l2.617-2.984v-5.6l-2.617-2.984Z' transform='translate(662.177 816.436)' fill='%23d30910'/%3e%3cpath d='M271.139-340.053l2.617,2.984v5.6l-2.617,2.984H275.5l2.617-2.984v-5.6l-2.617-2.984Z' transform='translate(596.493 816.436)' fill='%23999'/%3e%3cpath d='M155.412-313.51c0,1.729,4.791,5.785,6.7,5.785h21.978l2.536-2.984-21.976,0Z' transform='translate(687.979 795.681)' opacity='0.25'/%3e%3cpath d='M162.115-340.041c-1.912,0-6.7,4.01-6.7,5.785l9.24-2.8,21.976,0-2.536-2.984Z' transform='translate(687.979 816.427)' fill='%23fff' opacity='0.25'/%3e%3cpath d='M157.242-326.187c-1.055,1.013-1.826,2.058-1.826,2.76,0,.683.771,1.731,1.826,2.746C158.692-321.44,158.821-325.466,157.242-326.187Z' transform='translate(687.976 805.594)' fill='%23d30910'/%3e%3cpath d='M160.711-341.813a5.2,5.2,0,0,0-2.511.988,16.184,16.184,0,0,0-2.69,2.146c-.024.024-.042.037-.046.041-.064.064-.117.127-.172.184-.115.119-.238.235-.357.368a1.09,1.09,0,0,0-.073.1c-.017.019-.05.046-.086.089s-.072.1-.1.129c-.13.159-.258.318-.37.477-.014.019-.023.04-.033.055-.043.062-.084.12-.126.184s-.1.157-.152.245c-.03.053-.055.1-.079.15-.046.09-.082.173-.112.245a.584.584,0,0,0-.033.068c-.007.018,0,.012,0,.027-.019.05-.043.106-.066.184l-.02.068c-.011.044-.023.09-.033.143,0,.019,0,.038-.007.055,0-.03,0-.013-.007.048a1.081,1.081,0,0,0-.02.184.966.966,0,0,0,.02.177c.007.059.011.076.007.048.006.038.008.048.007.041a1.648,1.648,0,0,0,.033.164c.023.085.036.1.02.041.02.07.042.135.066.2,0,0,0,0,0,.007s0,0,0,.014c.027.069.044.086.033.061.036.085.077.18.126.273.012.024.032.063.066.123.049.085.1.167.152.245s.082.129.126.191l.033.048c.1.144.212.285.324.422.082.1.171.207.264.313.141.161.291.329.456.5.046.047.1.1.159.164h.007a.379.379,0,0,0,.053.048,16.379,16.379,0,0,0,2.63,2.105,5.156,5.156,0,0,0,2.511.988H182.7a.37.37,0,0,0,.284-.129l2.538-2.984a.393.393,0,0,0,.093-.252v-5.6a.394.394,0,0,0-.093-.259l-2.538-2.984a.37.37,0,0,0-.284-.129H160.711Zm0,.77h21.822l2.333,2.746v5.308l-2.333,2.746H160.711a5.073,5.073,0,0,1-2.121-.879,15.759,15.759,0,0,1-2.558-2.051h-.007c-.007-.007-.013-.02-.02-.027l-.013-.007c-.036-.037-.069-.078-.112-.123-.149-.153-.291-.305-.43-.463-.083-.1-.165-.2-.245-.293q-.164-.2-.291-.382c-.008-.011-.02-.022-.033-.041-.039-.057-.078-.117-.112-.17-.049-.076-.09-.141-.126-.2-.01-.018-.025-.05-.053-.1-.037-.07-.07-.142-.1-.211s-.034-.061-.026-.041c0,0,0-.01,0-.007s0,0,0-.014c-.021-.053-.035-.1-.046-.136-.023-.079-.023-.089-.007-.027,0-.018-.011-.049-.02-.1-.005-.03-.009-.036-.007-.02-.008-.05-.011-.065-.007-.027a.623.623,0,0,1-.007-.075.757.757,0,0,1,.007-.089c0,.038,0,.025.007-.027,0-.01.005-.019.007-.027s.011-.054.02-.089.009-.049.007-.041c.008-.026.029-.068.053-.129.009-.022,0-.016,0-.034a.246.246,0,0,0,.02-.034c.029-.069.056-.133.086-.191s.044-.084.066-.123c.035-.061.075-.126.126-.2.034-.052.072-.106.112-.164l.033-.048c.1-.139.209-.288.33-.436.039-.048.074-.086.1-.116l.073-.082s0,0,0-.007c.041-.047.065-.073.073-.082.1-.111.209-.222.33-.348.058-.061.112-.124.165-.177a.375.375,0,0,1,.04-.034,15.565,15.565,0,0,1,2.564-2.044A5.114,5.114,0,0,1,160.711-341.043Z' transform='translate(689.381 817.813)'/%3e%3c/g%3e%3c/svg%3e") 16 16, pointer;
  text-align: center;
  background-color: whitesmoke;
  border: 0.1rem solid silver;
  border-radius: 0.3rem;
  transition-property: background-color, color, border-color;
  transition-duration: 0.2s;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left; }
  .button--partij.on {
    background-color: #454545;
    border-color: #454545;
    color: white; }
  @media (hover: hover) and (pointer: fine) {
    .button--partij:hover {
      background-color: #d30910;
      border-color: #d30910;
      color: white; } }
  .button--partij:focus {
    border-color: silver;
    outline: none; }
  .button--partij span {
    flex-shrink: 0;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    margin-right: 0.4rem;
    background-color: silver;
    border: 0.3rem solid whitesmoke; }

.vvd span {
  background-color: #1965b0; }

.pvv span {
  background-color: #1498ff; }

.d66 span {
  background-color: #ABD6A4; }

.cda span {
  background-color: #4eb265; }

.pvda span {
  background-color: #dc050c; }

.sp span {
  background-color: #85210f; }

.gl span {
  background-color: #ae76a3; }

.pvdd span {
  background-color: #ee9ce5; }

.denk span {
  background-color: #cde3d5; }

.fvd span {
  background-color: #5289c7; }

.cu span {
  background-color: #f1932d; }

.sgp span {
  background-color: #e8601c; }

.plus span {
  background-color: #d1bbd7; }

.bbb span {
  background-color: #bdd84a; }

.bij1 span {
  background-color: #f7f056; }

.volt span {
  background-color: #4A3669; }

.ja21 span {
  background-color: #882e72; }

.lokaal span,
.bvnl span {
  background-color: #fbed93; }

a.mapboxgl-ctrl-logo {
  display: none; }