h1 {
    font-size: 2.3rem;
}

  
  /* voucher in reveal */
  .voucher {
      position: relative;
      width: 600px;
      height: 300px;
      background-color: #FFF;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  
      margin: 0 auto 8% auto;
      padding-right: 70px;
    }
  
      @media(max-width: 592px) {
        .voucher {
         width: 330px;
        }
        .hidden-content h2 {
          font-size: 1.3em;
        }
      }
  
    /* mask */
    .text-mask {
      position: relative;
      width: 100%;
      height: 100%;
      border-right: 2px dotted #d3d3d3;
    }
    /* hidden element */
    .hidden-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: white;
      font-size: 2rem;
      font-weight: bold;
      z-index: 1;
      pointer-events: none;
    }
    .hidden-content h1 {
      font-weight: bold;
      color: var(--black);
      text-align: center;
    }
    .hidden-content h2 {
      font-size: 2em;
      background: #ededed;
      width: 100%;
      margin-top: 0.4em;
      padding: 0.1em 0;
      text-align: center;
      color: var(--main-color);
    }
  
    /* canvas - overlay color */
    .reveal-canvas {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      cursor: crosshair;
      filter: opacity(1);
    }
  
    .scratch  {
      position: absolute;
      z-index: 2000;
      top: 50%;
      right: -54px;
      transform: translateY(-50%);
      opacity: 1;
    }
    .scratch img {width: 60%;}
  
    @media(max-width: 592px) {
      .textelement__headline h1 {
        font-size: 2.3rem !important;
      }
      #content-subpages #teaser-image {
        height: 40vh !important;
      }
    }