/*Zentrieren des gesamten Website-Inhalts*/
.pageContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(255, 255, 255);}

h1 {
    font-family: "Ariel", sans-serif;
    color:rgb(87, 5, 12);
    margin: 2vmin;
  }

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

.imageDisplay, .text {
    width: calc(20vw + 10vmin);
    max-width: 90vw;
}

.imageDisplay{
    border: 3px solid rgba(142, 142, 148, 0.7);
    aspect-ratio: 10 / 16;
    border-radius: 1rem;
    overflow: hidden;
     background-color: rgb(255, 255, 255);
     margin: 2vmin;
}

.imageDisplay > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text{
    text-align: justify;
    font-size: 15pt;
}

@media only screen and (max-width: 900px){
    /*TODO Media Query für Tablet-Bildschirme*/
}

@media only screen and (max-width: 500px){
    .imageDisplay, .text{
        width: 70vw;
    }
}