main img {

    display: block; 
    margin-left: auto;
    margin-right: auto;
}

.ArtHeadbar{
    width: 45%;

}
#Ylid{

    width: 80%;
} 

#Mechanismus {

    width: 60%;
}

#S-Ylide {
    width: 45%;
}

#Ylid-Klassen {
    width: 70%;
    padding-top: 5px;
}

#Z-Selectivity{

    width:50%;
    margin-bottom: 10px;
}

#TSs {

    width: 60%;
    margin-top: 20px;
    margin-bottom: 20px;

}

#Bip {

    width: 40%;
    margin-bottom: 10px;
}

#Approach {

    width:40%;
}

#E-Selectivity {
    width: 70%;
}

#HWE {
    width: 75%;
    margin-top: 5px;
}

/** Summary **/

#P1, #P2 {

    width: 30%;
}
#P1 {

    margin-top: 40px;
}

#P2 {
    margin-top: 10px;
}

 /** Fragen **/

#Frage1, #Frage2 {

    width: 55%;
    margin-top: 15px;
    margin-bottom: 15px;
}

#Frage1lsg, #Frage2lsg, #Frage3lsg {

    width: 55%;
}

#Frage3 {

    width: 75%;
    margin-top: 15px;
    margin-bottom: 15px;
}

#Frage4, #Frage4lsg {

    width: 70%;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media all and (max-width: 700px) {


    .ArtHeadbar {

        width:90%;
    }

    #Ylidsmall{

        width: 80%;
    } 

    #Mechanismussmall {

        width: 90%;
    }

    #S-Ylide {
        width: 85%;
    }

    #Ylid-Klassensmall {
        width: 98%;
        padding-top: 5px;
    }

    #Z-Selectivity{

        width:98%;
        margin-bottom: 15px;
    }

    #TSssmall {

        width: 90%;
    }

    #Bip {

        width: 80%;
    }


    #E-Selectivitysmall {
        width: 90%;
    }

    #HWE {
        width: 99%;
        margin-top: 10px;
    }

    /**Fragen**/

    #Frage1, #Frage2{

        width: 80%;
        
    }
    
    #Frage1lsg, #Frage2lsg, #Frage3lsg, #Frage4, #Frage4lsg {
    
        width: 90%;
    }
    
    #Frage3 {
    
        width: 95%
    }
    }