body {
    color: rgb(255, 255, 255);
    background-color: rgb(24, 22, 22);
}

* {
    font-family: Inter ;
}

p {
    
    font-size: 10px;
}

h1{
color: rgb(255, 255, 255);
font-size: 50px;

}

h2{
    color: rgb(255, 255, 255);
font-size: 22px;
}

#titel{
    border: 8;
    height: 150px;
    text-align: center;
    top: -10px;
    background: rgb(48, 45, 45);
}

#text{
    border: 8px;
    width: 410px;
    height: 75px;
    text-align: center;
    top: -50px;
    background: rgb(48, 45, 45);
}

h3 {
    color: rgb(255, 255, 255);
    font-size: 18px;
}

h4 {
    color: rgb(255, 255, 255); 
    font-size: 10px;
}

h5{
    font-size: 18px;
}

h6 {
    font-size: 10px;
    color: rgb(255, 255, 255)
}

#Image{
    background-image: url("Images/nachhaltigkeit.webp");
    height: 500px;
    width: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    position: absolute;
    top: 33%;
    left: 56%;
    translate: (-50%, -50%);
}

p {
    color: rgb(255, 255, 255);
    font-size: 13px;
}

h6 {
    color: 255, 255, 255;
    font-size: 15px;
}

.ButtonZurwebseite{
    background-image: url("Images/MarineCouncil.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    border: none;
    color: white;
    padding: 15px 32px;

    text-align: center;
    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 4px 2px;

    cursor: pointer;
}

#bild{
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTkxgJkaUMs-G55OnTT8UORNcXILH0qhRyyuQ&s");
    height: 415px;
    width: 410px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    position: absolute;
    top: 130%;
    left: 56%;
    translate: (-50%, -50%);
}
#box {
    border: 8px;
    width: 410px;
    height: 450px;
    text-align: center;
    top: -20px;
    background: rgb(48, 45, 45); 
}
#quellen {
   border: 8px;
    width: 300px;
    height: 50px;
    text-align: center;
    top: -20px;
    background: rgb(48, 45, 45);    
}