main img {

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

table {
    width:100%;
    margin-top: 20px;
    border-style: hidden;
    text-align: center;
    border-collapse: collapse

}

table th, td {

    padding: 10px;
    margin: 0;
    border:2px solid darkgray;
   
 }


.ArtHeadbar{
    width: 40%;

}

#Solution{


    
    width: 70%;
} 

#Aldehydschutz{

    width: 50%;
    
}

#Aldehydmech {

    width: 65%;
    padding-top: 30px;
}

#Wasserabscheider{
    width: 5%;
 
}

#Actable{
    width: 28%;
    padding: 0;
    
}


#Alkylester {

    width: 55%;
}

#Tbuester {
    width: 55%;
}

#Tbuestermech {
    width: 65%;
}

#Bnester {

    width: 55%;
}

#Etsch {

        width: 25%
}

#Tbsch {

    width: 20%
}

#Bnsch {

    width: 29%
}

#Esch {

    width: 25%
}


#Boc {

    width: 55%;
}

#Bocsch {

    width: 65%;
}

#Bocrem {

    width: 70%;
}

#Fmoc {
    width: 55%;
}

#Fmocrem {

    width: 50%;
}

#Cbz {

    width: 55%;
}

#Boc2O {

    width: 25%;

}

#FmocCl {

    width: 25%;
}

#CbzCl {

    width: 20%;
}


#Silyl {
    width: 50%;
}

#Tmssch {

    width: 65%;
}

#Tmsrem {

    width: 80%;
}

#AEMech {

    width: 50%;
}

#Mom {

    width: 50%;
}

#Thp {

    width: 50%;
}

#Tmssch {

    width: 80%;
}

#MOMCl {

    width: 20%;
}

#DHP {

    width: 25%;
}

#Frage3 {

    width: 55%;
    margin-top: 5px;
}

#Frage3Lsg {

    width: 60%;
}

#Frage1 {

    width: 35%;
    margin-top: 5px;
}

#Frage1Lsg {

    width: 80%;
}

#Frage2 {

    width: 70%;
    margin-top: 5px;
}

#Frage2Lsg {

    width: 70%;
}


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


        #Actable { width: 35%;}
        #Etsch { width: 30%}
        #Tbsch { width: 25%}
        #Bnsch { width: 35%}
        #Boc2O { width: 45%}
        #FmocCl { width: 40%}
        #CbzCl { width: 35%}
        #MOMCl { width: 20%}
        #DHP { width: 25%}
    }

    @media all and (max-width: 1050px) {
        
        #Actable { width: 40%;}
        #Etsch { width: 40%}
        #Tbsch { width: 35%}
        #Bnsch { width: 45%}
        #Boc2O { width: 55%}
        #FmocCl { width: 55%}
        #CbzCl { width: 50%}
        #MOMCl { width: 30%}
        #DHP { width: 40%}


        #Alkylester { width: 80%;}
        #Tbuester { width: 80%;}
        #Tbuestermech { width: 80%;}
        #Bnester { width: 80%;}
        #Boc { width: 80%;}
        #Bocsch { width: 80%;}
        #Bocrem { width: 80%;}
        #Fmoc { width: 80%;}
        #Fmocrem { width: 80%;}
        #Cbz { width: 80%;}
        #Silyl { width: 80%;}
        #Tmssch { width: 80%;}
        #Mom { width: 80%;}
        #Thp { width: 80%;}
        
    
 }
    


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

        #Actable { width: 50%;}
        #Etsch { width: 50%}
        #Tbsch { width: 40%}
        #Bnsch { width: 45%}
        #Boc2O { width: 55%}
        #FmocCl { width: 60%}
        #CbzCl { width: 55%}
        #MOMCl { width: 30%}
        #DHP { width: 50%}
  
    
}

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

    sup {
        position: relative;
        bottom: 5px;
    }

 
    
    #Actable { width: 80%;}
    #Etsch { width: 70%}
    #Tbsch { width: 60%}
    #Bnsch { width: 70%}
    #Boc2O { width: 85%}
    #FmocCl { width: 80%}
    #CbzCl { width: 70%}
    #MOMCl { width: 50%}
    #DHP { width: 70%}
    
    

}

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


    .ArtHeadbar {

        width:90%;
    }
    #Solutionsmall {

        width: 90%;
    } 

    #Wasserabscheider{

        width: 15%;
    } 

    #Aldehydschutz{

        width: 95%;
    }

    #Aldehydmechsmall {

        width: 95%;
    }


    #Alkylester {

        width: 95%;
    }

    #Tbuester {

        width: 95%;
    }

    #Tbuestermech {

        width: 95%;
    }

    #Bnester {

        width: 95%;
    }

    #Boc{

        width: 95%;
    }

    #Bocschsmall{

        width: 95%;
    }

    #Bocremsmall {

        width: 95%;
    }

    #Fmoc {

        width: 95%;
    }

    #Fmocrem {

        width: 95%;
    }

    #Cbz {

        width: 95%;
    }

    #Silyl {

        width: 95%;
    }


    #Tmsschsmall {

        width: 95%;
    }

    #Tmsremsmall {

        width: 95%;
    }

    #AEMech {

        width: 95%;
    }

    #Mom {

        width: 95%;
    }

    #Thp {

        width: 95%;
    }

    #Frage1 {

        width: 60%;
    }
    
    #Frage1Lsgsmall {

        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }


    table {

        font-size: 13px;
        width: 95%;
    }


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

        table {
            font-size: 11px;
        }
    
    }
    
        
}

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

    table {
        display: none;
    }

    .smallh2 {

        display: none;
    }
}