.article__content {
  margin: 0 auto; }
  .article__content .hidden_tekst + .jaaroverzicht {
    border-top: 1px solid #aaa; }
  .article__content .onzichtbaar {
    display: none; }
  .article__content .klikverder {
    margin: 3px 3px 3px 45%;
    padding: 6px;
    border-top: 1px dotted black; }
    .article__content .klikverder a {
      text-decoration: none;
      color: black; }
  .article__content .jaaroverzicht {
    position: relative; }
    .article__content .jaaroverzicht .genre {
      position: relative;
      margin: 0 0 24px; }
      @media (min-width: 660px) {
        .article__content .jaaroverzicht .genre {
          column-count: 2;
          column-gap: 3px; } }
      .article__content .jaaroverzicht .genre h2 {
        margin: 12px 0;
        font-size: 48px;
        font-weight: 800; }
        @media (min-width: 660px) {
          .article__content .jaaroverzicht .genre h2 {
            column-span: all;
            margin: 24px 12px;
            font-size: 48px; } }
      .article__content .jaaroverzicht .genre .lijstje {
        position: relative;
        display: block;
        break-inside: avoid-column;
        margin: 0 0 15px;
        background-color: #eee;
        border-radius: 6px; }
        @media (min-width: 660px) {
          .article__content .jaaroverzicht .genre .lijstje {
            margin: 0 6px 15px; } }
        .article__content .jaaroverzicht .genre .lijstje header {
          position: relative;
          width: 100%;
          height: 320px;
          overflow: hidden;
          border-radius: 6px 6px 0 0; }
        .article__content .jaaroverzicht .genre .lijstje figure {
          position: relative;
          width: 100%;
          height: 100%;
          background-color: #aaa;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center center;
          overflow: hidden;
          border-radius: 6px 6px 0 0;
          transition: all 0.5s ease; }
          .article__content .jaaroverzicht .genre .lijstje figure:hover {
            border-radius: 6px 6px 0 0;
            transform: scale(1.1); }
        .article__content .jaaroverzicht .genre .lijstje h3 {
          position: absolute;
          z-index: 333;
          width: calc(100% - 27px);
          bottom: 0;
          left: 0;
          margin: 0;
          padding: 12px 12px 12px 15px;
          color: #fff;
          font-size: 27px;
          font-weight: 600;
          background-color: rgba(0, 0, 0, 0.2);
          text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.75), 3px 3px 6px rgba(0, 0, 0, 0.75); }
          @media (min-width: 500px) {
            .article__content .jaaroverzicht .genre .lijstje h3 {
              font-size: 24px; } }
          @media (min-width: 660px) {
            .article__content .jaaroverzicht .genre .lijstje h3 {
              font-size: 30px; } }
        .article__content .jaaroverzicht .genre .lijstje ol {
          counter-reset: voetnoten;
          list-style-type: none;
          margin: 0;
          padding: 9px 18px 6px 12px; }
          .article__content .jaaroverzicht .genre .lijstje ol li {
            position: relative;
            margin: 12px 0;
            padding: 0 0 0 32px;
            -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
            -o-column-break-inside: avoid;
            -ms-column-break-inside: avoid;
            column-break-inside: avoid;
            page-break-inside: avoid;
            /* Firefox */
            break-inside: avoid;
            /* IE 10+ */
            -webkit-column-fill: auto;
            /* Chrome, Safari, Opera */
            -moz-column-fill: auto;
            /* Firefox */
            column-fill: auto;
            overflow: auto;
            display: table; }
            .article__content .jaaroverzicht .genre .lijstje ol li:before {
              counter-increment: voetnoten;
              content: counter(voetnoten);
              position: absolute;
              top: -2px;
              left: -2px;
              display: inline-block;
              width: 24px;
              height: 24px;
              color: #fff;
              font-family: "LFT Etica", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
              font-size: 15px;
              line-height: 24px;
              text-align: center;
              background-color: #222;
              border-radius: 50%;
              transform: scale(1); }
            .article__content .jaaroverzicht .genre .lijstje ol li:first-child:before {
              top: -1px; }
            .article__content .jaaroverzicht .genre .lijstje ol li:first-child h4 {
              font-size: 21px; }
            .article__content .jaaroverzicht .genre .lijstje ol li h4 {
              margin: 0 0 4px;
              font-size: 16px;
              font-weight: 600; }
            .article__content .jaaroverzicht .genre .lijstje ol li p {
              margin-bottom: 6px;
              font-size: 16px;
              line-height: 24px; }
              .article__content .jaaroverzicht .genre .lijstje ol li p.meta {
                font-family: 'LFT Etica', arial;
                font-size: 15px; }
            .article__content .jaaroverzicht .genre .lijstje ol li .lees-meer {
              margin: 0 0 18px;
              padding: 6px 9px;
              font-family: 'LFT Etica', arial;
              font-size: 15px;
              line-height: 21px;
              background-color: rgba(0, 0, 0, 0.07);
              border-radius: 3px; }
              .article__content .jaaroverzicht .genre .lijstje ol li .lees-meer:hover {
                background-color: rgba(0, 0, 0, 0.1); }
              .article__content .jaaroverzicht .genre .lijstje ol li .lees-meer p {
                margin: 0; }
              .article__content .jaaroverzicht .genre .lijstje ol li .lees-meer a {
                font-weight: 500; }
  .article__content .auteur {
    font-family: 'LFT Etica', arial;
    font-size: 16px; }
    .article__content .auteur span {
      font-weight: 500; }