body {
    background-color: #657a8b;
    color: white;
}
.intro1 , .intro2 {
    color: #3e4b56;
}
.overl {
    display: grid;
    color: #3e4b56;
    
}
.profil {
    margin-top: 2%;
    width: 60%; 
    height: auto;
    margin-left: 20%;
    display: block;
}
.intro1 {
    position: absolute;
    text-align: center;
    width: 40%;
    height: 33%;
    font-size: clamp(20px, 5vh, 50px);
    margin-top: 7%;
    z-index: 10;
    margin-left: 30%;
}
.intro2 {
    position: absolute;
    text-align: center;
    width: 40%;
    font-size: auto;
    margin-top: 39%;
    z-index: 15;
    margin-left: 30%;
}
.theme h3 {
    background-color: white;
    border-radius: 8%;
    width: 15%;
    text-align: center;
    position: absolute;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;

}
.theme img {
    width: 20%;
    height: 40%;
    text-align: center;
    position: absolute;
    margin-top: 5%;
    object-fit: cover;
    padding-bottom: 2%;
    

}
.theme {
    transition: 1s;
}
.a {
    margin-left: 10%;
}
.b {
    margin-left: 40%;
}
.c {
    margin-left: 70%;
}
.theme:hover {
    filter: brightness(50%);
}
.quelle {
    margin-top: 25%;

}
.content {
    margin-left: 10%;
    width: 80%;
    font-family: Arial, sans-serif;
}
.video {
    width: 80vw ;
}
.headline {
    text-align: center;
}
p {
    line-height: 20px;
}
.alignsalz {
    width: 80%;
}
.pagethreeimg {
    width: 60%;
}
.ppagefour {
    width: 45%;
}
.pagefournext {
    display: flex;
    gap: 3%;
}
.backbut {
    margin-top: 3%;
}
  .pagefournext img {
    width: 30vw; /* 30% der Viewport-Breite */
    height: calc(30vw * 16 / 9); /* Höhe basierend auf 9:16-Verhältnis */
    object-fit: cover;
  }
.arbbr {
    width: 80vw;
    margin-left: 10%;
}
.quelllink {
    color: white;
}