/* =====================================
   Portfolio Navigation
   ===================================== */

.portfolio-navigation {

    max-width: 900px;
    margin: 40px auto;
    padding: 30px;

}


.portfolio-grid {

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 40px;

    justify-items: start;

}



/* =====================================
   Einzelnes Icon
   ===================================== */

.portfolio-card {

    text-align: center;

    text-decoration: none;

    color: var(--bs-body-color);

    background: transparent;

    border: none;

    box-shadow: none;

    padding: 0;

    transition: transform .2s ease;

}



.portfolio-card:hover {

    transform: translateY(-5px);

}



/* =====================================
   Bild
   ===================================== */

.portfolio-card img {

    width: 110px;

    height: 110px;

    object-fit: cover;

    border-radius: 20px;

    display: block;

    margin: 0 auto 15px;

}



/* =====================================
   Titel
   ===================================== */

.portfolio-card h3 {

    margin: 0;

    font-size: 1.1rem;

    font-weight: 600;

}