body {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 100;
    background-image: radial-gradient(ellipse farthest-corner at 40px 40px, #1b3450 0%, #000000 100%);
    color: rgba(255, 255, 255, .5);
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
}

#canvas {
    width: 100%;
    height: 100%;
    position: fixed;
}

.FadeInalcor img {
    width: 90%;
}

.FadeIntemperatur img {
    width: 55%;
}

.FadeInVitrikationwhite img {
    width: 40%
}

.FadeInVitrikationred img {
    width: 40%
}

.FadeInVitrikationblue img {
    width: 40%
}

.FadeInorange img {
    width: 90%
}

.FadeInblue img {
    width: 90%
}

.FadeInsnow img {
    width: 90%
}

.FadeInkreislauf img {
    width: 50%
}

.FadeInkreislauf2 img {
    width: 50%
}

.FadeInbrain img {
    width: 85%
}

.FadeInbrainglow img {
    width: 85%
}

.FadeInOrgane2blue img {
    width: 80%
}

.FadeInOrgane2white img {
    width: 80%
}

.FadeInprothese img {
    width: 95%
}

.FadeInbio img {
    width: 90%
}

.FadeInflask img#flask {
    width: 120%;
}

.FadeInhead img {
    width: 43%
}

.FadeInblue2 img {
    width: 40%
}

.FadeInworld img {
    width: 160%
}

.FadeIngermany img {
    width: 40%
}

.brain img {
    width: 70%
}

.FadeIndot4 img {
    width: 30%
}

.FadeInkim img {
    width: 90%
}

.rabbit img {
    width: 85%
}

.worldmap1 showing img {
    width: 160%
}

.worldmap2 showing img {
    width: 160%
}

.worldmap3 showing img {
    width: 160%
}

.worldmap4 showing img {
    width: 160%
}


.FadeInWas {
    position: fixed;
    width: 600px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0 0.25em 0 0.25em;
    text-align: left;
    margin-top: 10%;
    margin-left: 10%;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 15px rgba(66, 144, 191, 0.7);
}

.FadeInKryonik {
    position: fixed;
    width: 400px;
    height: 200px;
    font-size: 5em;
    font-weight: 600;
    padding: 0 0.25em 0 0.25em;
    text-align: left;
    margin-top: 30%;
    margin-left: 10%;
    color: rgba(66, 144, 191, 0.7);
    letter-spacing: 0.1em;
    text-shadow: 0 0 20px rgba(66, 144, 191, 0.7);
}

.FadeInWasist {
    position: fixed;
    width: 800px;
    height: 200px;
    font-size: 3em;
    font-weight: 500;
    padding: 0 0.25em 0 0.25em;
    text-align: left;
    margin-top: 10%;
    margin-left: 10%;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText1 {
    position: fixed;
    max-width: 400px;
    max-height: 500px;
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1.2em;
    padding: 0.5em;
    text-align: left;
    top: 35%;
    left: 40%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText2 {
    position: fixed;
    max-width: 400px;
    max-height: 500px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 65%;
    left: 20%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInorange {
    position: fixed;
    margin-top: 5%;
    margin-left: 55%;
}

.FadeInblue {
    position: fixed;
    margin-top: 5%;
    margin-left: 55%;
}

.FadeInsnow {
    position: fixed;
    margin-top: 5%;
    margin-left: 55%;
}

.FadeInWiefunktioniert {
    position: fixed;
    width: 800px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    text-align: left;
    margin-top: 5%;
    margin-left: 10%;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeIn1 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 140px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -0.7em;
    left: -0.4em;
    color: rgba(66, 144, 191, 0.1);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
}

.U1 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.4em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText3 {
    position: fixed;
    box-sizing: border-box;
    max-width: 400px;
    max-height: 500px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 36%;
    left: 10%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText4 {
    position: fixed;
    box-sizing: border-box;
    max-width: 400px;
    max-height: 500px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 65%;
    left: 20%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInkreislauf {
    position: fixed;
    margin-top: 4%;
    margin-left: 6%;
}

.FadeInkreislauf2 {
    position: fixed;
    margin-top: 4%;
    margin-left: 6%;
}

.FadeIn2 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 140px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -0.7em;
    left: -0.6em;
    color: rgba(66, 144, 191, 0.1);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
}

.U2 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.4em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText5 {
    position: fixed;
    box-sizing: border-box;
    max-width: 400px;
    max-height: 500px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 20%;
    left: 50%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText6 {
    position: fixed;
    max-width: 400px;
    max-height: 500px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 50%;
    left: 55%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeIn3 {
    position: absolute;
    width: 100px;
    height: 200px;
    font-size: 140px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -0.7em;
    left: -0.6em;
    color: rgba(66, 144, 191, 0.1);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
}

.U3 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.4em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText7 {
    position: fixed;
    max-width: 600px;
    max-height: 300px;
    padding: 0.5em;
    font-size: 1.2em;
    font-weight: 200;
    text-align: left;
    top: 15%;
    left: 20%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

a.info:hover {
    z-index: 25;
    background-color: transparent
}

a.info span {
    display: none
}

a.info:hover span {
    display: block;
    position: absolute;
    top: 2em;
    left: 3em;
    width: 20em;
    background-color: rgba(66, 144, 191, 0.7);
    border-radius: 5px;
    color: #ffffff;
    font-weight: 200;
    font-size: 20px;
    text-align: left;
    padding: 0.5em;
}

a.info {
    position: relative;
    font-size: 1em;
    z-index: 24;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 0 0 50px rgba(66, 144, 191, 0.7);
    font-weight: 400;
    text-decoration: underline;
    cursor: default;
}

.FadeInVitrikationred {
    position: fixed;
    top: -57%;
    left: 7%;
    transform: rotate(270deg)
}

.FadeInVitrikationwhite {
    position: fixed;
    top: -57%;
    left: 7%;
    transform: rotate(270deg)
}

.FadeInVitrikationwhite2 {
    position: fixed;
    top: -40%;
    left: 10%;
    transform: rotate(270deg)
}

.FadeInVitrikationblue {
    position: fixed;
    top: -57%;
    left: 7%;
    transform: rotate(270deg)
}

.FadeInText8 {
    position: fixed;
    max-width: 350px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 20%;
    left: 50%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeIn4 {
    position: absolute;
    width: 100px;
    height: 200px;
    font-size: 140px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -0.65em;
    left: -0.65em;
    color: rgba(66, 144, 191, 0.1);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
}

.U4 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.4em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText9 {
    position: fixed;
    max-width: 350px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 50%;
    left: 60%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.Bildunterschrift3 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: 85%;
    left: 10%;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.cold {
    background-color: transparent;
    width: 400px;
    height: 150px;
    position: fixed;
    margin-top: 40%;
    margin-left: 28%;
    text-align: center;
    font-size: 200px;
    font-weight: 300;
    letter-spacing: -10px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}

.cold {
    animation: cold 6s linear infinite;
    -moz-animation: cold 6s linear infinite;
    -webkit-animation: cold 6s linear infinite;
    -o-animation: cold 6s linear infinite;
}

@keyframes cold {
    0%,
    100% {
        color: rgba(255, 255, 255, 0.7);
    }
    50% {
        color: rgba(66, 144, 191, 0.1);
        text-shadow: 0 0 50px rgba(66, 144, 191, 0.7);
    }
}

.FadeIn5 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 140px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -0.65em;
    left: -0.6em;
    color: rgba(66, 144, 191, 0.1);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
}

.U5 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.4em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.Bildunterschrift {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: 80%;
    left: 65%;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText10 {
    position: fixed;
    max-width: 480px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 15%;
    left: 50%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText11 {
    position: fixed;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 20%;
    left: 10%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText12 {
    position: fixed;
    box-sizing: border-box;
    max-width: 350px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: right;
    top: 70%;
    left: 65%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText13 {
    position: fixed;
    box-sizing: border-box;
    max-width: 600px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 20%;
    left: 10%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText14 {
    position: fixed;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: right;
    top: 70%;
    left: 45%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.U6 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.2em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.U7 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.4em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.U8 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.2em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.Bildunterschrift2 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: 75%;
    left: 18%;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText15 {
    position: fixed;
    max-width: 600px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 25%;
    left: 10%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText16 {
    position: fixed;
    max-width: 400px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: right;
    top: 83%;
    left: 50%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeIntemperatur {
    position: fixed;
    margin-top: 10%;
    margin-left: 0%;
}

.FadeInalcor {
    position: fixed;
    margin-top: 5%;
    margin-left: 0%;
}

.FadeInbrain {
    position: fixed;
    margin-top: 20%;
    margin-left: 7%;
}

.FadeInbrainglow {
    position: fixed;
    margin-top: 20%;
    margin-left: 7%;
}

.FadeInOrgane2blue {
    position: fixed;
    margin-top: 4%;
    margin-left: 65%;
}

.FadeInOrgane2white {
    position: fixed;
    margin-top: 4%;
    margin-left: 65%;
}

.FadeInprothese {
    position: fixed;
    margin-top: -3%;
    margin-left: 10%;
}

.FadeInsnow2 {
    width: 15%;
    position: fixed;
    top: 110%;
    left: 10%;
    opacity: 0.2;
}

.FadeInsnow3 {
    width: 5%;
    position: fixed;
    top: 90%;
    left: 80%;
    opacity: 0.5;
}

.FadeInsnow4 {
    width: 7%;
    position: fixed;
    top: 20%;
    left: 70%;
    opacity: 0.4;
}

.FadeInsnow5 {
    width: 12%;
    position: fixed;
    top: 10%;
    left: 85%;
    opacity: 0.2;
}

.FadeInsnow6 {
    width: 10%;
    position: fixed;
    top: 90%;
    left: 60%;
    opacity: 0.4;
}

.FadeInsnow7 {
    width: 5%;
    position: fixed;
    top: 120%;
    left: 40%;
    opacity: 0.5;
}

.FadeInsnow8 {
    width: 5%;
    position: fixed;
    top: 20%;
    left: 20%;
    opacity: 0.5;
}

.FadeInbio {
    position: fixed;
    top: 35%;
    left: 60%;
}

.FadeInbio {
    -webkit-animation: rotation 30s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.bubbles {
    width: 40%;
    position: absolute;
    top: 20%;
    left: 47%;
    display: inline-block;
}

.bubble {
    -webkit-animation: short-bubble 1500ms linear infinite;
    animation: short-bubble 1500ms linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    height: 20%;
    width: 18%;
}

.b2 {
    -webkit-animation: medium-bubble 5000ms linear infinite;
    animation: medium-bubble 5000ms linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin-left: -7px;
    margin-top: 25px;
    height: 15px;
    width: 14px;
}

.b3 {
    -webkit-animation-duration: 3500ms;
    animation-duration: 3500ms;
    margin-left: -5px;
    margin-bottom: 10px;
}

.b4 {
    -webkit-animation-duration: 2000ms;
    animation-duration: 2000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin: 0 0 40px -9px;
    height: 7px;
    width: 6px;
}

.b5 {
    -webkit-animation: medium-bubble 3000ms linear infinite;
    animation: medium-bubble 3000ms linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin-left: -1px;
    margin-top: 100px;
    height: 5px;
    width: 4px;
}

.b6 {
    -webkit-animation-duration: 3000ms;
    animation-duration: 3000ms;
    margin-left: -8px;
    margin-bottom: 50px;
}

.b7 {
    -webkit-animation-duration: 6000ms;
    animation-duration: 6000ms;
    margin-left: -3px;
    margin-bottom: 50px;
    height: 7px;
    width: 6px;
}

.b8 {
    -webkit-animation: medium-bubble 2000ms linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation: medium-bubble 2000ms linear infinite;
    animation-fill-mode: forwards;
    margin-left: -13px;
    margin-bottom: 30px;
}

@-webkit-keyframes short-bubble {
    0% {
        -webkit-transform: translate3d(5px, 0, 0);
        opacity: 0;
    }
    13% {
        -webkit-transform: translate3d(2px, -20px, 0);
        opacity: 1;
    }
    20% {
        -webkit-transform: translate3d(5px, -40px, 0) scale(1.2);
    }
    30% {
        -webkit-transform: translate3d(0, -60px, 0);
    }
    40% {
        -webkit-transform: translate3d(8px, -80px, 0);
    }
    50% {
        -webkit-transform: translate3d(3px, -100px, 0);
    }
    60% {
        -webkit-transform: translate3d(8px, -120px, 0);
    }
    70% {
        opacity: 0.4;
    }
    80%,
    100% {
        -webkit-transform: translate3d(0, -200px, 0);
        opacity: 0;
    }
}

@keyframes short-bubble {
    0% {
        transform: translate3d(5px, 0, 0);
        opacity: 0;
    }
    13% {
        transform: translate3d(2px, -20px, 0);
        opacity: 1;
    }
    20% {
        transform: translate3d(5px, -40px, 0) scale(1.2);
    }
    30% {
        transform: translate3d(0px, -60px, 0);
    }
    40% {
        transform: translate3d(8px, -80px, 0);
    }
    50% {
        transform: translate3d(3px, -100px, 0);
    }
    60% {
        transform: translate3d(8px, -120px, 0);
    }
    70% {
        opacity: 0.4;
    }
    80%,
    100% {
        transform: translate3d(0, -200px, 0);
        opacity: 0;
    }
}

@-webkit-keyframes medium-bubble {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    5% {
        -webkit-transform: translate3d(4px, -20px, 0);
        opacity: 1;
    }
    10% {
        -webkit-transform: translate3d(2px, -40px, 0) rotate(10deg);
    }
    20% {
        -webkit-transform: translate3d(7px, -80px, 0) rotate(14deg) scale(0.7);
    }
    30% {
        -webkit-transform: translate3d(5px, -120px, 0) rotate(15deg);
    }
    40% {
        -webkit-transform: translate3d(1px, -160px, 0) rotate(20deg);
    }
    50% {
        -webkit-transform: translate3d(2px, -200px, 0) rotate(18deg) scale(1.1);
    }
    60% {
        -webkit-transform: translate3d(-3px, -240px, 0) rotate(22deg);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: translate3d(0, -400px, 0);
        opacity: 0;
    }
}

@keyframes medium-bubble {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 0;
    }
    5% {
        transform: translate3d(4px, -20px, 0);
        opacity: 1;
    }
    10% {
        transform: translate3d(2px, -40px, 0) rotate(10deg);
    }
    20% {
        transform: translate3d(7px, -80px, 0) rotate(14deg) scale(0.7);
    }
    30% {
        transform: translate3d(5px, -120px, 0) rotate(15deg);
    }
    40% {
        transform: translate3d(1px, -160px, 0) rotate(20deg);
    }
    50% {
        transform: translate3d(2px, -200px, 0) rotate(18deg) scale(1.1);
    }
    60% {
        transform: translate3d(-3px, -240px, 0) rotate(22deg);
        opacity: 0.4;
    }
    100% {
        transform: translate3d(0, -400px, 0);
        opacity: 0;
    }
}

.FadeInflask {
    position: fixed;
    top: 25%;
    left: 2%;
    width: 30%;
}

.FadeInText17 {
    position: fixed;
    box-sizing: border-box;
    max-width: 450px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: right;
    top: 15%;
    left: 48%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.U9 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 5.8em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText18 {
    position: fixed;
    box-sizing: border-box;
    max-width: 400px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 37%;
    left: 30%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText19 {
    position: fixed;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: right;
    top: 80%;
    left: 40%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText20 {
    position: fixed;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 15%;
    left: 10%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText201 {
    position: fixed;
    box-sizing: border-box;
    max-width: 450px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: right;
    top: 77%;
    left: 43%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.U10 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.2em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInhead {
    position: fixed;
    top: 37%;
    left: 15%;
}

.FadeInblue2 {
    position: fixed;
    top: 5%;
    left: 52%;
}

.money {
    background-color: transparent;
    width: 400px;
    height: 150px;
    position: fixed;
    top: 78%;
    left: 7%;
    text-align: center;
    font-size: 120px;
    font-weight: 300;
    letter-spacing: -10px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}

.money {
    animation: cold 6s linear infinite;
    -moz-animation: cold 6s linear infinite;
    -webkit-animation: cold 6s linear infinite;
    -o-animation: cold 6s linear infinite;
}

@keyframes money {
    0%,
    100% {
        color: rgba(255, 255, 255, 0.7);
    }
    50% {
        color: rgba(66, 144, 191, 0.1);
        text-shadow: 0 0 50px rgba(66, 144, 191, 0.7);
    }
}

.money2 {
    background-color: transparent;
    width: 400px;
    height: 150px;
    position: fixed;
    margin-top: 20%;
    margin-left: 68%;
    text-align: center;
    font-size: 120px;
    font-weight: 300;
    letter-spacing: -10px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}

.money2 {
    animation: cold 6s linear infinite;
    -moz-animation: cold 6s linear infinite;
    -webkit-animation: cold 6s linear infinite;
    -o-animation: cold 6s linear infinite;
}

@keyframes money2 {
    0%,
    100% {
        color: rgba(255, 255, 255, 0.7);
    }
    50% {
        color: rgba(66, 144, 191, 0.1);
        text-shadow: 0 0 50px rgba(66, 144, 191, 0.7);
    }
}

.FadeInworld {
    position: fixed;
    top: 25%;
    left: -10%;
}

.worldmap1 {
    position: fixed;
    top: 28%;
    left: -8%;
    opacity: 0;
    transition: all 0.5s;
}

.worldmap2 {
    position: fixed;
    top: 28%;
    left: -8%;
    opacity: 0;
    transition: all 0.5s;
}

.worldmap3 {
    position: fixed;
    top: 28%;
    left: -8%;
    opacity: 0;
    transition: all 0.5s;
}

.worldmap4 {
    position: fixed;
    top: 28%;
    left: -8%;
    opacity: 0;
    transition: all 0.5s;
}

.showing {
    opacity: 1;
}

.where {
    background-color: transparent;
    width: 300px;
    height: 150px;
    position: fixed;
    top: 8%;
    left: 62%;
    text-align: left;
    font-size: 45px;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: 0px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}

.alcor_hover {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 0.3em;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(66, 144, 191, 0.7);
    -webkit-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    -moz-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    position: absolute;
    top: 80%;
    left: 0%;
    text-align: left;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: 0px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

div.alcor_hover:hover {
    background-color: rgba(66, 144, 191, 0.7);
}

.cryonics_hover {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 0.3em;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(66, 144, 191, 0.7);
    -webkit-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    -moz-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    position: absolute;
    top: 80%;
    left: 40%;
    text-align: left;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: 0px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

div.cryonics_hover:hover {
    background-color: rgba(66, 144, 191, 0.7);
}

.kriorus_hover {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 0.3em;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(66, 144, 191, 0.7);
    -webkit-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    -moz-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    position: absolute;
    top: 80%;
    left: 93%;
    text-align: left;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: 0px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

div.kriorus_hover:hover {
    background-color: rgba(66, 144, 191, 0.7);
}

.FadeInText21 {
    position: fixed;
    max-width: 500px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 19%;
    left: 10%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.U11 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.2em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText22 {
    position: fixed;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: right;
    top: 20%;
    left: 47%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.U13 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: -2.4em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText23 {
    position: fixed;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: right;
    top: 70%;
    left: 42%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeIngermany {
    position: fixed;
    top: 12%;
    left: 5%;
}

.brain {
    position: fixed;
    top: 40%;
    left: 58%;
}

.U14 {
    background-color: transparent;
    width: 800px;
    height: 150px;
    position: fixed;
    top: 12%;
    left: 19%;
    text-align: right;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -1px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}

.U15 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: -1.5em;
    left: 0.2em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText24 {
    position: fixed;
    max-width: 500px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    margin-top: 33%;
    margin-left: 5%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInkim {
    position: fixed;
    top: 26%;
    left: 52%;
}

.U16 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: -1.5em;
    right: -0.2em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText25 {
    position: fixed;
    box-sizing: border-box;
    max-width: 800px;
    max-height: 800px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 15%;
    left: 5%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInText26 {
    position: fixed;
    box-sizing: border-box;
    max-width: 400px;
    max-height: 800px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 44%;
    left: 58%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.FadeInvideo {
    position: fixed;
    top: 45%;
    left: 8%;
}

.FadeInvideo iframe {
    position: fixed;
    width: 45%;
    height: 45%;
    -webkit-box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
    -moz-box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
    box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
}

.FadeInText27 {
    position: fixed;
    box-sizing: border-box;
    max-width: 430px;
    max-height: 800px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: right;
    top: 15%;
    left: 55%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.U17 {
    position: absolute;
    width: 800px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0;
    text-align: left;
    top: -1.5em;
    right: -8.8em;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
}

.FadeInText28 {
    position: fixed;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 800px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 65%;
    left: 8%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

.rabbit {
    position: fixed;
    top: 38%;
    left: 55%;
}

.FadeInvideo2 {
    position: fixed;
    top: 15%;
    left: 8%;
}

.FadeInvideo2 iframe {
    position: fixed;
    width: 38%;
    height: 38%;
    -webkit-box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
    -moz-box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
    box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
}

.FadeInEnd {
    position: fixed;
    background-color: transparent;
    width: 650px;
    height: 200px;
    font-size: 2.5em;
    font-weight: 500;
    padding: 0 0.25em 0 0.25em;
    text-align: left;
    margin-top: 10%;
    margin-left: 10%;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 15px rgba(66, 144, 191, 0.7);
}

.FadeInLink {
    position: fixed;
    background-color: transparent;
    width: 650px;
    height: 200px;
    font-size: 1em;
    font-weight: 500;
    padding: 0 0.25em 0 0.25em;
    text-align: left;
    margin-top: 50%;
    margin-left: 11%;
    color: rgba(66, 144, 191, 0.7);
    text-shadow: 0 0 15px rgba(66, 144, 191, 0.7);
    text-decoration: none;
}

a:link {
    text-decoration: none;
    color: #6E6E6E;
    list-style-type: none;
}

a:visited {
    color: #6E6E6E;
    list-style-type: none;
}

a:hover {
    color: rgba(66, 144, 191, 0.7);
    transition: 1s;
}


/* Anpassung auf große Displays */

@media (min-width: 1200px) {
    body {
        font-size: 20px;
    }
    .FadeInalcor img {
        width: 90%;
    }
    .FadeIntemperatur img {
        width: 55%;
    }
    .FadeInorange img {
        width: 90%;
    }
    .FadeInblue img {
        width: 90%;
    }
    .FadeInsnow img {
        width: 90%;
    }
    .FadeInkreislauf img {
        width: 50%
    }
    .FadeInkreislauf2 img {
        width: 50%
    }
    .FadeInbrain img {
        width: 85%
    }
    .FadeInbrainglow img {
        width: 85%
    }
    .FadeInOrgane2blue img {
        width: 80%
    }
    .FadeInOrgane2white img {
        width: 80%;
    }
    .FadeInprothese img {
        width: 100%
    }
    .FadeInsnow2 img {
        width: 15%
    }
    .FadeInbio img {
        width: 90%
    }
    .FadeInflask img#flask {
        width: 120%
    }
    .FadeInhead img {
        width: 43%
    }
    .FadeInblue2 img {
        width: 40%
    }
    .FadeInworld img {
        width: 160%
    }
    .FadeIngermany img {
        width: 40%
    }
    .brain img {
        width: 90%
    }
    .FadeIndot4 img {
        width: 30%
    }
    .FadeInkim img {
        width: 120%
    }
    .rabbit img {
        width: 85%
    }
    .bubble {
        width: 18%;
        height: 20%;
    }
    .worldmap1 showing img {
        width: 160%
    }
    .worldmap2 showing img {
        width: 160%
    }
    .worldmap3 showing img {
        width: 160%
    }
    .worldmap4 showing img {
        width: 160%
    }
}

/* Anpassung auf sehr große Displays */

@media (min-width: 1700px) {
    body {
        font-size: 30px;
    }
    .FadeInalcor img {
        width: 90%;
    }
    .FadeInWas {
        position: fixed;
        width: 800px;
        height: 200px;
        font-size: 2.2em;
        font-weight: 500;
        padding: 0 0.25em 0 0.25em;
        text-align: left;
        margin-top: 10%;
        margin-left: 10%;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 15px rgba(66, 144, 191, 0.7);
    }
    .FadeInKryonik {
        position: fixed;
        width: 400px;
        height: 200px;
        font-size: 5em;
        font-weight: 600;
        padding: 0 0.25em 0 0.25em;
        text-align: left;
        margin-top: 30%;
        margin-left: 10%;
        color: rgba(66, 144, 191, 0.7);
        letter-spacing: 0.1em;
        text-shadow: 0 0 20px rgba(66, 144, 191, 0.7);
    }
    .FadeInWasist {
        position: fixed;
        width: 800px;
        height: 200px;
        font-size: 2.5em;
        font-weight: 500;
        padding: 0 0.25em 0 0.25em;
        text-align: left;
        margin-top: 10%;
        margin-left: 10%;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
    }
    .FadeInText1 {
        position: fixed;
        max-width: 600px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        line-height: 1.2em;
        padding: 0.5em;
        text-align: left;
        top: 35%;
        left: 40%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText2 {
        position: fixed;
        max-width: 600px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 65%;
        left: 20%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeIntemperatur img {
        width: 85%;
    }
    .FadeInorange img {
        width: 110%;
    }
    .FadeInblue img {
        width: 110%;
    }
    .FadeInsnow img {
        width: 110%;
    }
    .FadeInWiefunktioniert {
        position: fixed;
        width: 1000px;
        height: 200px;
        font-size: 2.5em;
        font-weight: 500;
        text-align: left;
        margin-top: 5%;
        margin-left: 10%;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
    }
    .FadeIn1 {
        position: absolute;
        width: 800px;
        height: 200px;
        font-size: 240px;
        font-weight: 600;
        padding: 0;
        text-align: left;
        top: -0.7em;
        left: -0.4em;
        color: rgba(66, 144, 191, 0.1);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
    }
    .FadeInText3 {
        position: fixed;
        box-sizing: border-box;
        max-width: 600px;
        max-height: 500px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 36%;
        left: 10%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText4 {
        position: fixed;
        box-sizing: border-box;
        max-width: 600px;
        max-height: 500px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 65%;
        left: 20%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeIn2 {
        position: absolute;
        width: 800px;
        height: 200px;
        font-size: 240px;
        font-weight: 600;
        padding: 0;
        text-align: left;
        top: -0.7em;
        left: -0.6em;
        color: rgba(66, 144, 191, 0.1);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
    }
    .FadeInText5 {
        position: fixed;
        box-sizing: border-box;
        max-width: 600px;
        max-height: 500px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 20%;
        left: 50%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText6 {
        position: fixed;
        max-width: 600px;
        max-height: 500px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 50%;
        left: 55%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInkreislauf img {
        width: 70%
    }
    .FadeInkreislauf2 img {
        width: 70%
    }
    a.info:hover {
        z-index: 25;
        background-color: transparent
    }
    a.info span {
        display: none
    }
    a.info:hover span {
        display: block;
        position: absolute;
        top: 2em;
        left: 3em;
        width: 25em;
        background-color: rgba(66, 144, 191, 0.7);
        border-radius: 5px;
        color: #ffffff;
        font-weight: 200;
        font-size: 30px;
        text-align: left;
        padding: 0.5em;
    }
    a.info {
        position: relative;
        font-size: 1em;
        z-index: 24;
        color: rgba(255, 255, 255, 0.7);
        text-shadow: 0 0 50px rgba(66, 144, 191, 0.7);
        font-weight: 400;
        text-decoration: underline;
        cursor: default;
    }
    .Bildunterschrift3 {
        position: absolute;
        width: 800px;
        height: 200px;
        font-size: 1.2em;
        font-weight: 500;
        padding: 0;
        text-align: left;
        top: 85%;
        left: 10%;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
    }
    .FadeIn3 {
        position: absolute;
        width: 100px;
        height: 200px;
        font-size: 240px;
        font-weight: 600;
        padding: 0;
        text-align: left;
        top: -0.7em;
        left: -0.6em;
        color: rgba(66, 144, 191, 0.1);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
    }
    .FadeInText7 {
        position: fixed;
        max-width: 800px;
        max-height: 300px;
        padding: 0.5em;
        font-size: 1.2em;
        font-weight: 200;
        text-align: left;
        top: 15%;
        left: 20%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText8 {
        position: fixed;
        max-width: 550px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 20%;
        left: 50%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeIn4 {
        position: absolute;
        width: 100px;
        height: 200px;
        font-size: 240px;
        font-weight: 600;
        padding: 0;
        text-align: left;
        top: -0.65em;
        left: -0.65em;
        color: rgba(66, 144, 191, 0.1);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
    }
    .FadeInText9 {
        position: fixed;
        max-width: 550px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 50%;
        left: 60%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .cold {
        background-color: transparent;
        width: 400px;
        height: 150px;
        position: fixed;
        margin-top: 40%;
        margin-left: 28%;
        text-align: center;
        font-size: 300px;
        font-weight: 300;
        letter-spacing: -10px;
        text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    }
    .cold {
        animation: cold 6s linear infinite;
        -moz-animation: cold 6s linear infinite;
        -webkit-animation: cold 6s linear infinite;
        -o-animation: cold 6s linear infinite;
    }
    @keyframes cold {
        0%,
        100% {
            color: rgba(255, 255, 255, 0.7);
        }
        50% {
            color: rgba(66, 144, 191, 0.1);
            text-shadow: 0 0 50px rgba(66, 144, 191, 0.7);
        }
    }
    .FadeIn5 {
        position: absolute;
        width: 800px;
        height: 200px;
        font-size: 240px;
        font-weight: 600;
        padding: 0;
        text-align: left;
        top: -0.65em;
        left: -0.6em;
        color: rgba(66, 144, 191, 0.1);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.5);
    }
    .Bildunterschrift {
        position: absolute;
        width: 800px;
        height: 200px;
        font-size: 1.2em;
        font-weight: 500;
        padding: 0;
        text-align: left;
        top: 80%;
        left: 65%;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
    }
    .FadeInText10 {
        position: fixed;
        max-width: 680px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 15%;
        left: 50%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText11 {
        position: fixed;
        box-sizing: border-box;
        max-width: 700px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 20%;
        left: 10%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText12 {
        position: fixed;
        box-sizing: border-box;
        max-width: 650px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: right;
        top: 70%;
        left: 60%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText13 {
        position: fixed;
        box-sizing: border-box;
        max-width: 800px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 20%;
        left: 10%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText14 {
        position: fixed;
        box-sizing: border-box;
        max-width: 700px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: right;
        top: 70%;
        left: 45%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .Bildunterschrift2 {
        position: absolute;
        width: 800px;
        height: 200px;
        font-size: 1.2em;
        font-weight: 500;
        padding: 0;
        text-align: left;
        top: 75%;
        left: 18%;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
    }
    .FadeInprothese {
        position: fixed;
        margin-top: 5%;
        margin-left: 10%;
    }
    .FadeInText15 {
        position: fixed;
        max-width: 800px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 25%;
        left: 10%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText16 {
        position: fixed;
        max-width: 600px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: right;
        top: 83%;
        left: 50%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInbio {
        position: fixed;
        top: 35%;
        left: 60%;
    }
    .FadeInbio {
        -webkit-animation: rotation 30s infinite linear;
    }
    @-webkit-keyframes rotation {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }
    .FadeInText17 {
        position: fixed;
        box-sizing: border-box;
        max-width: 650px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: right;
        top: 15%;
        left: 48%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText18 {
        position: fixed;
        box-sizing: border-box;
        max-width: 600px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 37%;
        left: 30%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText19 {
        position: fixed;
        box-sizing: border-box;
        max-width: 700px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: right;
        top: 80%;
        left: 40%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText20 {
        position: fixed;
        box-sizing: border-box;
        max-width: 700px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 15%;
        left: 10%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText201 {
        position: fixed;
        box-sizing: border-box;
        max-width: 650px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: right;
        top: 77%;
        left: 43%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .money {
        background-color: transparent;
        width: 400px;
        height: 150px;
        position: fixed;
        top: 78%;
        left: 7%;
        text-align: center;
        font-size: 180px;
        font-weight: 300;
        letter-spacing: -10px;
        text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    }
    .money {
        animation: cold 6s linear infinite;
        -moz-animation: cold 6s linear infinite;
        -webkit-animation: cold 6s linear infinite;
        -o-animation: cold 6s linear infinite;
    }
    @keyframes money {
        0%,
        100% {
            color: rgba(255, 255, 255, 0.7);
        }
        50% {
            color: rgba(66, 144, 191, 0.1);
            text-shadow: 0 0 50px rgba(66, 144, 191, 0.7);
        }
    }
    .money2 {
        background-color: transparent;
        width: 400px;
        height: 150px;
        position: fixed;
        margin-top: 20%;
        margin-left: 68%;
        text-align: center;
        font-size: 180px;
        font-weight: 300;
        letter-spacing: -10px;
        text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    }
    .money2 {
        animation: cold 6s linear infinite;
        -moz-animation: cold 6s linear infinite;
        -webkit-animation: cold 6s linear infinite;
        -o-animation: cold 6s linear infinite;
    }
    @keyframes money2 {
        0%,
        100% {
            color: rgba(255, 255, 255, 0.7);
        }
        50% {
            color: rgba(66, 144, 191, 0.1);
            text-shadow: 0 0 50px rgba(66, 144, 191, 0.7);
        }
    }
    .FadeInText21 {
        position: fixed;
        max-width: 700px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 19%;
        left: 7%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText22 {
        position: fixed;
        box-sizing: border-box;
        max-width: 800px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: right;
        top: 20%;
        left: 50%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .U13 {
        position: absolute;
        width: 1000px;
        height: 200px;
        font-size: 2.5em;
        font-weight: 500;
        padding: 0;
        text-align: left;
        top: -1.5em;
        left: -1.9em;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
    }
    .where {
        background-color: transparent;
        width: 500px;
        height: 150px;
        position: fixed;
        top: 8%;
        left: 62%;
        text-align: left;
        font-size: 55px;
        font-weight: 300;
        line-height: 1.1em;
        letter-spacing: 0px;
        text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    }
    .alcor_hover {
        background-color: transparent;
        width: auto;
        height: auto;
        padding: 0.3em;
        border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(66, 144, 191, 0.7);
        -webkit-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
        -moz-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
        box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
        position: absolute;
        top: 95%;
        left: 0%;
        text-align: left;
        font-size: 40px;
        font-weight: 300;
        line-height: 1.1em;
        letter-spacing: 0px;
        text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
        cursor: pointer;
    }
    div.alcor_hover:hover {
        background-color: rgba(66, 144, 191, 0.7);
    }
    .cryonics_hover {
        background-color: transparent;
        width: auto;
        height: auto;
        padding: 0.3em;
        border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(66, 144, 191, 0.7);
        -webkit-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
        -moz-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
        box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
        position: absolute;
        top: 95%;
        left: 32%;
        text-align: left;
        font-size: 40px;
        font-weight: 300;
        line-height: 1.1em;
        letter-spacing: 0px;
        text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
        cursor: pointer;
    }
    div.cryonics_hover:hover {
        background-color: rgba(66, 144, 191, 0.7);
    }
    .kriorus_hover {
        background-color: transparent;
        width: auto;
        height: auto;
        padding: 0.3em;
        border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(66, 144, 191, 0.7);
        -webkit-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
        -moz-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
        box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
        position: absolute;
        top: 95%;
        left: 75%;
        text-align: left;
        font-size: 40px;
        font-weight: 300;
        line-height: 1.1em;
        letter-spacing: 0px;
        text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
        cursor: pointer;
    }
    div.kriorus_hover:hover {
        background-color: rgba(66, 144, 191, 0.7);
    }
    .FadeInText23 {
        position: fixed;
        box-sizing: border-box;
        max-width: 900px;
        max-height: 300px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: right;
        top: 70%;
        left: 42%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .U14 {
        background-color: transparent;
        width: 1100px;
        height: 150px;
        position: fixed;
        top: 12%;
        left: 19%;
        text-align: right;
        font-size: 60px;
        font-weight: 400;
        letter-spacing: -1px;
        text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    }
    .FadeInText24 {
        position: fixed;
        max-width: 700px;
        max-height: 500px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        margin-top: 33%;
        margin-left: 5%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .U16 {
        position: absolute;
        width: 1100px;
        height: 200px;
        font-size: 2.5em;
        font-weight: 500;
        padding: 0;
        text-align: left;
        top: -1.5em;
        right: -1.3em;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
    }
    .FadeInText25 {
        position: fixed;
        box-sizing: border-box;
        max-width: 1000px;
        max-height: 800px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 15%;
        left: 5%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInText26 {
        position: fixed;
        box-sizing: border-box;
        max-width: 650px;
        max-height: 800px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 45%;
        left: 60%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInvideo {
        position: fixed;
        top: 45%;
        left: 10%;
    }
    .FadeInvideo iframe {
        position: fixed;
        width: 45%;
        height: 45%;
        -webkit-box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
        -moz-box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
        box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
    }
    .FadeInText27 {
        position: fixed;
        box-sizing: border-box;
        max-width: 630px;
        max-height: 800px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: right;
        top: 15%;
        left: 58%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .U17 {
        position: absolute;
        width: 800px;
        height: 200px;
        font-size: 2.5em;
        font-weight: 500;
        padding: 0;
        text-align: left;
        top: -1.5em;
        right: -4.4em;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 10px rgba(66, 144, 191, 0.7);
    }
    .FadeInText28 {
        position: fixed;
        box-sizing: border-box;
        max-width: 700px;
        max-height: 800px;
        font-size: 1.2em;
        font-weight: 200;
        padding: 0.5em;
        text-align: left;
        top: 65%;
        left: 8%;
        color: rgba(255, 255, 255, .5);
        letter-spacing: 0em;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .0.1);
        -webkit-box-shadow: 0px 0px 5px #ffffff;
        -moz-box-shadow: 0px 0px 5px #ffffff;
        box-shadow: 0px 0px 5px #ffffff;
    }
    .FadeInvideo2 {
        position: fixed;
        top: 15%;
        left: 10%;
    }
    .FadeInvideo2 iframe {
        position: fixed;
        width: 38%;
        height: 38%;
        -webkit-box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
        -moz-box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
        box-shadow: 0px 0px 50px rgba(255, 255, 255, .0.7);
    }
    .FadeInEnd {
        position: fixed;
        background-color: transparent;
        width: 850px;
        height: 200px;
        font-size: 2.5em;
        font-weight: 500;
        padding: 0 0.25em 0 0.25em;
        text-align: left;
        margin-top: 10%;
        margin-left: 10%;
        color: rgba(66, 144, 191, 0.7);
        text-shadow: 0 0 15px rgba(66, 144, 191, 0.7);
    }
    .FadeInVitrikationred {
        position: fixed;
        top: -30%;
        left: 10%;
        transform: rotate(270deg)
    }
    .FadeInVitrikationwhite {
        position: fixed;
        top: -30%;
        left: 10%;
        transform: rotate(270deg)
    }
    .FadeInVitrikationwhite2 {
        position: fixed;
        top: -30%;
        left: 10%;
        transform: rotate(270deg)
    }
    .FadeInVitrikationblue {
        position: fixed;
        top: -30%;
        left: 10%;
        transform: rotate(270deg)
    }
    .FadeInVitrikationwhite img {
        width: 48%
    }
    .FadeInVitrikationred img {
        width: 48%
    }
    .FadeInVitrikationblue img {
        width: 48%
    }
    .FadeInbrain img {
        width: 105%
    }
    .FadeInbrainglow img {
        width: 1055%
    }
    .FadeInOrgane2blue img {
        width: 100%
    }
    .FadeInOrgane2white img {
        width: 100%;
    }
    .FadeInprothese img {
        width: 110%
    }
    .FadeInsnow2 img {
        width: 35%
    }
    .FadeInbio img {
        width: 110%
    }
    .FadeInflask img#flask {
        width: 140%
    }
    .FadeInhead img {
        width: 63%
    }
    .FadeInblue2 img {
        width: 50%
    }
    .FadeInworld img {
        width: 180%
    }
    .FadeIngermany img {
        width: 40%
    }
    .brain img {
        width: 110%
    }
    .FadeIndot4 img {
        width: 50%
    }
    .FadeInkim img {
        width: 150%
    }
    .rabbit img {
        width: 95%
    }
    .bubble {
        width: 38%;
        height: 40%;
    }
    .worldmap1 showing img {
        width: 180%
    }
    .worldmap2 showing img {
        width: 180%
    }
    .worldmap3 showing img {
        width: 180%
    }
    .worldmap4 showing img {
        width: 180%
    }
    .FadeInText1-2 {
        display: none !important;
    }
    .FadeInText3-4 {
        display: none !important;
    }
    .FadeInText5-6 {
        display: none !important;
    }
    .FadeInText7-8 {
        display: none !important;
    }
    .FadeInText9-10 {
        display: none !important;
    }
    .FadeInText09-010 {
        display: none !important;
    }
    .FadeInText11-12 {
        display: none !important;
    }
    .FadeInText13-14 {
        display: none !important;
    }
    .FadeInText15-16 {
        display: none !important;
    }
    .FadeInText17-18 {
        display: none !important;
    }
    .FadeInText19-20 {
        display: none !important;
    }
    .FadeInText21-22 {
        display: none !important;
    }
}

/* Anpassungen auf IPad Pro */

@media (max-width: 1080px) {
    body {
        font-size: 20px;
    }
    
    .FadeInVitrikationred {
    position: fixed;
    top: -40%;
    left: 7%;
    transform: rotate(270deg)
}

.FadeInVitrikationwhite {
    position: fixed;
    top: -40%;
    left: 7%;
    transform: rotate(270deg)
}

.FadeInVitrikationwhite2 {
    position: fixed;
    top: -40%;
    left: 10%;
    transform: rotate(270deg)
}

.FadeInVitrikationblue {
    position: fixed;
    top: -40%;
    left: 7%;
    transform: rotate(270deg)
}
    
    .cold {
    background-color: transparent;
    width: 400px;
    height: 150px;
    position: fixed;
    margin-top: 43%;
    margin-left: 28%;
    text-align: center;
    font-size: 180px;
    font-weight: 300;
    letter-spacing: -10px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}

.cold {
    animation: cold 6s linear infinite;
    -moz-animation: cold 6s linear infinite;
    -webkit-animation: cold 6s linear infinite;
    -o-animation: cold 6s linear infinite;
}

@keyframes cold {
    0%,
    100% {
        color: rgba(255, 255, 255, 0.7);
    }
    50% {
        color: rgba(66, 144, 191, 0.1);
        text-shadow: 0 0 50px rgba(66, 144, 191, 0.7);
    }
}
    
  .FadeInText10 {
    position: fixed;
    max-width: 480px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 15%;
    left: 45%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}
    
    .FadeInprothese {
        position: fixed;
        margin-top: 1%;
        margin-left: 10%;
    }  
    
.FadeInText20 {
    position: fixed;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 300px;
    font-size: 1.2em;
    font-weight: 200;
    padding: 0.5em;
    text-align: left;
    top: 15%;
    left: 10%;
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .0.1);
    -webkit-box-shadow: 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}    
    
.FadeInblue2 {
    position: fixed;
    top: 5%;
    left: 62%;
}    
    
.FadeInhead {
    position: fixed;
    top: 37%;
    left: 12%;
}    
    
.money {
    background-color: transparent;
    width: 400px;
    height: 150px;
    position: fixed;
    top: 78%;
    left: 7%;
    text-align: center;
    font-size: 100px;
    font-weight: 300;
    letter-spacing: -10px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}    
    
.money2 {
    background-color: transparent;
    width: 400px;
    height: 150px;
    position: fixed;
    margin-top: 30%;
    margin-left: 64%;
    text-align: center;
    font-size: 100px;
    font-weight: 300;
    letter-spacing: -10px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}    
    
.where {
    background-color: transparent;
    width: 300px;
    height: 150px;
    position: fixed;
    top: 8%;
    left: 66%;
    text-align: left;
    font-size: 35px;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: 0px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}    
    
.alcor_hover {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 0.3em;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(66, 144, 191, 0.7);
    -webkit-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    -moz-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    position: absolute;
    top: 70%;
    left: 0%;
    text-align: left;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: 0px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    cursor: pointer;
}    
    
.cryonics_hover {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 0.3em;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(66, 144, 191, 0.7);
    -webkit-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    -moz-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    position: absolute;
    top: 70%;
    left: 30%;
    text-align: left;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: 0px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    cursor: pointer;
}    
   
.kriorus_hover {
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 0.3em;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(66, 144, 191, 0.7);
    -webkit-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    -moz-box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    box-shadow: 0px 0px 5px rgba(66, 144, 191, 0.7);
    position: absolute;
    top: 70%;
    left: 69%;
    text-align: left;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: 0px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
    cursor: pointer;
}    

.U14 {
    background-color: transparent;
    width: 800px;
    height: 150px;
    position: fixed;
    top: 12%;
    left: 15%;
    text-align: right;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -1px;
    text-shadow: 0 0 50px rgba(255, 255, 255, 0.7);
}    
    
.rabbit {
    position: fixed;
    top: 42%;
    left: 62%;
}    
    
.FadeIngermany {
    position: fixed;
    top: 16%;
    left: 4%;
}    
    
.brain {
    position: fixed;
    top: 43%;
    left: 58%;
}    

    .FadeInalcor img {
        width: 90%;
    }
    .FadeIntemperatur img {
        width: 55%;
    }
    .FadeInorange img {
        width: 90%;
    }
    .FadeInblue img {
        width: 90%;
    }
    .FadeInsnow img {
        width: 90%;
    }
    .FadeInkreislauf img {
        width: 50%
    }
    .FadeInkreislauf2 img {
        width: 50%
    }
    .FadeInbrain img {
        width: 70%
    }
    .FadeInbrainglow img {
        width: 70%
    }
    .FadeInOrgane2blue img {
        width: 80%
    }
    .FadeInOrgane2white img {
        width: 80%;
    }
    .FadeInprothese img {
        width: 100%
    }
    .FadeInsnow2 img {
        width: 15%
    }
    .FadeInbio img {
        width: 90%
    }
    .FadeInflask img#flask {
        width: 120%
    }
    .FadeInhead img {
        width: 40%
    }
    .FadeInblue2 img {
        width: 50%
    }
    .FadeInworld img {
        width: 160%
    }
    .FadeIngermany img {
        width: 40%
    }
    .brain img {
        width: 90%
    }
    .FadeIndot4 img {
        width: 30%
    }
    .FadeInkim img {
        width: 100%
    }
    .rabbit img {
        width: 90%
    }
    .bubble {
        width: 18%;
        height: 20%;
    }
    .worldmap1 showing img {
        width: 160%
    }
    .worldmap2 showing img {
        width: 160%
    }
    .worldmap3 showing img {
        width: 160%
    }
    .worldmap4 showing img {
        width: 160%
    }
}

.FadeInText1-2 {
    position: fixed;
    width: 20%;
    height: calc(30% - 6.8em);
    top: calc(35% + 6.8em);
    left: 20%;
}

.FadeInText3-4 {
    position: fixed;
    width: calc(400px - 10%);
    height: calc(29% - 5.5em);
    top: calc(36% + 5.5em);
    left: 20%;
}

.FadeInText5-6 {
    position: fixed;
    box-sizing: border-box;
    width: calc(400px - 5%);
    height: calc(30% - 5.5em);
    top: calc(20% + 5.5em);
    left: 55%;
}

.FadeInText7-8 {
    position: fixed;
    width: 10%;
    height: calc(30% - 6.8em);
    top: calc(20% + 6.8em);
    left: 50%;
}

.FadeInText09-010 {
    position: fixed;
    width: calc(55% - 500px);
    height: calc(50% - 5.5em);
    top: calc(20% + 5.5em);
    left: calc(10% + 500px);
}

.FadeInText9-10 {
    position: fixed;
    width: calc(600px - 35%);
    height: calc(50% - 6.8em);
    top: calc(20% + 6.8em);
    left: 45%;
}

.FadeInText11-12 {
    position: fixed;
    width: 18%;
    height: calc(22% - 5.5em);
    top: calc(15% + 5.5em);
    left: 30%;
}

.FadeInText13-14 {
    position: fixed;
    width: calc(400px - 10%);
    height: calc(43% - 6.8em);
    top: calc(37% + 6.8em);
    left: 40%;
}

.FadeInText15-16 {
    position: fixed;
    width: calc(500px - 33%);
    height: calc(62% - 6.8em);
    top: calc(15% + 6.8em);
    left: 43%;
}

.FadeInText17-18 {
    position: fixed;
    width: 5%;
    height: calc(50% - 8.3em);
    top: calc(20% + 8.3em);
    left: 42%;
}

.FadeInText19-20 {
    position: fixed;
    width: calc(47% - 500px);
    height: calc(50% - 8.1em);
    top: calc(15% + 8.2em);
    left: calc(8% + 500px);
}

.FadeInText21-22 {
    position: fixed;
    width: calc(800px - 53%);
    height: calc(29% - 6.8em);
    top: calc(15% + 6.8em);
    left: 58%;
}