@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+2&family=Pacifico&display=swap');

body {
    background-color: #1C1D21;
    font-family: 'Baloo 2', cursive;
    color: #fff;
    text-align: justify;
    font-size: 16px;
}

.datenschutz {
    margin: 10% auto 12px;
    padding: 20px;
    max-width: 150rem;
    background: transparent;
    border-radius: 5px;
    }

    .datenschutz-company {
        margin-bottom: 30px
    }

    .datenschutz-company h1 {
        user-select: none;
        color: #5271ff;;
        font-family: 'Pacifico', cursive;
        font-size: 35px;
    }

    .datenschutz-company h2 {
        color: #2545d4;
        font-family: 'Pacifico', cursive;
        font-size: 100px;
        user-select: none;
        text-align: center;
        padding-bottom: 90px;
    }

    a {
        color: #7e7b7b;
    }

    a:hover {
        color: #5e7bff;
    }

    br {
        user-select: none;
    }

    .datenschutz-company span {
        margin-top: 1px;
        font-size: 30px
    }

    body::-webkit-scrollbar {
        width: 10px;
      }
      body::-webkit-scrollbar-track {
        background: #1c1d21;
        border-radius: 1px;
      }
      body::-webkit-scrollbar-thumb {
        background: #ffffff;
        border-radius: 10px;
      }
      body::-webkit-scrollbar-thumb:hover {
        background: rgb(156, 156, 156);
      }

      @import url("https://fonts.googleapis.com/css?family=Sacramento&display=swap");

  
      h2 {
        font-size: calc(20px + 18vh);
        line-height: calc(20px + 20vh);
        font-family: "Sacramento", cursive;
        text-align: center;
        animation: blink 12s infinite;
        -webkit-animation: blink 12s infinite;
      }

      
      @-webkit-keyframes blink {
        20%,
        24%,
        55% {
          color: #111;
          text-shadow: none;
        }
      
        0%,
        19%,
        21%,
        23%,
        25%,
        54%,
        56%,
        100% {
      /*     color: #fccaff;
          text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
            0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
        text-shadow: 0 0 5px #5271ff, 0 0 15px #2545d4, 0 0 20px #5271ff, 0 0 40px #2545d4, 0 0 60px #5271ff, 0 0 10px #2545d4, 0 0 98px #5271ff;
          color: #5271ff;
        }
      }
      
      @keyframes blink {
        20%,
        24%,
        55% {
          color: #2545d4;
          text-shadow: none;
        }
      
        0%,
        19%,
        21%,
        23%,
        25%,
        54%,
        56%,
        100% {
      /*     color: #fccaff;
          text-shadow: 0 0 5px #f562ff, 0 0 15px #f562ff, 0 0 25px #f562ff,
            0 0 20px #f562ff, 0 0 30px #890092, 0 0 80px #890092, 0 0 80px #890092; */
            text-shadow: 0 0 5px #5271ff, 0 0 15px #2545d4, 0 0 20px #5271ff, 0 0 40px #2545d4, 0 0 60px #5271ff, 0 0 10px #2545d4, 0 0 98px #5271ff;
            color: #5271ff;
        }
        
      }


      @media screen and (max-width: 600px) {
        .datenschutz-company h2 {
          font-size: 48px;
          line-height: calc(20px + 10vh);
        }
      }