.quote{
    display:none;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
}

.quote p{
    user-select: none;-moz-user-select: none; -webkit-user-select: none;-ms-user-select: none;
}

.nothing-text{
    color: black;
    font-size: 2.5rem;
    text-shadow: 0 0 7px #FFF;
    animation: blink1 2s infinite;
    /*animation: blink 2s infinite;*/
    animation-delay: 6s;
}


/* unvisited link */
.nothing-text a:link {
    color:black;
}
/* visited link */
.nothing-text a:visited {
    color:black;
}

/* mouse over link */
.nothing-text a:hover {
    color: black;
    opacity: 0;
}
/* selected link */
.nothing-text a:active {
    color: black;
    opacity: 0;
}

/* ANIMATIONS */
/*siehe https://www.w3schools.com/howto/howto_css_glowing_text.asp*/
/*look for flickering light lamp effects css animation*/
@keyframes blink { 
    0%{ opacity: 0; } 
    13%{ opacity: 1; }
    27%{ opacity: 0; }
    37%{ opacity: 0.9; }
    43%{ opacity: 0.2; }
    51%{ opacity: 0; }
    69%{ opacity: 0.8; }
    78%{ opacity: 1; }
    81%{ opacity: 1; }
    87%{ opacity: 0.3; }
    95%{ opacity: 0.1; }
    100%{ opacity:1; } }

@keyframes blink1 { 
    0%{ opacity: 0; } 
    1%{ opacity: 1; }
    12%{ opacity: 1; }
    13%{ opacity: 0; }
    27%{ opacity: 0; }
    29%{ opacity: 0.9; }
    37%{ opacity: 0.9; }
    28%{ opacity: 0.2; }
    43%{ opacity: 0.2; }
    51%{ opacity: 0; }
    52%{ opacity: 0.8; }
    69%{ opacity: 0.8; }
    70%{ opacity: 0;}
    78%{ opacity: 0; }
    81%{ opacity: 1; }
    87%{ opacity: 0.3; }
    95%{ opacity: 0.1; }
    100%{ opacity:1; } }