/* compiled by scssphp v0.1.1 on Fri, 23 Jun 2023 12:52:27 +0000 (0.0145s) */

.magazineBrowser .rsContent .article .content-inner summary {
  display: block;
  border: 2px dotted ;
  padding: 1.8em;
  background: url('https://h2o-watermatters.com/202306/images/assets/bg-circles.png') no-repeat 40px 56px;
  background-size: 260px auto;
  margin-bottom: 1em; }

.article-1 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_cover_2048_3.jpg') no-repeat center center;
  background-size: cover; }
  .article-1 h2 {
    text-align: right;
    color: #fff;
    padding: 1rem 0; }
  .article-1 .panel {
    margin-top: 340px; }
  .article-1 .logo {
    margin-top: 2rem;
    width: 200% !important;
    max-width: 200% !important;
    height: auto;
    position: relative;
    left: -0.45rem; }
  .article-1 .footer-nav {
    margin-top: 1.5rem; }
    .article-1 .footer-nav.footer-nav-right {
      text-align: right; }
    .article-1 .footer-nav a {
      color: #fff; }

.article-01 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_1_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-01 .panel {
    margin-top: 340px; }

.article-02 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_2_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-02 .panel {
    margin-top: 340px; }

.article-03 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_3_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-03 .panel {
    margin-top: 340px; }

.article-04 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_4_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-04 .panel {
    margin-top: 340px; }

.article-05 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_5_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-05 .panel {
    margin-top: 340px; }

.article-06 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_6_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-06 .panel {
    margin-top: 340px; }

.article-07 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_7_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-07 .panel {
    margin-top: 340px; }

.article-08 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_8_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-08 .panel {
    margin-top: 340px; }

.article-09 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_9_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-09 .panel {
    margin-top: 340px; }

.article-10 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_10_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-10 .panel {
    margin-top: 340px; }

.article-11 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_11_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-11 .panel {
    margin-top: 340px; }

.article-12 {
  background: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_12_2048.jpg') no-repeat top center;
  background-position: 0 0px;
  background-size: cover; }
  .article-12 .panel {
    margin-top: 340px; }

.article-90 {
  background-image: url('https://h2o-watermatters.com/202306/images/Hoofdvisual_cover2_2048.jpg');
  background-repeat: no-repeat;
  background-position: center -10vh;
  background-attachment: fixed;
  background-size: 100vw auto; }
  .article-90 .panel {
    margin-top: 0px; }
  .article-90 h3 {
    color:  !important;
    margin-bottom: 0.9em; }
  .article-90 strong.alternative {
    color: #d30000;
    margin-bottom: 0.9em;
    display: block; }
  .article-90 .content {
    margin-top: 340px; }
  .article-90 .image-holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .article-90 .image-holder img {
      margin-top: 14px;
      width: 90%; }
  .article-90 .circles {
    width: 370px;
    height: auto;
    position: absolute;
    left: 50px;
    top: 50px; }

.reveal-modal h6 {
  color: red !important; }