@keyframes onload { 
 0%   { /* background-size: 128px;*/  font-size: 16px; } 
 50%  { /* background-size: 200px;*/  font-size: 24px; } 
 100% { /* background-size: 128px;*/  font-size: 16px; } 
} 
div#screenload { 
    display: none; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    opacity: 0;
    width: 100% !important; 
    height: 100vh; 
    z-index: 9999999; 
    background-color: seagreen; 
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' opacity='0.2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='768px' height='459px' viewBox='0 0 768 459' style='enable-background:new 0 0 768 459;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M642.6,212.7c0,0-0.5,1.1-5.6,5.4c-12,10.1-59.7,25.3-51.4-8.2c1.5-6,1.9-7.7,8.1-21.1 c6.2-13.5,14.8-29.3,21.7-43.5c7.4-15.1,14.2-30,27.1-33.7c25.2-7.4,8.4,5.2-27.8,83.4c-8.2,17.8-11.9,34.9,14.2,22 c29.8-14.8,56.2-96.3,78-120.6c9.5-10.6,12.8,27.3,5.7,36c-8.9,10.9-21.3,24.6-32.4,40.6c-68.6,98.9-311.2,327.9-343.7,158.2 C419,464.1,634.1,233.2,642.6,212.7z'/%3E%3Cpath class='st0' d='M166.5,169.9c0,38.7-21.5,63.6-55.2,63.6c-33.5,0-55-25.4-55-64.6c0-38.7,22.3-64.6,55.7-64.6 C144.9,104.4,166.5,130,166.5,169.9z M61,168.7c0,36.6,19.8,60.3,50.4,60.3c30.4,0,50-23.2,50-59.1c0-37.1-19.6-61-49.7-61 C81.3,108.9,61,132.8,61,168.7z'/%3E%3Cpath class='st0' d='M188.7,138.3c6-19.6,23.2-33.7,45.4-33.7c29.2,0,44.4,17.9,44.4,44.4v80.8h-5v-79.1c0-23.2-10.7-41.6-39-41.6 c-33.7,0-45.7,28-45.7,52.9v67.9h-5V107.5h4.8L188.7,138.3L188.7,138.3z'/%3E%3Cpath class='st0' d='M381.5,143.6c0-23.7-14.8-34.4-39.9-34.4c-22.3,0-36.1,10.5-36.1,27c0,21.5,24.2,24.9,40.6,28.7 c19.2,4.5,43.5,9.1,43.5,34c0,20.5-18.6,34.9-45.7,34.9c-31.1,0-48.1-16.5-48.1-45.7h5c0,26.8,14.8,40.6,43.3,40.6 c23.9,0,40.6-12.2,40.6-29.9c0-21.3-23.7-25.6-39.9-29.4c-18.4-4.3-44.4-8.4-44.4-32.8c0-20.1,15.8-32.1,42.3-32.1 c27.3,0,43.8,13.6,43.8,39h-5.1L381.5,143.6L381.5,143.6z'/%3E%3Cpath class='st0' d='M450.8,112h-27v88.5c0,13.2-0.5,25.1,17,25.1c2.6,0,5.5-0.3,10.1-1v4.8c-4.5,0.7-6.2,1-9.8,1 c-21.7,0-22.3-13.6-22.3-30.4v-88h-23v-4.5h23V69h5v38.5h27L450.8,112L450.8,112z'/%3E%3Cpath class='st0' d='M568.2,228.9c-2.6,0.7-4.5,1-7.6,1c-13.2,0-12.9-8.4-12.9-19.6c0-4.5,0-2.6,0.3-10.7 c-8.6,21.5-23.4,33.7-49.3,33.7c-25.8,0-40.9-12.4-40.9-34c0-28.4,24.6-35.4,48.3-37.1c22.7-1.6,31.5-1.4,36.6-4.5 c5.3-3.4,5-9.8,5-15.3c0-23.9-13.4-33.7-37.8-33.7c-24.2,0-38,12.2-40.2,36.3h-4.5c2.2-26.3,17.9-40.6,45.2-40.6 c23.4,0,41.9,9.5,41.9,34.9v73.9c0,7.4,1.2,12.6,9.1,12.6c2.4,0,3.8-0.3,6.9-1.2L568.2,228.9L568.2,228.9z M504.1,167.1 c-20.8,1.6-41.6,6.7-41.6,32.8c0,18.6,13.4,29.4,36.3,29.4c13.6,0,24.4-4.1,32.5-12c9.5-9.1,16.3-23,16.3-36.1V158 C541.7,166.3,527.6,165.1,504.1,167.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M215.6,287.1h6.1v5.9h-6.1V287.1z'/%3E%3Cpath class='st0' d='M227.8,287.1h6.1v5.9h-6.1V287.1z'/%3E%3Cpath class='st0' d='M239.9,287.1h6.1v5.9h-6.1V287.1z'/%3E%3Cpath class='st0' d='M264,261.8h5V293h-5V261.8z'/%3E%3Cpath class='st0' d='M273.3,281.7c0-6.9,4.2-11.9,11.4-11.9s11.4,5,11.4,11.9c0,7-4.2,11.9-11.4,11.9 C277.5,293.6,273.3,288.7,273.3,281.7z M291.1,281.7c0-3.9-2-8-6.4-8c-4.5,0-6.4,4.1-6.4,8c0,3.9,2,8,6.4,8 C289.2,289.7,291.1,285.6,291.1,281.7z'/%3E%3Cpath class='st0' d='M319.2,288c0,1.2,0.3,1.7,1.2,1.7c0.3,0,0.7,0,1.2-0.1v3.5c-0.7,0.3-2.3,0.6-3.1,0.6c-2,0-3.5-0.7-3.8-2.8 c-2,1.9-5.2,2.8-7.8,2.8c-4.1,0-7.7-2.2-7.7-6.6c0-5.6,4.5-6.6,8.7-7c3.6-0.7,6.8-0.3,6.8-3.2c0-2.6-2.7-3.1-4.7-3.1 c-2.8,0-4.8,1.1-5,3.6h-5c0.3-5.8,5.3-7.5,10.3-7.5c4.4,0,9,1.8,9,6.6L319.2,288L319.2,288z M314.2,281.7c-1.5,1-3.9,1-6.1,1.4 c-2.1,0.3-4.1,1.1-4.1,3.8c0,2.2,2.8,2.9,4.6,2.9c2.2,0,5.6-1.1,5.6-4.3L314.2,281.7L314.2,281.7z'/%3E%3Cpath class='st0' d='M345.9,293h-4.7V290h-0.1c-1.3,2.6-4.2,3.7-7,3.7c-7.1,0-10.6-5.3-10.6-12.1c0-8.2,4.9-11.8,9.8-11.8 c2.8,0,6,1,7.5,3.5h0.1v-11.5h5L345.9,293L345.9,293z M334.7,289.7c4.5,0,6.3-4.1,6.3-8c0-5-2.4-8-6.2-8c-4.7,0-6.3,4.2-6.3,8.2 C328.5,285.9,330.4,289.7,334.7,289.7z'/%3E%3Cpath class='st0' d='M351.4,261.8h5v4.7h-5V261.8z M351.4,270.4h5V293h-5V270.4z'/%3E%3Cpath class='st0' d='M361.8,270.4h4.7v3.3l0.1,0.1c1.5-2.5,4.1-4,7-4c4.9,0,8,2.6,8,7.7V293h-5v-14.2c-0.1-3.5-1.5-5.1-4.4-5.1 c-3.3,0-5.5,2.6-5.5,5.9V293h-5L361.8,270.4L361.8,270.4z'/%3E%3Cpath class='st0' d='M407.8,291.9c0,6.8-4,10.1-11.1,10.1c-4.5,0-9.7-1.7-10.1-7h5c0.6,2.8,2.9,3.3,5.4,3.3c4,0,5.8-2.1,5.8-5.8 v-3.5h-0.1c-1.4,2.5-4,4-6.8,4c-7.2,0-10.1-5.4-10.1-11.9c0-6.1,3.8-11.3,10.2-11.3c2.8,0,5.4,1.2,6.7,3.7h0.1v-3.1h5L407.8,291.9 L407.8,291.9z M402.8,281.2c0-3.9-1.7-7.5-6.1-7.5c-4.4,0-5.9,4.1-5.9,7.9c0,3.7,1.8,7.5,5.9,7.5 C401.2,289.1,402.8,285.1,402.8,281.2z'/%3E%3Cpath class='st0' d='M425.4,287.1h6.1v5.9h-6.1V287.1z'/%3E%3Cpath class='st0' d='M437.5,287.1h6.1v5.9h-6.1V287.1z'/%3E%3Cpath class='st0' d='M449.7,287.1h6.1v5.9h-6.1V287.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 180px; 
    background-repeat: no-repeat; 
    background-position: center 45vh;  
    background-attachment: fixed;
} 
div#screenload.display { 
    background-color: gainsboro; 
    opacity: 0.9; 
    display: block; 
} 
div#screenload.display:before { 
    
    
    animation-name: onload;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    
    display:      block;
    position:     absolute;
    top:          0px;
    left:         0px;
    content:      'LOADING'; 
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    padding: 55vh 0px 0px 0px;
    line-height: 5vh;
    font-size: 16px;
    color: rgba(0,0,0,0.5);
    text-align: center;
    font-weight: 100;
    margin:0px 0px;
    overflow: hidden;
    /* background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); */
    
} 
div#screenload.display:before, div#screenload, div#screenload.display { 
    
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out; 
    -ms-transition: all 1000ms ease-in-out; 
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
    
}