.driesgh h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.vierzgh h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.fuefzgh h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.saechzgh h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
} 

.saechzgh1 h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
} 

.saechzgh2 h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
} 

.siebzgh h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.achzgh h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.achzgh1 h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.achzgh2 h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.achzgh3 h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.nuenzgh h1 {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
} 

.text{
    display: block;
    z-index: 5;
    font-size: 1vw;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    color: transparent;
    text-align: left;
    max-width: 11%;
    top: -10vw;
    left: -2vw;
    position:relative;
    transition: 0.25s;
    padding: 4vw;
    cursor: pointer;
}


.text:hover{
    display: block;
    z-index: 95;
    font-family: Helvetica, sans-serif;
    color: rgb(255, 89, 0);
    font-size: 5vw;
    font-weight: bold;
    text-align: left;
    max-width: 72%;
    top: -20vw;
    left: 0.5vw;
    position: relative;
    padding-top: 1vw;
    margin-bottom: 7vw;
    padding-left: 1vw;
    padding-right: 1vw;
    cursor:pointer;
}

.text2{
    display: block;
    z-index: 5;
    font-size: 1vw;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    color: transparent;
    text-align: left;
    max-width: 35%;
    top: -30vw;
    left: 30vw;
    position:relative;
    transition: 0.25s;
    padding: 2vw;
    cursor: pointer;
}

.text2:hover{
    top: -28.2vw;
    left: -0.8vw;
    font-size: 4.3vw;
    max-width: 100%;
    color: rgb(255, 89, 0);
    
}

.fragezeichen{
    font-size: 7vw;
    z-index: 90;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    color: rgb(255, 89, 0);
    text-align: left;
    max-width: 10%;
    top: -24vw;
    left: 2vw;
    position:relative;
    pointer-events: none;
}

.extrainfo{
    font-size: 7vw;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    color: rgb(255, 89, 0);
    text-align: left;
    max-width: 100%;
    position: relative;
    pointer-events: none;
    margin-left: 1vw;
}

.frg1{
    top: -22.7vw;
}
.frg2{
    top: -20.6vw;
}
.frg3{
    top: -23.3vw;
}
.frg4{
    top: -24.7vw;
}
.frg5{
    top: -25vw;
}
.frg6{
    top: -28vw;
}
.frg7{
    top: -24.2vw;
}
.frg8{
    top: -20vw;
}
.frg9{
    top: -23.3vw;
}
.frg10{
    top: -27vw;
}
.frg11{
    top: -21.7vw;
}
.frg12{
    top: -19.5vw;
}
.frg13{
    top: -21.4vw;
}
.frg15{
    top: -20.6vw;
}
.frg16{
    top: -19.3vw;
}
.frg17{
    top: -22.8vw;
}

.txt1:hover{
    top: -30.3vw;
}

.txt2:hover{
    top: -24vw;
}

.txt3:hover{
    top: -30.7vw;
}

.txt4:hover{
    top: -36.5vw;
}

.txt5:hover{
    top: -35.5vw;
}

.txt6:hover{
    top: -47.5vw;
}

.txt7:hover{
    top: -30.5vw;
}

.txt8:hover{
    top: -18.5vw;
}

.txt9:hover{
    top: -25.5vw;
}

.txt10:hover{
    max-width: 80vw;
    top: -36vw;
}

.txt11:hover{
    top: -19vw;
}

.txt12:hover{
    top: -19vw;
}

.txt13:hover{
    max-width: 80vw;
    top: -19vw;
}

.txt14:hover{
    top: -18vw;
}

.txt15:hover{
    top: -19.5vw;
}

.txt16:hover{
    top: -13vw;
}

.txt17:hover{
    top: -25vw;
}

.image0{
    position: relative;
    left: -7vw;
    margin-top:1vw;
    width: 112vw;
    height:23.5vw;
    background-color: rgb(193, 193, 193);
}

.image2{     
    max-width: 10vw;
    margin-top: 3vw;
    background-color: rgb(193, 193, 193);
}

.image3{
    max-width: 40vw;
    background-color: rgb(193, 193, 193);
}

.image4{
    max-width: 66vw;
    background-color: rgb(193, 193, 193);
}

.image5{
    max-height: 50vw;
    background-color: rgb(193, 193, 193);
}

.image6{
    width: 72vw;
    background-color: rgb(193, 193, 193);
}

.image7{
    width: 31.25vw;
    background-color: rgb(193, 193, 193);
}

.image8{
    width: 32.06vw;
    background-color: rgb(193, 193, 193);
}

.image81{
    width: 32.85vw;
    background-color: rgb(193, 193, 193);
}

.image9{
    width: 43vw;
    background-color: rgb(193, 193, 193);
}

.image10{
    width: 15vw;
    background-color: rgb(193, 193, 193);
}

.image11{
    width: 20.7vw;
    background-color: rgb(193, 193, 193);
}


div{
    font-family: Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 4vw;
    text-align: right;
    user-select: none;
    -webkit-user-select: none;
    cursor: help;
    margin-right: 1vw;
}

h1{
    text-align: left;
    margin-top: 0vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 6vw;
    font-family: Helvetica, sans-serif;
    color: rgb(0, 0, 0);
}

/* div h2{
    top: -10.6vw;
    left: 22vw;
    font-size: 1vw;
    font-family: Helvetica, sans-serif;
    color: rgb(0, 0, 0);
    position: relative;
    text-align: left;
    line-height: 0.5vw;
} */

div h3{
    top: -25.6vw;
    left: 34vw;
    font-size: 1vw;
    font-family: Helvetica, sans-serif;
    color: rgb(0, 0, 0);
    position: relative;
    text-align: left;
    line-height: 0.5vw;
}

.hoverable{
    height: 7.5vw;
    overflow: hidden;
    transition: 2s;
    text-align: right;   
}

.hoverable:hover{
    text-align: right;
    transition: 1s;
}

.nonhoverable{
    height: 22.5vw;
    overflow: hidden;
    /* transition: 2s; */

}

/* .hoverable2:hover{
    text-align: right;
    transition: 1s;
} */

/* .driesgh:hover {
    height: 23.3vw;
} */

.vierzgh:hover {
    height: 40vw;
}

.fuefzgh:hover {
    height: 52vw;
}

.saechzgh:hover {
    height: 60vw;
}

.saechzgh1:hover {
    height: 66.6vw;
}

.saechzgh2:hover {
    height: 63vw;
}

.siebzgh:hover {
    height: 70vw;
}

.achzgh1:hover {
    height: 80vw;
}

.achzgh2:hover {
    height: 93vw;
}

.achzgh3:hover {
    height: 84vw;
}

.achzgh:hover {
    height: 95vw;
}

.nuenzgh:hover {
    height: 110vw;
}

.videos{
    display:inline;
}

.videobackground{
    background-color: rgb(193, 193, 193);
}

html, body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}
#hideMe {
    -moz-animation: cssAnimation 0s ease-in 10s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 10s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 10s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 10s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}