div#layerWrapper {
      display: flex;
      justify-content: center;
      visibility: hidden;
      position: fixed;
      z-index: 999999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-color: rgb(0, 0, 0); /* Fallback Hintergrundfarbe */
      background: rgba(0, 0, 0, 0.6); /* Schwarzer, teil-transparenter Hintergrund */ /* df, background / rgba statt background-color und rgb */
    }
    div#skoposSurvey {
      position: relative;
      top: 10%;
      max-width: 750px;
      /*max-height: 900px;*/
      max-height: 80%; /* df */
      padding: 15px 25px;
      color: #000000;
      font-family: "Weissenhof_Grotesk", Arial, Helvetica, sans-serif;
      font-size: 14pt;
      box-shadow: 7px 7px 25px #000000;
      background-color: #FFFFFF;
      overflow: auto;
    }
    div#skoposSurvey h1, div#skoposSurvey p, div#skoposSurvey a {
      font-family: "Weissenhof_Grotesk", Arial, Helvetica, sans-serif;
    }
    div#skoposSurvey a {
      text-decoration: none;
    }
    h1.skoposHeader {
      font-size: 30px;
      color: #000000;
      text-align: center;
      font-weight: 400;
    }
    a.skoposLink {
      color: #8392A2;
      text-decoration: none;
    }
    a.skoposLink:hover {
      text-decoration: underline;
    }
    a.myBtn {
      color: #494949;
      text-decoration: none;
      background-color: #FFFFFF;
      display: inline-block;
      padding: 1.25rem;
      margin: 5px 1px 0 1px;
      font-size: 1.25rem;
      line-height: 2.5rem;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      text-transform: uppercase;
      border: none;
      outline: 1px solid #494949;
      user-select: none;
      -webkit-user-select: none;
    }
    .gsb a.myBtn:hover {
      color: #FFFFFF;
      background-color: #004176;
      outline: 1px solid #004176;
    }
    a.myBtn:active {
      color: #FFFFFF;
      background-color: #004176;
      outline: 1px solid #FFFFFF;
    }