.image-row {
    display: flex;
    justify-content: center;  /* Zentriert den Inhalt */
    width: 98%;
    margin: 2rem auto;
}

.image-container {
    position: relative;  /* Für absolute Positionierung des Buttons */
    display: inline-block;
}

.image-container img {
    max-width: 100%;
    height: auto;
    display: block;
}

.circle-button {
    position: absolute;
    left: -70px;           /* Abstand vom linken Bildrand */
    top: 50%;
    transform: translateY(-50%);  /* Vertikal zentrieren */
    
    width: 180px;
    height: 180px;
    border-radius: 50%;   /* Macht es rund */
    
    background-color: #621A74;  /* Orange wie in der Navigation */
    color: #FF914D;
    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    font-weight: bold;
    font-size: 28px;
    text-decoration: none;
    line-height: 1.3;
    
    transition: background-color 0.3s ease;
}

.circle-button:hover {
    background-color: #FF914D;
    color: #621A74;
    cursor: pointer;
}