@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); /* Allgemeine Stile */
body {
    font-family: 'Inter', sans-serif;
}

/* Stile für Volleyball-Elemente */
.text-volleyball {
    color: #E74C3C;
}

/* Design für die Tabelle */
.min-w-full {
    min-width: 100%;
}

.btn-primary {
    background-color: #4061ae;
    border-color: #4061ae;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active {
  background-color: #1E398F;
  border-color: #1E398F;
}

.menu-open {
  background-color: #f3f4f6; /* bg-gray-100 */
}

#menu-icon.rotate-90 {
  transform: rotate(90deg);
}

/* Animation für das Hamburger-Icon */
#menu-btn.menu-open #top-line {
  transform: translateY(6px) rotate(45deg);
}

#menu-btn.menu-open #middle-line {
  opacity: 0;
  transform: scaleX(0);
}

#menu-btn.menu-open #bottom-line {
  transform: translateY(-6px) rotate(-45deg);
}

body {
            font-family: 'Inter', sans-serif;
        }
        .bg-pattern {
            background-image: linear-gradient(to bottom, rgba(243, 244, 246, 0.9), rgba(243, 244, 246, 0.9)), url("https://www.transparenttextures.com/patterns/cubes.png");
        }
        .btn-link {
            transition: transform 0.2s, box-shadow 0.2s;
        }
        .btn-link:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }