#project-detail .container{
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#project-detail .container-small{
    max-width: 700px;
    min-width: 700px;
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 80px;
    gap: 60px;
}

#project-detail h1{
    font-size: 64pt;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 100;
    letter-spacing: 12px;
}

#project-detail .image-container {
    border-radius: 10px;
    border: solid 2px rgba(255, 250, 240, 0.158);
    padding: 30px;
    display: inline-block;
    width: 100%;
    
}

#project-detail .project-detail-image{
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
    position: relative;

}

#project-detail .project-detail-image:hover{
    scale: 1.01;
    transition: 0.3s;

}

#project-detail .subtext{
    opacity: 70%;
    font-size: 16pt;
    letter-spacing: 4px;
}



/* TODO unbedingt zusammenfassen mit den Klassen aus projects.css */

.project-detail-text>h2 {
    font-family: "Abril Fatface";
    font-weight: 400;
    font-size: 24pt;
    letter-spacing: 2pt;
    line-height: 160%;
    color: floralwhite;
}

.project-detail-text {
    flex: 1;
}
.project-detail-text>p {
    margin-top: 30px;
    font-size: 12pt;
    font-family: 'Droid Sans';
    color: rgba(255, 250, 240, 0.615);
    line-height: 200%;
}