.rotationleft {
            position: absolute;
            position: fixed;
            left: 27%;
            top: 46%;
            z-index: 87;
        }

        .rotationright {
            position: absolute;
            position: fixed;
            right: 27%;
            top: 46%;
            z-index: 87;
        }

        .rotationleftimpressum {
            position: absolute;
            position: fixed;
            left:  5%;
            top: 40%;
            z-index: 87;
        }

        .rotationrightimpressum {
            position: absolute;
            position: fixed;
            right: 5%;
            top: 40%;
            z-index: 87;
        }

        .rotationleftphone {
            position: absolute;
            position: fixed;
            left: 10%;
            top: 50%;
            z-index: 87;
            opacity: 0.0;
        }
        .rotationrightphone {
            position: absolute;
            position: fixed;
            right: 10%;
            top: 50%;
            z-index: 87;
            opacity: 0.0;
        }
        .rotationimage {
            opacity: 0.75;
            width: 220px;
        }
        .rotationimageimpressum {
            opacity: 1.00;
            width: 400px;
        }
        .rotationsvg {
            width: 220px;
            height: 220px;
        }
        .rotationsvgimpressum {
            width: 400px;
            height: 400px;
        }
        .rotationarrows {
            width: 700px;
            height: 700px;
        }
        @media only screen and (max-width: 1600px) {
            .rotationimageimpressum { width: 400px; } .rotationsvgimpressum { width: 400px; height: 400px; }
         }
        @media only screen and (max-width: 1500px) {
            .rotationimageimpressum { width: 368px; } .rotationsvgimpressum { width: 368px; height: 368px; }
         }
        @media only screen and (max-width: 1400px) {
            .rotationimageimpressum { width: 336px; } .rotationsvgimpressum { width: 336px; height: 336px; }
         }
        @media only screen and (max-width: 1300px) {
            .rotationimageimpressum { width: 304px; } .rotationsvgimpressum { width: 304px; height: 304px; }
         }
        @media only screen and (max-width: 1200px) {
            .rotationimageimpressum { width: 272px; } .rotationsvgimpressum { width: 272px; height: 272px; }
         }
        @media only screen and (max-width: 1100px) {
            .rotationimageimpressum { width: 240px; } .rotationsvgimpressum { width: 240px; height: 240px; }
         }
        @media only screen and (max-width: 1000px) {
            .rotationimageimpressum { width: 208px; } .rotationsvgimpressum { width: 208px; height: 208px; }
         }
        @media only screen and (max-width:  900px) {
            .rotationimageimpressum { width: 176px; } .rotationsvgimpressum { width: 176px; height: 176px; }
         }
        @media only screen and (max-width:  800px) {
            .rotationimageimpressum { width: 144px; } .rotationsvgimpressum { width: 144px; height: 144px; }
         }
        @media only screen and (max-width:  700px) {
            .rotationimageimpressum { width: 112px; } .rotationsvgimpressum { width: 112px; height: 112px; }
         }
        @media only screen and (max-width: 600px) {
            .rotationimageimpressum { width:  80px; } .rotationsvgimpressum { width:  80px; height:  80px; }
         }

        .trimmdichsvg {
            width: 14em;
            height: 14em;
        }
        .trimmdichimage {
            opacity: 1.00;
            width: 14em;
        }
        .textfirstline {
            padding-top: 0.8em;
            font-size: 1.3em;
            font-weight: 600;
        }
        .textueberschrift {
            padding-bottom: 0.3em;
            font-family: FingerPaint;
            font-size: 1.5em;
        }
        .zeitplan {
            text-align: left;
            margin-left: 8.0vw;
            margin-right: 4.0vw;
            font-size:  0.9em;
            line-height: 1.05em;
        }
        .langertext {
            text-align: left;
            margin-left: 7em;
            margin-right: 7em;
            font-size: 0.9em;
            line-height: 1.05em;
        }

        .kurselangertext {
            text-align: left;
            margin-left: 9em;
            margin-right: 9em;
            font-size: 1.05em;
            line-height: 1.25em;
        }

        .headline {
            font-family: Knewave;
            font-size: 6.0em;
            opacity: 1.0;
        }
        .headlineimpressum {
            font-family: Knewave;
            font-size: 6.0em;
            opacity: 1.0;
        }
        .headlinesmall {
            font-family: Knewave;
            font-size: 4.0em;
            opacity: 1.0;
        }
        .headlinesmall5 {
            font-family: Knewave;
            font-size: 5.0em;
            opacity: 1.0;
        }
        .headlinesmall3 {
            font-family: Knewave;
            font-size: 3.0em;
            opacity: 1.0;
        }
        .headlinesmall35 {
            font-family: Knewave;
            font-size: 3.05em;
            opacity: 1.0;
        }
        @media only screen and (max-width: 1400px) {
            .langertext {
            margin-left: 4.0em;
            margin-right: 3.0em;
            }
            .zeitplan {
                margin-left: 6.0vw;
                margin-right:  3.0vw;
            }
        }
        @media only screen and (max-width: 1200px) {
            .rotationleftimpressum {
//              opacity: 0;
            }
            .rotationrightimpressum {
//              opacity: 0;
            }
        }
        @media only screen and (max-width: 1100px) {
            .langertext {
            margin-left: 2.0em;
            margin-right: 2.0em;
            }
            .zeitplan {
                margin-left: 4.0vw;
                margin-right:  2.0vw;
            }
            .headlineimpressum {
                opacity: 0;
            }
        }
        @media only screen and (max-width: 800px) {
            .rotationleft {
                opacity: 0;
            }
            .rotationright {
                opacity: 0;
            }
            .rotationleftphone {
                opacity: 1.0;
            }
            .rotationrightphone {
                opacity: 1.0;
            }
            .rotationimage {
                width: 80px;
            }
            .rotationsvg {
                width: 80px;
                height: 80px;
            }
            .trimmdichsvg {
                width: 14.0em;
                height: 14.0em;
            }
            .trimmdichimage {
                opacity: 1.00;
                width: 14.0em;
            }
            .headline {
                opacity: 0.0;
            }
            .headlinesmall {
                opacity: 0.0;
            }
            .zeitplan {
                margin-left: 27vw;
                margin-right:  6vw;
                font-size:  1.0em;
                line-height: 1.10em;
            }
            .langertext {
                margin-left: 9.0em;
                margin-right: 9.0em;
                font-size: 1.0em;
                line-height: 1.10em;
            }
        }
        @media only screen and (max-width: 600px) {
            .zeitplan {
                margin-left: 16.0vw;
                margin-right:  4.0vw;
            }
            .langertext {
                margin-left: 3.0em;
                margin-right: 3.0em;
            }

        </style>