body{
    margin: 0%;
    background-color: white;
}

header {
    width: 100%;
}

footer{
    width: 100%;
    background-color: #90b5e1;
}

p{
    color: #f5f6f7;
}

.link{
    margin: 0px 20px 0px 0px;
    display: flex;
    justify-content: flex-end;
    height: 100%;
   
}

.link1{
    padding: 0px 20px 0px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 90px;
    background-color: #bfb0d7;
}

.link :hover{
    opacity: 75%;
}

.link2{
    padding: 0px 20px 0px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 90px;
    background-color: #90b5e1;
}





.hinweis{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.hinweis1{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    color: #eeeeee;
    background-color: #90b5e1;
}

header a {
    text-decoration: none; 
}





.container0_1 :hover {
    opacity: 75%;
}

.container1_1 :hover {
    opacity: 75%;
}

.container2_1 :hover {
    opacity: 75%;
}





.grafik_container0{
    margin: 10px 20px 50px 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grafik_container0_2{
    display: flex;
    flex-direction: column;
    background-color: #bfb0d7;
}

.grafik_container0_4{
    margin: 0px 20px 0px 20px;
    padding: 20px 20px 20px 20px;
    display: flex;
    justify-content: center;
}

.grafik_container0_4 p0{
    font-size: 14pt;
    display: flex;
    color: #a293ba;
}

.grafik_container0_4 p1{
    font-size: 14pt;
    display: flex;
    color: #efebf6;
}

.grafik_container0_3{
    height: 100%;
    width: 10%;
}

.grafik_container0_1{
    height: 100%;
    width: 10%;
}

.grafik_container1{
    margin: 10px 20px 50px 20px;
    padding: 20px 40px 20px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grafik_container1_1{
    display: flex;
    flex-direction: column;
    background-color: #bfb0d7;
}

.grafik_container0_3 :hover{
    opacity: 75%;
}

.grafik_container0_1 :hover{
    opacity: 75%;
}

.grafik1_1{
    width: 100%;
    height: 100%;
}





.previous{
    cursor: pointer; 
    font-weight: bold;
    font-size: 75px;
    color: #bfb0d7;
}

.next{
    cursor: pointer;
    font-weight: bold;
    font-size: 75px;
    color: #bfb0d7;
}

.grafik_container0  a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
}





.beschreibung_0{
    margin: 10px 20px 50px 20px;
    padding: 10px 10px 10px 10px;
    display: flex;
    justify-content: center;
}

.beschreibung_1{
    height: 100%;
    width: 960px;
    display: flex;
    flex-direction: column;
}

.beschreibung_2 p {
    font-size: 15pt;
    color: #161717;
}

.beschreibung_3 h3 {
    font-size: 17pt;
    font-weight:bold;
    color: #90b5e1;
}

.beschreibung_2 h4 {
    font-size: 17pt;
    font-weight: bold;
    color: #bfb0d7;
}

.beschreibung_2{
    padding: 10px 10px 10px 10px;
}

.beschreibung_3{
    padding: 10px 10px 10px 10px;
    display: flex;
    justify-content: flex-end;
}

.beschreibung_3_0{
    padding: 10px 10px 10px 10px;
    display: flex;
}

.beschreibung_3_1{
    padding: 35px 10px 0px 10px;
}

.beschreibung_3_1 p{
    font-size: 13pt;
    color: #161717;
}

.beschreibung_3_1 p a{
    color: #161717;
    text-decoration: none;
}

.beschreibung_3_2{
    padding: 10px 0px 10px 10px;
    width: 154px;
    height: 154px;
    object-fit: cover;
}





.container0{
    margin: 10px 20px 10px 20px;
    height: 450px;
}

.container0_1{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.container1{
    margin: 0px 20px 10px 20px;
    height: 450px;
}

.container1_1{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.container2{
    margin: 10px 20px 10px 20px;
    height: 450px;
}

.container2_1{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}






.canvas1{
    width: 695px;
    margin-right: 10px;
}

.canvas2{
    width: 460px;
    margin-right: 10px;
}

.canvas3{
    width: 695px;
}





.canvas4{
    width: 460px;
    margin-right: 10px;
}

.canvas5{
    width: 695px;
    margin-right: 10px;
}

.canvas6{
    width: 460px;
}





.canvas7{
    width: 695px;
    margin-right: 10px;
}

.canvas8{
    width: 460px;
    margin-right: 10px;
}

.canvas9{
    width: 695px;
}





.grafik1{
    width: 100%;
    height: 100%;
    object-fit: cover;
}






@media (max-width: 1000px){

    .beschreibung_0{
        margin: 10px 20px 20px 20px;
    }
    
    .beschreibung_1{
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .beschreibung_2 p {
        font-size: 7pt;
        color: #161717;
    }
    
    .beschreibung_3 p {
        font-size: 6pt;
        color: #161717;
    }
    
    .beschreibung_3 h3 {
        font-size: 8pt;
    }

    .beschreibung_2 h4 {
        font-size: 8pt;
    }

    .beschreibung_3_1{
        padding: 20px 10px 0px 10px;
    }

    .beschreibung_3_2{   
        width: 77px;
        height: 77px;
        object-fit: cover;
    }   





    .grafik_container0{
        margin: 10px 20px 20px 20px;
        padding: 0px 0px 0px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .grafik_container0_2{
        display: flex;
    }
    
    .grafik_container0_4{
        padding: 5px 0px 0px 0px;
        display: flex;
        justify-content: center;
    }
    
    .grafik_container0_4 p0{
        font-size: 7pt;
        display: flex;
        color: #a293ba;
    }
    
    .grafik_container0_4 p1{
        font-size: 7pt;
        display: flex;
        color: #efebf6;
    }
    
    .grafik_container0_3{
        width: 10%;
        height: 100%;
    }
    
    .grafik_container0_1{
        width: 10%;
        height: 100%;
    }
    
    .grafik_container1{
        margin: 10px 20px 20px 20px;
        padding: 0px 15px 0px 15px;
        display: flex;
    }
    
    


    
    .previous{
    font-size: 25px; 
    }

    .next{
    font-size: 25px;
    }




    
    .link{
        display: flex;
        justify-content: flex-end;
        height: 25px;
    }

    .link p{
        font-size: 7pt;
    }

    .link1{
        padding: 0px 0px 0px 0px;
        display: flex;
    }
    
    .link2{
        padding: 0px 0px 0px 0px;
        display: flex;
    }
    
    .hinweis{
        height: 25px;
        width: 100%;
    }

    .hinweis1 p{
        font-size: 6pt;
    }




    
    .container0{
        height: 100%;
    }

    .container0_1{
        flex-direction: column;
    }

    .container1{
        height: 100%;
    }

    .container1_1{
        flex-direction: column;
    }

    .container2{
        height: 100%;
    }

    .container2_1{
        flex-direction: column;
    }

    .canvas1{
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }

    .canvas2{
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }

    .canvas3{
        display: flex;
        width: 100%;
    }

    .canvas4{
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }

    .canvas5{
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .canvas6{
        display: flex;
        width: 100%;
    }
    
    .canvas7{
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .canvas8{
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }

    .canvas9{
        display: flex;
        width: 100%;
    }


}