/* Allgemeine Button-Stile */
.social-buttons {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    gap: 20px;
    z-index: 900;
}

.social-button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.social-button img {
    width: 50%;
    height: 50%;
}

/* Facebook Button Farbverlauf */
.social-button.facebook {
    background: linear-gradient(45deg, #3b5998, #8b9dc3);
}

/* Instagram Button Farbverlauf */
.social-button.instagram {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

/* Mobile Ansicht */
@media screen and (max-width: 768px) {


    .social-button {
       width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    }
    
    
}