/* .carousel-wrapper {
    margin-top: 70px;
 } */

.card:hover {
    cursor: pointer;
    transform: translateX(2px) scale(1.05) rotate(0deg);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    
    transition: all 0.2s ease;
}

/*debugging*/
div {
    border: 0px solid red;
    /* Voeg een rode rand toe voor debugging */

}


/* .icon-circle{
  background: #3082A4;
}

.section-title {
    color: #3082A4;
}

.nav-link:hover {
    color: #A7A7A7 !important;
    font-weight: 600;
    
}

.nav-link{
    color: #3082A4 !important;
    font-weight: 600;
} */

.scroll-margin-top {
  scroll-margin-top: 80px; /* pas aan op basis van je navbar hoogte */
}


:root {
    --primary: #3082A4;
    --accent: #3082A4;
    --muted: #A7A7A7;
    --bg: #fff;
    --radius: 1.2rem;
    --shadow: 0 8px 32px rgba(30, 41, 59, 0.10);
    --hero-gradient: linear-gradient(120deg, var(--primary) 0%, var(--accent) 100%);
}

.card {
    color: var(--primary);
    font-weight: 100;
}

.nav-link {
    font-weight: 600;
}

.portfolio-title-left,
.dienst-title-left {
    text-align: left;
    color: var(--primary);
}

.portfolio-description-left {
    text-align: left;
    color: var(--muted);
}

/* .card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    transform: scale(1.02);
    transition: all 0.3s ease;
} */