/* Globale Anpassungen */
body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    scroll-behavior: smooth;
}

/* Hero Section mit einem lebendigen Gradienten */
.hero-section {
    background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
    min-height: 60vh;
    padding: 100px 0;
}

/* Farbige Projekt-Karten */
.project-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.card-blue {
    background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);
}

.card-orange {
    background: linear-gradient(135deg, #fd7e14 0%, #dc3545 100%);
}

/* Avatare im Vorstandsbereich */
.avatar-placeholder {
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Begrenzung der Breite für Fließtexte */
.max-w-75 {
    max-width: 75%;
}

@media (max-width: 768px) {
    .max-w-75 {
        max-width: 100%;
    }
}

/* Logo in der Navigationsleiste */
.navbar-logo {
    height: 45px; /* Du kannst diesen Wert anpassen, je nachdem wie groß das Logo wirken soll */
    width: auto;
    object-fit: contain;
}