/* Base layout adjustments for landing page */ body { scroll-behavior: smooth; } section[id] { scroll-margin-top: 84px; } /* Fine-tune AOS transitions for this page */ [data-aos] { will-change: transform, opacity; } /* Elegante Card-Optik Light/Dark */ .landing-card { background: radial-gradient(circle at top left, rgba(191, 219, 254, 0.35), transparent 55%), radial-gradient(circle at bottom right, rgba(219, 234, 254, 0.5), transparent 55%), rgba(255, 255, 255, 0.96); box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08); border-radius: 1.5rem; border: 1px solid rgba(148, 163, 184, 0.25); } .landing-card-soft { background: linear-gradient(135deg, rgba(248, 250, 252, 0.96), rgba(239, 246, 255, 0.96)); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05); border-radius: 1.25rem; border: 1px solid rgba(226, 232, 240, 0.9); } /* Dark-Theme Varianten für Karten (gesteuert über .dark auf ) */ .dark .landing-card { background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.24), transparent 55%), radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.3), transparent 55%), rgba(15, 23, 42, 0.98); box-shadow: 0 22px 55px rgba(15, 23, 42, 0.75); border: 1px solid rgba(148, 163, 184, 0.45); } .dark .landing-card-soft { background: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.96)); box-shadow: 0 20px 50px rgba(15, 23, 42, 0.85); border: 1px solid rgba(30, 64, 175, 0.7); } .landing-card:hover, .landing-card-soft:hover { transform: translateY(-2px); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12); } .dark .landing-card:hover, .dark .landing-card-soft:hover { box-shadow: 0 28px 70px rgba(15, 23, 42, 0.9); }