body{
        font-family:Corbel, Helvetica, sans-serif;
        margin-right: 5%;
        margin-left: 5%;
    }
    
    #logo img{
        width: 200px;
    }

    #Navigation{
        text-align: right;
        font-size: 20px;
        margin-top: 10%;
    }
    
    #Home{
        color: black;
    }
    
    #Home:hover{
        color: blue;
    }
    
    #faq{
        color: black;
    }
    
    #faq:hover{
        color: blue;
    }
    
    #partner{
        color: blue;
    }
    
    #partner:hover{
        color: blue;
    }
    
    #ueber{
        color: black;
    }
    
    #ueber:hover{
        color: blue;
    }

    #Kontakt{
        color: black;
    }
    
    #Kontakt:hover{
        color: blue;
    }


    .Zeile {
        .left {
            float: left;
            width: 50%; /* The width is 20%, by default */
        }
        
        .right {
            float: left;
            width: 50%; /* The width is 60%, by default */
        }
        
        /* Use a media query to add a breakpoint at 800px: */
        @media screen and (max-width: 800px) {
            .left, .right {
            width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
            }
            #Text_1 {
                margin-left: 20%;
                margin-right: 20%;
                margin-top: 10%;
                margin-bottom: 5%;
                }
        }
    }

    #ueberschrift {
        padding-top: 20px;
    }

    #logo_akademie {
        max-width: 250px; height: auto;
    }

    #logo_kinesiologieverband {
        max-width: 200px; height: auto;
    }


    #logo_klaus {
        max-width: 150px; height: auto;
    }



  
    #text-startseite {
        font-size: 150%;
    }


    p {
        font-size: 120%;
    }

    .link {
        font-size: 120%;
        color: black;
    }

       
    .boden {
        float: right;
        color: black;
        margin-right: 10px;
    }

    .boden:hover {
        color: blue;
    }