.studenten-section{min-height: 87dvh;background: linear-gradient( 322deg, rgba(20, 26, 45, 0.98) 0%, rgba(35, 40, 75, 0.98) 50%, rgba(50, 54, 105, 0.98) 100% );padding: 9rem 6rem 3.5rem 6rem;position: relative;z-index: 2;overflow: hidden} .studenten-section::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient( circle at 30% 20%, rgba(147, 112, 219, 0.08) 0%, transparent 50% ), radial-gradient( circle at 70% 80%, rgba(106, 90, 205, 0.08) 0%, transparent 50% );pointer-events: none} .studenten-content{margin: 0 auto;padding-inline: 1rem} .studenten-section h2{font-size: clamp(2rem, 4vw, 3rem);margin-bottom: 3rem;color: var(--color-light);font-weight: 500;position: relative;display: inline-block;letter-spacing: 0.05em} .studenten-section h2::after{content: "";position: absolute;width: 100%;height: 2px;bottom: -0.5rem;left: 0;background: linear-gradient(90deg, var(--color-accent) 0%, transparent 100%)} .studenten-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 4rem} .student-item{background: rgba(228, 184, 231, 0.05);padding: 2rem;border-radius: 1rem;border: 1px solid rgba(228, 184, 231, 0.1);transition: all 0.3s ease;backdrop-filter: blur(10px);position: relative;overflow: hidden} .student-item:hover{background: rgba(228, 184, 231, 0.08);transform: translateY(-5px)} .student-item::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient( circle at top right, rgba(147, 112, 219, 0.12), transparent 60% ), radial-gradient( circle at bottom left, rgba(106, 90, 205, 0.12), transparent 60% );pointer-events: none} .student-item:hover{background: linear-gradient( 135deg, rgba(35, 40, 80, 0.98) 0%, rgba(55, 60, 110, 0.98) 50%, rgba(75, 80, 140, 0.98) 100% );transform: translateY(-8px) scale(1.02);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25), 0 8px 15px rgba(0, 0, 0, 0.15), 0 0 20px rgba(176, 156, 255, 0.2);border: 1px solid rgba(176, 156, 255, 0.3)} .student-item h3{font-size: 1.5rem;color: var(--color-accent);margin-bottom: 1.5rem;font-weight: 500;letter-spacing: 0.02em;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)} .student-item ul{list-style: none;padding: 0} .student-item li{color: var(--color-light);font-size: 1.1rem;margin-bottom: 1rem;opacity: 0.9;position: relative;padding-left: 1.5rem;line-height: 1.4} .student-item li::before{content: "•";color: var(--color-accent);position: absolute;left: 0;opacity: 0.8} @media (max-width: 1105px){.studenten-section{padding: 9rem 4rem 3.5rem 6rem} } @media (max-width: 1024px){.studenten-section{padding: 2.2rem 2rem 2rem 2rem} .studenten-section h2{text-align: center;margin-left: auto;margin-right: auto;display: block;width: 100%} .studenten-section h2::after{left: 50%;transform: translateX(-50%);width: 25rem} .studenten-content{padding: 1rem 0} .nav-links .only-desktop{display: none} .nav-links .only-mobile{display: flex} .student-item:hover{background: linear-gradient( 135deg, rgba(28, 32, 65, 0.95) 0%, rgba(45, 50, 95, 0.95) 50%, rgba(62, 68, 125, 0.95) 100% );transform: none;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25), 0 0px 0px rgba(0, 0, 0, 0.15), 0 0 0px rgba(176, 156, 255, 0.2);border: 1px solid rgba(176, 156, 255, 0.2)} .studenten-list{gap: 2rem} } @media (max-width: 768px){.studenten-section{padding: 2.7rem 2rem 2rem 2rem} .studenten-list{grid-template-columns: 1fr} .studenten-section h2::after{width: 20rem} } @media (max-width: 468px){.studenten-section{padding: 3.4rem 2rem 2rem 2rem} } @media (max-width: 368px){.studenten-section{padding: 3.4rem 1rem 2rem 1rem} }