Remove static site implementation
This commit is contained in:
syntaxbullet
457
bun.lock
Normal file
457
bun.lock
Normal file
@@ -0,0 +1,457 @@
|
||||
{
|
||||
"lockfileVersion": 1,
|
||||
"configVersion": 0,
|
||||
"workspaces": {
|
||||
"": {
|
||||
"name": "bmp-website",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-checkbox": "^1.3.3",
|
||||
"@radix-ui/react-label": "^2.1.8",
|
||||
"@radix-ui/react-radio-group": "^1.3.8",
|
||||
"@radix-ui/react-select": "^2.2.6",
|
||||
"@radix-ui/react-slot": "^1.2.4",
|
||||
"@uidotdev/usehooks": "^2.4.1",
|
||||
"class-variance-authority": "^0.7.1",
|
||||
"clsx": "^2.1.1",
|
||||
"embla-carousel-auto-scroll": "^8.6.0",
|
||||
"embla-carousel-react": "^8.6.0",
|
||||
"framer-motion": "^12.36.0",
|
||||
"lucide-react": "^0.577.0",
|
||||
"motion": "^12.36.0",
|
||||
"react": "^19.2.4",
|
||||
"react-dom": "^19.2.4",
|
||||
"react-router-dom": "^7.13.1",
|
||||
"tailwind-merge": "^3.5.0",
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/vite": "^4.2.1",
|
||||
"@types/react": "^19.2.14",
|
||||
"@types/react-dom": "^19.2.3",
|
||||
"@vitejs/plugin-react": "^5.1.4",
|
||||
"tailwindcss": "^4.2.1",
|
||||
"vite": "^5.4.0",
|
||||
},
|
||||
},
|
||||
},
|
||||
"packages": {
|
||||
"@babel/code-frame": ["@babel/code-frame@7.29.0", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.28.5", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw=="],
|
||||
|
||||
"@babel/compat-data": ["@babel/compat-data@7.29.0", "", {}, "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg=="],
|
||||
|
||||
"@babel/core": ["@babel/core@7.29.0", "", { "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", "@babel/helper-compilation-targets": "^7.28.6", "@babel/helper-module-transforms": "^7.28.6", "@babel/helpers": "^7.28.6", "@babel/parser": "^7.29.0", "@babel/template": "^7.28.6", "@babel/traverse": "^7.29.0", "@babel/types": "^7.29.0", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA=="],
|
||||
|
||||
"@babel/generator": ["@babel/generator@7.29.1", "", { "dependencies": { "@babel/parser": "^7.29.0", "@babel/types": "^7.29.0", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw=="],
|
||||
|
||||
"@babel/helper-compilation-targets": ["@babel/helper-compilation-targets@7.28.6", "", { "dependencies": { "@babel/compat-data": "^7.28.6", "@babel/helper-validator-option": "^7.27.1", "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" } }, "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA=="],
|
||||
|
||||
"@babel/helper-globals": ["@babel/helper-globals@7.28.0", "", {}, "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw=="],
|
||||
|
||||
"@babel/helper-module-imports": ["@babel/helper-module-imports@7.28.6", "", { "dependencies": { "@babel/traverse": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw=="],
|
||||
|
||||
"@babel/helper-module-transforms": ["@babel/helper-module-transforms@7.28.6", "", { "dependencies": { "@babel/helper-module-imports": "^7.28.6", "@babel/helper-validator-identifier": "^7.28.5", "@babel/traverse": "^7.28.6" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA=="],
|
||||
|
||||
"@babel/helper-plugin-utils": ["@babel/helper-plugin-utils@7.28.6", "", {}, "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug=="],
|
||||
|
||||
"@babel/helper-string-parser": ["@babel/helper-string-parser@7.27.1", "", {}, "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="],
|
||||
|
||||
"@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.28.5", "", {}, "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="],
|
||||
|
||||
"@babel/helper-validator-option": ["@babel/helper-validator-option@7.27.1", "", {}, "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg=="],
|
||||
|
||||
"@babel/helpers": ["@babel/helpers@7.28.6", "", { "dependencies": { "@babel/template": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw=="],
|
||||
|
||||
"@babel/parser": ["@babel/parser@7.29.0", "", { "dependencies": { "@babel/types": "^7.29.0" }, "bin": { "parser": "bin/babel-parser.js" } }, "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww=="],
|
||||
|
||||
"@babel/plugin-transform-react-jsx-self": ["@babel/plugin-transform-react-jsx-self@7.27.1", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw=="],
|
||||
|
||||
"@babel/plugin-transform-react-jsx-source": ["@babel/plugin-transform-react-jsx-source@7.27.1", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw=="],
|
||||
|
||||
"@babel/template": ["@babel/template@7.28.6", "", { "dependencies": { "@babel/code-frame": "^7.28.6", "@babel/parser": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ=="],
|
||||
|
||||
"@babel/traverse": ["@babel/traverse@7.29.0", "", { "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", "@babel/helper-globals": "^7.28.0", "@babel/parser": "^7.29.0", "@babel/template": "^7.28.6", "@babel/types": "^7.29.0", "debug": "^4.3.1" } }, "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA=="],
|
||||
|
||||
"@babel/types": ["@babel/types@7.29.0", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A=="],
|
||||
|
||||
"@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.21.5", "", { "os": "aix", "cpu": "ppc64" }, "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ=="],
|
||||
|
||||
"@esbuild/android-arm": ["@esbuild/android-arm@0.21.5", "", { "os": "android", "cpu": "arm" }, "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg=="],
|
||||
|
||||
"@esbuild/android-arm64": ["@esbuild/android-arm64@0.21.5", "", { "os": "android", "cpu": "arm64" }, "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A=="],
|
||||
|
||||
"@esbuild/android-x64": ["@esbuild/android-x64@0.21.5", "", { "os": "android", "cpu": "x64" }, "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA=="],
|
||||
|
||||
"@esbuild/darwin-arm64": ["@esbuild/darwin-arm64@0.21.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ=="],
|
||||
|
||||
"@esbuild/darwin-x64": ["@esbuild/darwin-x64@0.21.5", "", { "os": "darwin", "cpu": "x64" }, "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw=="],
|
||||
|
||||
"@esbuild/freebsd-arm64": ["@esbuild/freebsd-arm64@0.21.5", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g=="],
|
||||
|
||||
"@esbuild/freebsd-x64": ["@esbuild/freebsd-x64@0.21.5", "", { "os": "freebsd", "cpu": "x64" }, "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ=="],
|
||||
|
||||
"@esbuild/linux-arm": ["@esbuild/linux-arm@0.21.5", "", { "os": "linux", "cpu": "arm" }, "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA=="],
|
||||
|
||||
"@esbuild/linux-arm64": ["@esbuild/linux-arm64@0.21.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q=="],
|
||||
|
||||
"@esbuild/linux-ia32": ["@esbuild/linux-ia32@0.21.5", "", { "os": "linux", "cpu": "ia32" }, "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg=="],
|
||||
|
||||
"@esbuild/linux-loong64": ["@esbuild/linux-loong64@0.21.5", "", { "os": "linux", "cpu": "none" }, "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg=="],
|
||||
|
||||
"@esbuild/linux-mips64el": ["@esbuild/linux-mips64el@0.21.5", "", { "os": "linux", "cpu": "none" }, "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg=="],
|
||||
|
||||
"@esbuild/linux-ppc64": ["@esbuild/linux-ppc64@0.21.5", "", { "os": "linux", "cpu": "ppc64" }, "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w=="],
|
||||
|
||||
"@esbuild/linux-riscv64": ["@esbuild/linux-riscv64@0.21.5", "", { "os": "linux", "cpu": "none" }, "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA=="],
|
||||
|
||||
"@esbuild/linux-s390x": ["@esbuild/linux-s390x@0.21.5", "", { "os": "linux", "cpu": "s390x" }, "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A=="],
|
||||
|
||||
"@esbuild/linux-x64": ["@esbuild/linux-x64@0.21.5", "", { "os": "linux", "cpu": "x64" }, "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ=="],
|
||||
|
||||
"@esbuild/netbsd-x64": ["@esbuild/netbsd-x64@0.21.5", "", { "os": "none", "cpu": "x64" }, "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg=="],
|
||||
|
||||
"@esbuild/openbsd-x64": ["@esbuild/openbsd-x64@0.21.5", "", { "os": "openbsd", "cpu": "x64" }, "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow=="],
|
||||
|
||||
"@esbuild/sunos-x64": ["@esbuild/sunos-x64@0.21.5", "", { "os": "sunos", "cpu": "x64" }, "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg=="],
|
||||
|
||||
"@esbuild/win32-arm64": ["@esbuild/win32-arm64@0.21.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A=="],
|
||||
|
||||
"@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.21.5", "", { "os": "win32", "cpu": "ia32" }, "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA=="],
|
||||
|
||||
"@esbuild/win32-x64": ["@esbuild/win32-x64@0.21.5", "", { "os": "win32", "cpu": "x64" }, "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw=="],
|
||||
|
||||
"@floating-ui/core": ["@floating-ui/core@1.7.5", "", { "dependencies": { "@floating-ui/utils": "^0.2.11" } }, "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ=="],
|
||||
|
||||
"@floating-ui/dom": ["@floating-ui/dom@1.7.6", "", { "dependencies": { "@floating-ui/core": "^1.7.5", "@floating-ui/utils": "^0.2.11" } }, "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ=="],
|
||||
|
||||
"@floating-ui/react-dom": ["@floating-ui/react-dom@2.1.8", "", { "dependencies": { "@floating-ui/dom": "^1.7.6" }, "peerDependencies": { "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A=="],
|
||||
|
||||
"@floating-ui/utils": ["@floating-ui/utils@0.2.11", "", {}, "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg=="],
|
||||
|
||||
"@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
|
||||
|
||||
"@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
|
||||
|
||||
"@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
|
||||
|
||||
"@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
|
||||
|
||||
"@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
|
||||
|
||||
"@radix-ui/number": ["@radix-ui/number@1.1.1", "", {}, "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g=="],
|
||||
|
||||
"@radix-ui/primitive": ["@radix-ui/primitive@1.1.3", "", {}, "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg=="],
|
||||
|
||||
"@radix-ui/react-arrow": ["@radix-ui/react-arrow@1.1.7", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w=="],
|
||||
|
||||
"@radix-ui/react-checkbox": ["@radix-ui/react-checkbox@1.3.3", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-controllable-state": "1.2.2", "@radix-ui/react-use-previous": "1.1.1", "@radix-ui/react-use-size": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-wBbpv+NQftHDdG86Qc0pIyXk5IR3tM8Vd0nWLKDcX8nNn4nXFOFwsKuqw2okA/1D/mpaAkmuyndrPJTYDNZtFw=="],
|
||||
|
||||
"@radix-ui/react-collection": ["@radix-ui/react-collection@1.1.7", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw=="],
|
||||
|
||||
"@radix-ui/react-compose-refs": ["@radix-ui/react-compose-refs@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg=="],
|
||||
|
||||
"@radix-ui/react-context": ["@radix-ui/react-context@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA=="],
|
||||
|
||||
"@radix-ui/react-direction": ["@radix-ui/react-direction@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw=="],
|
||||
|
||||
"@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg=="],
|
||||
|
||||
"@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.3", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw=="],
|
||||
|
||||
"@radix-ui/react-focus-scope": ["@radix-ui/react-focus-scope@1.1.7", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw=="],
|
||||
|
||||
"@radix-ui/react-id": ["@radix-ui/react-id@1.1.1", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg=="],
|
||||
|
||||
"@radix-ui/react-label": ["@radix-ui/react-label@2.1.8", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.4" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A=="],
|
||||
|
||||
"@radix-ui/react-popper": ["@radix-ui/react-popper@1.2.8", "", { "dependencies": { "@floating-ui/react-dom": "^2.0.0", "@radix-ui/react-arrow": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-layout-effect": "1.1.1", "@radix-ui/react-use-rect": "1.1.1", "@radix-ui/react-use-size": "1.1.1", "@radix-ui/rect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw=="],
|
||||
|
||||
"@radix-ui/react-portal": ["@radix-ui/react-portal@1.1.9", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ=="],
|
||||
|
||||
"@radix-ui/react-presence": ["@radix-ui/react-presence@1.1.5", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ=="],
|
||||
|
||||
"@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],
|
||||
|
||||
"@radix-ui/react-radio-group": ["@radix-ui/react-radio-group@1.3.8", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-presence": "1.1.5", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-roving-focus": "1.1.11", "@radix-ui/react-use-controllable-state": "1.2.2", "@radix-ui/react-use-previous": "1.1.1", "@radix-ui/react-use-size": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ=="],
|
||||
|
||||
"@radix-ui/react-roving-focus": ["@radix-ui/react-roving-focus@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-collection": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-controllable-state": "1.2.2" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA=="],
|
||||
|
||||
"@radix-ui/react-select": ["@radix-ui/react-select@2.2.6", "", { "dependencies": { "@radix-ui/number": "1.1.1", "@radix-ui/primitive": "1.1.3", "@radix-ui/react-collection": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-dismissable-layer": "1.1.11", "@radix-ui/react-focus-guards": "1.1.3", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-popper": "1.2.8", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-controllable-state": "1.2.2", "@radix-ui/react-use-layout-effect": "1.1.1", "@radix-ui/react-use-previous": "1.1.1", "@radix-ui/react-visually-hidden": "1.2.3", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ=="],
|
||||
|
||||
"@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA=="],
|
||||
|
||||
"@radix-ui/react-use-callback-ref": ["@radix-ui/react-use-callback-ref@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg=="],
|
||||
|
||||
"@radix-ui/react-use-controllable-state": ["@radix-ui/react-use-controllable-state@1.2.2", "", { "dependencies": { "@radix-ui/react-use-effect-event": "0.0.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg=="],
|
||||
|
||||
"@radix-ui/react-use-effect-event": ["@radix-ui/react-use-effect-event@0.0.2", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA=="],
|
||||
|
||||
"@radix-ui/react-use-escape-keydown": ["@radix-ui/react-use-escape-keydown@1.1.1", "", { "dependencies": { "@radix-ui/react-use-callback-ref": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g=="],
|
||||
|
||||
"@radix-ui/react-use-layout-effect": ["@radix-ui/react-use-layout-effect@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ=="],
|
||||
|
||||
"@radix-ui/react-use-previous": ["@radix-ui/react-use-previous@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ=="],
|
||||
|
||||
"@radix-ui/react-use-rect": ["@radix-ui/react-use-rect@1.1.1", "", { "dependencies": { "@radix-ui/rect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w=="],
|
||||
|
||||
"@radix-ui/react-use-size": ["@radix-ui/react-use-size@1.1.1", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ=="],
|
||||
|
||||
"@radix-ui/react-visually-hidden": ["@radix-ui/react-visually-hidden@1.2.3", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug=="],
|
||||
|
||||
"@radix-ui/rect": ["@radix-ui/rect@1.1.1", "", {}, "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw=="],
|
||||
|
||||
"@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.3", "", {}, "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q=="],
|
||||
|
||||
"@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.59.0", "", { "os": "android", "cpu": "arm" }, "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg=="],
|
||||
|
||||
"@rollup/rollup-android-arm64": ["@rollup/rollup-android-arm64@4.59.0", "", { "os": "android", "cpu": "arm64" }, "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q=="],
|
||||
|
||||
"@rollup/rollup-darwin-arm64": ["@rollup/rollup-darwin-arm64@4.59.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg=="],
|
||||
|
||||
"@rollup/rollup-darwin-x64": ["@rollup/rollup-darwin-x64@4.59.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w=="],
|
||||
|
||||
"@rollup/rollup-freebsd-arm64": ["@rollup/rollup-freebsd-arm64@4.59.0", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA=="],
|
||||
|
||||
"@rollup/rollup-freebsd-x64": ["@rollup/rollup-freebsd-x64@4.59.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg=="],
|
||||
|
||||
"@rollup/rollup-linux-arm-gnueabihf": ["@rollup/rollup-linux-arm-gnueabihf@4.59.0", "", { "os": "linux", "cpu": "arm" }, "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw=="],
|
||||
|
||||
"@rollup/rollup-linux-arm-musleabihf": ["@rollup/rollup-linux-arm-musleabihf@4.59.0", "", { "os": "linux", "cpu": "arm" }, "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA=="],
|
||||
|
||||
"@rollup/rollup-linux-arm64-gnu": ["@rollup/rollup-linux-arm64-gnu@4.59.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA=="],
|
||||
|
||||
"@rollup/rollup-linux-arm64-musl": ["@rollup/rollup-linux-arm64-musl@4.59.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA=="],
|
||||
|
||||
"@rollup/rollup-linux-loong64-gnu": ["@rollup/rollup-linux-loong64-gnu@4.59.0", "", { "os": "linux", "cpu": "none" }, "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg=="],
|
||||
|
||||
"@rollup/rollup-linux-loong64-musl": ["@rollup/rollup-linux-loong64-musl@4.59.0", "", { "os": "linux", "cpu": "none" }, "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q=="],
|
||||
|
||||
"@rollup/rollup-linux-ppc64-gnu": ["@rollup/rollup-linux-ppc64-gnu@4.59.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA=="],
|
||||
|
||||
"@rollup/rollup-linux-ppc64-musl": ["@rollup/rollup-linux-ppc64-musl@4.59.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA=="],
|
||||
|
||||
"@rollup/rollup-linux-riscv64-gnu": ["@rollup/rollup-linux-riscv64-gnu@4.59.0", "", { "os": "linux", "cpu": "none" }, "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg=="],
|
||||
|
||||
"@rollup/rollup-linux-riscv64-musl": ["@rollup/rollup-linux-riscv64-musl@4.59.0", "", { "os": "linux", "cpu": "none" }, "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg=="],
|
||||
|
||||
"@rollup/rollup-linux-s390x-gnu": ["@rollup/rollup-linux-s390x-gnu@4.59.0", "", { "os": "linux", "cpu": "s390x" }, "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w=="],
|
||||
|
||||
"@rollup/rollup-linux-x64-gnu": ["@rollup/rollup-linux-x64-gnu@4.59.0", "", { "os": "linux", "cpu": "x64" }, "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg=="],
|
||||
|
||||
"@rollup/rollup-linux-x64-musl": ["@rollup/rollup-linux-x64-musl@4.59.0", "", { "os": "linux", "cpu": "x64" }, "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg=="],
|
||||
|
||||
"@rollup/rollup-openbsd-x64": ["@rollup/rollup-openbsd-x64@4.59.0", "", { "os": "openbsd", "cpu": "x64" }, "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ=="],
|
||||
|
||||
"@rollup/rollup-openharmony-arm64": ["@rollup/rollup-openharmony-arm64@4.59.0", "", { "os": "none", "cpu": "arm64" }, "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA=="],
|
||||
|
||||
"@rollup/rollup-win32-arm64-msvc": ["@rollup/rollup-win32-arm64-msvc@4.59.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A=="],
|
||||
|
||||
"@rollup/rollup-win32-ia32-msvc": ["@rollup/rollup-win32-ia32-msvc@4.59.0", "", { "os": "win32", "cpu": "ia32" }, "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA=="],
|
||||
|
||||
"@rollup/rollup-win32-x64-gnu": ["@rollup/rollup-win32-x64-gnu@4.59.0", "", { "os": "win32", "cpu": "x64" }, "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA=="],
|
||||
|
||||
"@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.59.0", "", { "os": "win32", "cpu": "x64" }, "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA=="],
|
||||
|
||||
"@tailwindcss/node": ["@tailwindcss/node@4.2.1", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "^5.19.0", "jiti": "^2.6.1", "lightningcss": "1.31.1", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.2.1" } }, "sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg=="],
|
||||
|
||||
"@tailwindcss/oxide": ["@tailwindcss/oxide@4.2.1", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.2.1", "@tailwindcss/oxide-darwin-arm64": "4.2.1", "@tailwindcss/oxide-darwin-x64": "4.2.1", "@tailwindcss/oxide-freebsd-x64": "4.2.1", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.1", "@tailwindcss/oxide-linux-arm64-gnu": "4.2.1", "@tailwindcss/oxide-linux-arm64-musl": "4.2.1", "@tailwindcss/oxide-linux-x64-gnu": "4.2.1", "@tailwindcss/oxide-linux-x64-musl": "4.2.1", "@tailwindcss/oxide-wasm32-wasi": "4.2.1", "@tailwindcss/oxide-win32-arm64-msvc": "4.2.1", "@tailwindcss/oxide-win32-x64-msvc": "4.2.1" } }, "sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw=="],
|
||||
|
||||
"@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.2.1", "", { "os": "android", "cpu": "arm64" }, "sha512-eZ7G1Zm5EC8OOKaesIKuw77jw++QJ2lL9N+dDpdQiAB/c/B2wDh0QPFHbkBVrXnwNugvrbJFk1gK2SsVjwWReg=="],
|
||||
|
||||
"@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.2.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-q/LHkOstoJ7pI1J0q6djesLzRvQSIfEto148ppAd+BVQK0JYjQIFSK3JgYZJa+Yzi0DDa52ZsQx2rqytBnf8Hw=="],
|
||||
|
||||
"@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.2.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-/f/ozlaXGY6QLbpvd/kFTro2l18f7dHKpB+ieXz+Cijl4Mt9AI2rTrpq7V+t04nK+j9XBQHnSMdeQRhbGyt6fw=="],
|
||||
|
||||
"@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.2.1", "", { "os": "freebsd", "cpu": "x64" }, "sha512-5e/AkgYJT/cpbkys/OU2Ei2jdETCLlifwm7ogMC7/hksI2fC3iiq6OcXwjibcIjPung0kRtR3TxEITkqgn0TcA=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.2.1", "", { "os": "linux", "cpu": "arm" }, "sha512-Uny1EcVTTmerCKt/1ZuKTkb0x8ZaiuYucg2/kImO5A5Y/kBz41/+j0gxUZl+hTF3xkWpDmHX+TaWhOtba2Fyuw=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.2.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-CTrwomI+c7n6aSSQlsPL0roRiNMDQ/YzMD9EjcR+H4f0I1SQ8QqIuPnsVp7QgMkC1Qi8rtkekLkOFjo7OlEFRQ=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.2.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-WZA0CHRL/SP1TRbA5mp9htsppSEkWuQ4KsSUumYQnyl8ZdT39ntwqmz4IUHGN6p4XdSlYfJwM4rRzZLShHsGAQ=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.2.1", "", { "os": "linux", "cpu": "x64" }, "sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g=="],
|
||||
|
||||
"@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.2.1", "", { "os": "linux", "cpu": "x64" }, "sha512-5r1X2FKnCMUPlXTWRYpHdPYUY6a1Ar/t7P24OuiEdEOmms5lyqjDRvVY1yy9Rmioh+AunQ0rWiOTPE8F9A3v5g=="],
|
||||
|
||||
"@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.2.1", "", { "cpu": "none" }, "sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q=="],
|
||||
|
||||
"@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.2.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-YlUEHRHBGnCMh4Nj4GnqQyBtsshUPdiNroZj8VPkvTZSoHsilRCwXcVKnG9kyi0ZFAS/3u+qKHBdDc81SADTRA=="],
|
||||
|
||||
"@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.2.1", "", { "os": "win32", "cpu": "x64" }, "sha512-rbO34G5sMWWyrN/idLeVxAZgAKWrn5LiR3/I90Q9MkA67s6T1oB0xtTe+0heoBvHSpbU9Mk7i6uwJnpo4u21XQ=="],
|
||||
|
||||
"@tailwindcss/vite": ["@tailwindcss/vite@4.2.1", "", { "dependencies": { "@tailwindcss/node": "4.2.1", "@tailwindcss/oxide": "4.2.1", "tailwindcss": "4.2.1" }, "peerDependencies": { "vite": "^5.2.0 || ^6 || ^7" } }, "sha512-TBf2sJjYeb28jD2U/OhwdW0bbOsxkWPwQ7SrqGf9sVcoYwZj7rkXljroBO9wKBut9XnmQLXanuDUeqQK0lGg/w=="],
|
||||
|
||||
"@types/babel__core": ["@types/babel__core@7.20.5", "", { "dependencies": { "@babel/parser": "^7.20.7", "@babel/types": "^7.20.7", "@types/babel__generator": "*", "@types/babel__template": "*", "@types/babel__traverse": "*" } }, "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA=="],
|
||||
|
||||
"@types/babel__generator": ["@types/babel__generator@7.27.0", "", { "dependencies": { "@babel/types": "^7.0.0" } }, "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg=="],
|
||||
|
||||
"@types/babel__template": ["@types/babel__template@7.4.4", "", { "dependencies": { "@babel/parser": "^7.1.0", "@babel/types": "^7.0.0" } }, "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A=="],
|
||||
|
||||
"@types/babel__traverse": ["@types/babel__traverse@7.28.0", "", { "dependencies": { "@babel/types": "^7.28.2" } }, "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q=="],
|
||||
|
||||
"@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
|
||||
|
||||
"@types/react": ["@types/react@19.2.14", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w=="],
|
||||
|
||||
"@types/react-dom": ["@types/react-dom@19.2.3", "", { "peerDependencies": { "@types/react": "^19.2.0" } }, "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ=="],
|
||||
|
||||
"@uidotdev/usehooks": ["@uidotdev/usehooks@2.4.1", "", { "peerDependencies": { "react": ">=18.0.0", "react-dom": ">=18.0.0" } }, "sha512-1I+RwWyS+kdv3Mv0Vmc+p0dPYH0DTRAo04HLyXReYBL9AeseDWUJyi4THuksBJcu9F0Pih69Ak150VDnqbVnXg=="],
|
||||
|
||||
"@vitejs/plugin-react": ["@vitejs/plugin-react@5.1.4", "", { "dependencies": { "@babel/core": "^7.29.0", "@babel/plugin-transform-react-jsx-self": "^7.27.1", "@babel/plugin-transform-react-jsx-source": "^7.27.1", "@rolldown/pluginutils": "1.0.0-rc.3", "@types/babel__core": "^7.20.5", "react-refresh": "^0.18.0" }, "peerDependencies": { "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" } }, "sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA=="],
|
||||
|
||||
"aria-hidden": ["aria-hidden@1.2.6", "", { "dependencies": { "tslib": "^2.0.0" } }, "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA=="],
|
||||
|
||||
"baseline-browser-mapping": ["baseline-browser-mapping@2.10.0", "", { "bin": "dist/cli.cjs" }, "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA=="],
|
||||
|
||||
"browserslist": ["browserslist@4.28.1", "", { "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", "electron-to-chromium": "^1.5.263", "node-releases": "^2.0.27", "update-browserslist-db": "^1.2.0" }, "bin": "cli.js" }, "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA=="],
|
||||
|
||||
"caniuse-lite": ["caniuse-lite@1.0.30001777", "", {}, "sha512-tmN+fJxroPndC74efCdp12j+0rk0RHwV5Jwa1zWaFVyw2ZxAuPeG8ZgWC3Wz7uSjT3qMRQ5XHZ4COgQmsCMJAQ=="],
|
||||
|
||||
"class-variance-authority": ["class-variance-authority@0.7.1", "", { "dependencies": { "clsx": "^2.1.1" } }, "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg=="],
|
||||
|
||||
"clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
|
||||
|
||||
"convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
|
||||
|
||||
"cookie": ["cookie@1.1.1", "", {}, "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ=="],
|
||||
|
||||
"csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
|
||||
|
||||
"debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
|
||||
|
||||
"detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
|
||||
|
||||
"detect-node-es": ["detect-node-es@1.1.0", "", {}, "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="],
|
||||
|
||||
"electron-to-chromium": ["electron-to-chromium@1.5.307", "", {}, "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg=="],
|
||||
|
||||
"embla-carousel": ["embla-carousel@8.6.0", "", {}, "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA=="],
|
||||
|
||||
"embla-carousel-auto-scroll": ["embla-carousel-auto-scroll@8.6.0", "", { "peerDependencies": { "embla-carousel": "8.6.0" } }, "sha512-WT9fWhNXFpbQ6kP+aS07oF5IHYLZ1Dx4DkwgCY8Hv2ZyYd2KMCPfMV1q/cA3wFGuLO7GMgKiySLX90/pQkcOdQ=="],
|
||||
|
||||
"embla-carousel-react": ["embla-carousel-react@8.6.0", "", { "dependencies": { "embla-carousel": "8.6.0", "embla-carousel-reactive-utils": "8.6.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA=="],
|
||||
|
||||
"embla-carousel-reactive-utils": ["embla-carousel-reactive-utils@8.6.0", "", { "peerDependencies": { "embla-carousel": "8.6.0" } }, "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A=="],
|
||||
|
||||
"enhanced-resolve": ["enhanced-resolve@5.20.0", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.0" } }, "sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ=="],
|
||||
|
||||
"esbuild": ["esbuild@0.21.5", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.21.5", "@esbuild/android-arm": "0.21.5", "@esbuild/android-arm64": "0.21.5", "@esbuild/android-x64": "0.21.5", "@esbuild/darwin-arm64": "0.21.5", "@esbuild/darwin-x64": "0.21.5", "@esbuild/freebsd-arm64": "0.21.5", "@esbuild/freebsd-x64": "0.21.5", "@esbuild/linux-arm": "0.21.5", "@esbuild/linux-arm64": "0.21.5", "@esbuild/linux-ia32": "0.21.5", "@esbuild/linux-loong64": "0.21.5", "@esbuild/linux-mips64el": "0.21.5", "@esbuild/linux-ppc64": "0.21.5", "@esbuild/linux-riscv64": "0.21.5", "@esbuild/linux-s390x": "0.21.5", "@esbuild/linux-x64": "0.21.5", "@esbuild/netbsd-x64": "0.21.5", "@esbuild/openbsd-x64": "0.21.5", "@esbuild/sunos-x64": "0.21.5", "@esbuild/win32-arm64": "0.21.5", "@esbuild/win32-ia32": "0.21.5", "@esbuild/win32-x64": "0.21.5" }, "bin": "bin/esbuild" }, "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw=="],
|
||||
|
||||
"escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="],
|
||||
|
||||
"framer-motion": ["framer-motion@12.36.0", "", { "dependencies": { "motion-dom": "^12.36.0", "motion-utils": "^12.36.0", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid"] }, "sha512-4PqYHAT7gev0ke0wos+PyrcFxI0HScjm3asgU8nSYa8YzJFuwgIvdj3/s3ZaxLq0bUSboIn19A2WS/MHwLCvfw=="],
|
||||
|
||||
"fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
|
||||
|
||||
"gensync": ["gensync@1.0.0-beta.2", "", {}, "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="],
|
||||
|
||||
"get-nonce": ["get-nonce@1.0.1", "", {}, "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="],
|
||||
|
||||
"graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
|
||||
|
||||
"jiti": ["jiti@2.6.1", "", { "bin": "lib/jiti-cli.mjs" }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
|
||||
|
||||
"js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
|
||||
|
||||
"jsesc": ["jsesc@3.1.0", "", { "bin": "bin/jsesc" }, "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA=="],
|
||||
|
||||
"json5": ["json5@2.2.3", "", { "bin": "lib/cli.js" }, "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="],
|
||||
|
||||
"lightningcss": ["lightningcss@1.31.1", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.31.1", "lightningcss-darwin-arm64": "1.31.1", "lightningcss-darwin-x64": "1.31.1", "lightningcss-freebsd-x64": "1.31.1", "lightningcss-linux-arm-gnueabihf": "1.31.1", "lightningcss-linux-arm64-gnu": "1.31.1", "lightningcss-linux-arm64-musl": "1.31.1", "lightningcss-linux-x64-gnu": "1.31.1", "lightningcss-linux-x64-musl": "1.31.1", "lightningcss-win32-arm64-msvc": "1.31.1", "lightningcss-win32-x64-msvc": "1.31.1" } }, "sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ=="],
|
||||
|
||||
"lightningcss-android-arm64": ["lightningcss-android-arm64@1.31.1", "", { "os": "android", "cpu": "arm64" }, "sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg=="],
|
||||
|
||||
"lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.31.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg=="],
|
||||
|
||||
"lightningcss-darwin-x64": ["lightningcss-darwin-x64@1.31.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA=="],
|
||||
|
||||
"lightningcss-freebsd-x64": ["lightningcss-freebsd-x64@1.31.1", "", { "os": "freebsd", "cpu": "x64" }, "sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A=="],
|
||||
|
||||
"lightningcss-linux-arm-gnueabihf": ["lightningcss-linux-arm-gnueabihf@1.31.1", "", { "os": "linux", "cpu": "arm" }, "sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g=="],
|
||||
|
||||
"lightningcss-linux-arm64-gnu": ["lightningcss-linux-arm64-gnu@1.31.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg=="],
|
||||
|
||||
"lightningcss-linux-arm64-musl": ["lightningcss-linux-arm64-musl@1.31.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg=="],
|
||||
|
||||
"lightningcss-linux-x64-gnu": ["lightningcss-linux-x64-gnu@1.31.1", "", { "os": "linux", "cpu": "x64" }, "sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA=="],
|
||||
|
||||
"lightningcss-linux-x64-musl": ["lightningcss-linux-x64-musl@1.31.1", "", { "os": "linux", "cpu": "x64" }, "sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA=="],
|
||||
|
||||
"lightningcss-win32-arm64-msvc": ["lightningcss-win32-arm64-msvc@1.31.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w=="],
|
||||
|
||||
"lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.31.1", "", { "os": "win32", "cpu": "x64" }, "sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw=="],
|
||||
|
||||
"lru-cache": ["lru-cache@5.1.1", "", { "dependencies": { "yallist": "^3.0.2" } }, "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w=="],
|
||||
|
||||
"lucide-react": ["lucide-react@0.577.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-4LjoFv2eEPwYDPg/CUdBJQSDfPyzXCRrVW1X7jrx/trgxnxkHFjnVZINbzvzxjN70dxychOfg+FTYwBiS3pQ5A=="],
|
||||
|
||||
"magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
|
||||
|
||||
"motion": ["motion@12.36.0", "", { "dependencies": { "framer-motion": "^12.36.0", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid"] }, "sha512-5BMQuktYUX8aEByKWYx5tR4X3G08H2OMgp46wTxZ4o7CDDstyy4A0fe9RLNMjZiwvntCWGDvs16sC87/emz4Yw=="],
|
||||
|
||||
"motion-dom": ["motion-dom@12.36.0", "", { "dependencies": { "motion-utils": "^12.36.0" } }, "sha512-Ep1pq8P88rGJ75om8lTCA13zqd7ywPGwCqwuWwin6BKc0hMLkVfcS6qKlRqEo2+t0DwoUcgGJfXwaiFn4AOcQA=="],
|
||||
|
||||
"motion-utils": ["motion-utils@12.36.0", "", {}, "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg=="],
|
||||
|
||||
"ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
|
||||
|
||||
"nanoid": ["nanoid@3.3.11", "", { "bin": "bin/nanoid.cjs" }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
|
||||
|
||||
"node-releases": ["node-releases@2.0.36", "", {}, "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA=="],
|
||||
|
||||
"picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
|
||||
|
||||
"postcss": ["postcss@8.5.8", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg=="],
|
||||
|
||||
"react": ["react@19.2.4", "", {}, "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ=="],
|
||||
|
||||
"react-dom": ["react-dom@19.2.4", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.4" } }, "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ=="],
|
||||
|
||||
"react-refresh": ["react-refresh@0.18.0", "", {}, "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw=="],
|
||||
|
||||
"react-remove-scroll": ["react-remove-scroll@2.7.2", "", { "dependencies": { "react-remove-scroll-bar": "^2.3.7", "react-style-singleton": "^2.2.3", "tslib": "^2.1.0", "use-callback-ref": "^1.3.3", "use-sidecar": "^1.1.3" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q=="],
|
||||
|
||||
"react-remove-scroll-bar": ["react-remove-scroll-bar@2.3.8", "", { "dependencies": { "react-style-singleton": "^2.2.2", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q=="],
|
||||
|
||||
"react-router": ["react-router@7.13.1", "", { "dependencies": { "cookie": "^1.0.1", "set-cookie-parser": "^2.6.0" }, "peerDependencies": { "react": ">=18", "react-dom": ">=18" } }, "sha512-td+xP4X2/6BJvZoX6xw++A2DdEi++YypA69bJUV5oVvqf6/9/9nNlD70YO1e9d3MyamJEBQFEzk6mbfDYbqrSA=="],
|
||||
|
||||
"react-router-dom": ["react-router-dom@7.13.1", "", { "dependencies": { "react-router": "7.13.1" }, "peerDependencies": { "react": ">=18", "react-dom": ">=18" } }, "sha512-UJnV3Rxc5TgUPJt2KJpo1Jpy0OKQr0AjgbZzBFjaPJcFOb2Y8jA5H3LT8HUJAiRLlWrEXWHbF1Z4SCZaQjWDHw=="],
|
||||
|
||||
"react-style-singleton": ["react-style-singleton@2.2.3", "", { "dependencies": { "get-nonce": "^1.0.0", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ=="],
|
||||
|
||||
"rollup": ["rollup@4.59.0", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.59.0", "@rollup/rollup-android-arm64": "4.59.0", "@rollup/rollup-darwin-arm64": "4.59.0", "@rollup/rollup-darwin-x64": "4.59.0", "@rollup/rollup-freebsd-arm64": "4.59.0", "@rollup/rollup-freebsd-x64": "4.59.0", "@rollup/rollup-linux-arm-gnueabihf": "4.59.0", "@rollup/rollup-linux-arm-musleabihf": "4.59.0", "@rollup/rollup-linux-arm64-gnu": "4.59.0", "@rollup/rollup-linux-arm64-musl": "4.59.0", "@rollup/rollup-linux-loong64-gnu": "4.59.0", "@rollup/rollup-linux-loong64-musl": "4.59.0", "@rollup/rollup-linux-ppc64-gnu": "4.59.0", "@rollup/rollup-linux-ppc64-musl": "4.59.0", "@rollup/rollup-linux-riscv64-gnu": "4.59.0", "@rollup/rollup-linux-riscv64-musl": "4.59.0", "@rollup/rollup-linux-s390x-gnu": "4.59.0", "@rollup/rollup-linux-x64-gnu": "4.59.0", "@rollup/rollup-linux-x64-musl": "4.59.0", "@rollup/rollup-openbsd-x64": "4.59.0", "@rollup/rollup-openharmony-arm64": "4.59.0", "@rollup/rollup-win32-arm64-msvc": "4.59.0", "@rollup/rollup-win32-ia32-msvc": "4.59.0", "@rollup/rollup-win32-x64-gnu": "4.59.0", "@rollup/rollup-win32-x64-msvc": "4.59.0", "fsevents": "~2.3.2" }, "bin": "dist/bin/rollup" }, "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg=="],
|
||||
|
||||
"scheduler": ["scheduler@0.27.0", "", {}, "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="],
|
||||
|
||||
"semver": ["semver@6.3.1", "", { "bin": "bin/semver.js" }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
|
||||
|
||||
"set-cookie-parser": ["set-cookie-parser@2.7.2", "", {}, "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw=="],
|
||||
|
||||
"source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
|
||||
|
||||
"tailwind-merge": ["tailwind-merge@3.5.0", "", {}, "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A=="],
|
||||
|
||||
"tailwindcss": ["tailwindcss@4.2.1", "", {}, "sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw=="],
|
||||
|
||||
"tapable": ["tapable@2.3.0", "", {}, "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="],
|
||||
|
||||
"tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
|
||||
|
||||
"update-browserslist-db": ["update-browserslist-db@1.2.3", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": "cli.js" }, "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w=="],
|
||||
|
||||
"use-callback-ref": ["use-callback-ref@1.3.3", "", { "dependencies": { "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg=="],
|
||||
|
||||
"use-sidecar": ["use-sidecar@1.1.3", "", { "dependencies": { "detect-node-es": "^1.1.0", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ=="],
|
||||
|
||||
"vite": ["vite@5.4.21", "", { "dependencies": { "esbuild": "^0.21.3", "postcss": "^8.4.43", "rollup": "^4.20.0" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^18.0.0 || >=20.0.0", "less": "*", "lightningcss": "^1.21.0", "sass": "*", "sass-embedded": "*", "stylus": "*", "sugarss": "*", "terser": "^5.4.0" }, "optionalPeers": ["@types/node", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser"], "bin": "bin/vite.js" }, "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw=="],
|
||||
|
||||
"yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="],
|
||||
|
||||
"@radix-ui/react-collection/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],
|
||||
|
||||
"@radix-ui/react-label/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.4", "", { "dependencies": { "@radix-ui/react-slot": "1.2.4" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg=="],
|
||||
|
||||
"@radix-ui/react-primitive/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],
|
||||
|
||||
"@radix-ui/react-select/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],
|
||||
}
|
||||
}
|
||||
341
css/base.css
341
css/base.css
@@ -1,341 +0,0 @@
|
||||
/* ===================================
|
||||
BMP – Base Styles & Reset
|
||||
=================================== */
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
|
||||
|
||||
/* ── Reset ── */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
scroll-padding-top: var(--nav-height);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-body);
|
||||
font-size: var(--fs-body);
|
||||
font-weight: var(--fw-regular);
|
||||
line-height: var(--lh-normal);
|
||||
color: var(--color-dark);
|
||||
background-color: var(--color-white);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-primary);
|
||||
text-decoration: none;
|
||||
transition: color var(--transition-fast);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
background: none;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
input, textarea, select {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
/* ── Typography (Editorial Refinement) ── */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: var(--font-display);
|
||||
line-height: var(--lh-tight);
|
||||
letter-spacing: var(--ls-tight);
|
||||
color: var(--color-primary);
|
||||
font-weight: var(--fw-bold);
|
||||
}
|
||||
|
||||
h1 { font-size: var(--fs-hero); font-weight: var(--fw-black); }
|
||||
h2 { font-size: var(--fs-h1); }
|
||||
h3 { font-size: var(--fs-h2); }
|
||||
h4 { font-size: var(--fs-h3); }
|
||||
|
||||
p {
|
||||
margin-bottom: var(--space-md);
|
||||
color: var(--color-gray-dark);
|
||||
font-size: var(--fs-body);
|
||||
max-width: 65ch; /* Optimal line length for readability */
|
||||
}
|
||||
|
||||
.text-accent {
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
/* ── Container ── */
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: var(--container-xl);
|
||||
margin: 0 auto;
|
||||
padding: 0 var(--space-lg);
|
||||
}
|
||||
|
||||
/* ── Sections (Generous Spacing) ── */
|
||||
.section {
|
||||
padding: var(--space-4xl) 0;
|
||||
}
|
||||
|
||||
.section--dark {
|
||||
background-color: var(--color-primary);
|
||||
color: var(--color-white);
|
||||
}
|
||||
|
||||
.section--dark h1,
|
||||
.section--dark h2,
|
||||
.section--dark h3,
|
||||
.section--dark h4 {
|
||||
color: var(--color-white);
|
||||
}
|
||||
|
||||
/* ── Gold Divider (Minimal & Elegant) ── */
|
||||
.gold-divider {
|
||||
width: 80px;
|
||||
height: 2px;
|
||||
background: var(--color-accent);
|
||||
margin: var(--space-md) auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gold-divider::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: var(--color-accent);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
.gold-divider--left {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* ── Grid ── */
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: var(--space-xl);
|
||||
}
|
||||
|
||||
.grid--2 { grid-template-columns: repeat(2, 1fr); }
|
||||
.grid--3 { grid-template-columns: repeat(3, 1fr); }
|
||||
.grid--4 { grid-template-columns: repeat(4, 1fr); }
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.grid--4 { grid-template-columns: repeat(2, 1fr); }
|
||||
.grid--3 { grid-template-columns: repeat(2, 1fr); }
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.grid--4,
|
||||
.grid--3,
|
||||
.grid--2 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Animations ── */
|
||||
.reveal {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
transition: opacity 0.7s ease, transform 0.7s ease;
|
||||
}
|
||||
|
||||
.reveal.revealed {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.reveal-delay-1 { transition-delay: 0.1s; }
|
||||
.reveal-delay-2 { transition-delay: 0.2s; }
|
||||
.reveal-delay-3 { transition-delay: 0.3s; }
|
||||
.reveal-delay-4 { transition-delay: 0.4s; }
|
||||
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
|
||||
@keyframes slideInLeft {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-40px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shimmer {
|
||||
0% { background-position: -200% 0; }
|
||||
100% { background-position: 200% 0; }
|
||||
}
|
||||
|
||||
@keyframes pulse-gold {
|
||||
0%, 100% { box-shadow: 0 0 0 0 rgba(201, 162, 39, 0.4); }
|
||||
50% { box-shadow: 0 0 0 12px rgba(201, 162, 39, 0); }
|
||||
}
|
||||
|
||||
/* ── Utility ── */
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flex-between {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.gap-sm { gap: var(--space-sm); }
|
||||
.gap-md { gap: var(--space-md); }
|
||||
.gap-lg { gap: var(--space-lg); }
|
||||
.gap-xl { gap: var(--space-xl); }
|
||||
|
||||
/* ── Missing utilities ── */
|
||||
.text-center { text-align: center; }
|
||||
.italic { font-style: italic; }
|
||||
|
||||
.text-muted {
|
||||
color: var(--color-gray-dark);
|
||||
}
|
||||
|
||||
.overline {
|
||||
font-size: var(--fs-xs);
|
||||
font-weight: var(--fw-bold);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.2em;
|
||||
color: var(--color-accent);
|
||||
display: block;
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
.section-header {
|
||||
text-align: center;
|
||||
max-width: 640px;
|
||||
margin: 0 auto var(--space-3xl);
|
||||
}
|
||||
|
||||
.section--light {
|
||||
background-color: var(--color-gray-lighter);
|
||||
}
|
||||
|
||||
.section--pale-blue {
|
||||
background-color: var(--color-secondary-pale);
|
||||
}
|
||||
|
||||
.section--primary {
|
||||
background-color: var(--color-primary);
|
||||
}
|
||||
|
||||
.section--primary h1,
|
||||
.section--primary h2,
|
||||
.section--primary h3,
|
||||
.section--primary h4 {
|
||||
color: var(--color-white);
|
||||
}
|
||||
|
||||
/* ── [data-reveal] animation system ── */
|
||||
[data-reveal] {
|
||||
opacity: 0;
|
||||
transform: translateY(44px);
|
||||
transition:
|
||||
opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
transform 0.85s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
filter 0.85s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
[data-reveal="left"] {
|
||||
transform: translateX(-56px);
|
||||
}
|
||||
|
||||
[data-reveal="right"] {
|
||||
transform: translateX(56px);
|
||||
}
|
||||
|
||||
[data-reveal="scale"] {
|
||||
transform: scale(0.88);
|
||||
}
|
||||
|
||||
[data-reveal="blur"] {
|
||||
transform: translateY(24px);
|
||||
filter: blur(10px);
|
||||
}
|
||||
|
||||
[data-reveal].revealed {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
/* ── Stagger items ── */
|
||||
.stagger-item {
|
||||
opacity: 0;
|
||||
transform: translateY(32px);
|
||||
transition:
|
||||
opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
.stagger-item.revealed {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
@@ -1,802 +0,0 @@
|
||||
/* ===================================
|
||||
BMP – Reusable Components
|
||||
=================================== */
|
||||
|
||||
/* ── Buttons (Premium Metallic Style) ── */
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: var(--space-xs);
|
||||
padding: 1rem 2.5rem;
|
||||
font-family: var(--font-body);
|
||||
font-size: var(--fs-small);
|
||||
font-weight: var(--fw-bold);
|
||||
letter-spacing: var(--ls-wider);
|
||||
text-transform: uppercase;
|
||||
border-radius: var(--radius-sm);
|
||||
text-decoration: none;
|
||||
transition: all var(--transition-base);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.btn--primary {
|
||||
background: var(--color-primary);
|
||||
color: var(--color-white);
|
||||
border-color: var(--color-primary-light);
|
||||
}
|
||||
|
||||
.btn--primary:hover {
|
||||
background: var(--color-primary-light);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: var(--shadow-blue);
|
||||
}
|
||||
|
||||
.btn--gold {
|
||||
background: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
|
||||
background-size: 400% 400%;
|
||||
color: var(--color-primary);
|
||||
border: none;
|
||||
box-shadow: var(--shadow-gold);
|
||||
animation: metallicGradient 15s ease infinite;
|
||||
}
|
||||
|
||||
@keyframes metallicGradient {
|
||||
0% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
100% { background-position: 0% 50%; }
|
||||
}
|
||||
|
||||
.btn--gold:hover {
|
||||
transform: translateY(-2px);
|
||||
filter: brightness(1.1);
|
||||
box-shadow: 0 15px 30px -10px rgba(201, 162, 39, 0.6);
|
||||
}
|
||||
|
||||
.btn--outline-white {
|
||||
background: transparent;
|
||||
color: var(--color-white);
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.btn--outline-white:hover {
|
||||
background: var(--color-white);
|
||||
color: var(--color-primary);
|
||||
border-color: var(--color-white);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.btn--lg {
|
||||
padding: 1.25rem 3.5rem;
|
||||
font-size: var(--fs-body);
|
||||
}
|
||||
|
||||
.btn--sm {
|
||||
padding: 0.5rem 1.25rem;
|
||||
font-size: var(--fs-xs);
|
||||
}
|
||||
|
||||
.btn--full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ── Cards (Editorial Style) ── */
|
||||
.card {
|
||||
background: var(--color-white);
|
||||
border-radius: var(--radius-md);
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--color-gray-light);
|
||||
transition: all var(--transition-base);
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
border-color: var(--color-accent);
|
||||
transform: translateY(-8px);
|
||||
box-shadow: var(--shadow-lg);
|
||||
}
|
||||
|
||||
.card--gold-top {
|
||||
border-top: 3px solid var(--color-accent);
|
||||
}
|
||||
|
||||
|
||||
/* ── Profile Card ── */
|
||||
.profile-card {
|
||||
text-align: center;
|
||||
background: var(--color-white);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: var(--space-2xl) var(--space-xl);
|
||||
box-shadow: var(--shadow-md);
|
||||
transition: all var(--transition-base);
|
||||
border: 1px solid var(--color-gray-light);
|
||||
}
|
||||
|
||||
.profile-card:hover {
|
||||
transform: translateY(-6px);
|
||||
box-shadow: var(--shadow-xl);
|
||||
border-color: var(--color-accent);
|
||||
}
|
||||
|
||||
.profile-card__avatar {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: var(--radius-full);
|
||||
object-fit: cover;
|
||||
margin: 0 auto var(--space-lg);
|
||||
border: 3px solid var(--color-accent);
|
||||
background: var(--color-gray-light);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 2rem;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.profile-card__name {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--fs-h4);
|
||||
font-weight: var(--fw-semibold);
|
||||
color: var(--color-dark);
|
||||
margin-bottom: var(--space-2xs);
|
||||
}
|
||||
|
||||
.profile-card__role {
|
||||
font-size: var(--fs-small);
|
||||
color: var(--color-accent);
|
||||
font-weight: var(--fw-medium);
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
.profile-card__bio {
|
||||
font-size: var(--fs-small);
|
||||
color: var(--color-gray-dark);
|
||||
line-height: var(--lh-relaxed);
|
||||
}
|
||||
|
||||
/* ── Badge ── */
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: var(--space-2xs);
|
||||
padding: 0.375rem 0.875rem;
|
||||
font-size: var(--fs-xs);
|
||||
font-weight: var(--fw-semibold);
|
||||
letter-spacing: var(--ls-wide);
|
||||
text-transform: uppercase;
|
||||
border-radius: var(--radius-full);
|
||||
}
|
||||
|
||||
.badge--gold {
|
||||
background: linear-gradient(135deg, rgba(201,162,39,0.15), rgba(201,162,39,0.08));
|
||||
color: var(--color-accent-dark);
|
||||
border: 1px solid rgba(201,162,39,0.3);
|
||||
}
|
||||
|
||||
.badge--blue {
|
||||
background: rgba(11,77,162,0.1);
|
||||
color: var(--color-primary);
|
||||
border: 1px solid rgba(11,77,162,0.2);
|
||||
}
|
||||
|
||||
.badge--live {
|
||||
background: rgba(18,183,106,0.1);
|
||||
color: var(--color-success);
|
||||
border: 1px solid rgba(18,183,106,0.2);
|
||||
}
|
||||
|
||||
/* ── Trust Strip / Logo Strip ── */
|
||||
.trust-strip {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: var(--space-3xl);
|
||||
flex-wrap: wrap;
|
||||
padding: var(--space-xl) 0;
|
||||
opacity: 0.6;
|
||||
transition: opacity var(--transition-slow);
|
||||
}
|
||||
|
||||
.trust-strip:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.trust-strip__logo {
|
||||
height: 40px;
|
||||
filter: grayscale(100%);
|
||||
transition: filter var(--transition-base);
|
||||
}
|
||||
|
||||
.trust-strip__logo:hover {
|
||||
filter: grayscale(0%);
|
||||
}
|
||||
|
||||
.trust-strip__placeholder {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-xs);
|
||||
font-size: var(--fs-small);
|
||||
font-weight: var(--fw-semibold);
|
||||
color: var(--color-gray-dark);
|
||||
letter-spacing: var(--ls-wide);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* ── Timeline ── */
|
||||
.timeline {
|
||||
position: relative;
|
||||
padding-left: var(--space-3xl);
|
||||
}
|
||||
|
||||
.timeline::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 2px;
|
||||
background: linear-gradient(to bottom, var(--color-accent), var(--color-primary));
|
||||
}
|
||||
|
||||
.timeline__item {
|
||||
position: relative;
|
||||
padding-bottom: var(--space-2xl);
|
||||
}
|
||||
|
||||
.timeline__item:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.timeline__dot {
|
||||
position: absolute;
|
||||
left: calc(-1 * var(--space-3xl) + 8px);
|
||||
top: 4px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: var(--radius-full);
|
||||
background: var(--color-accent);
|
||||
border: 3px solid var(--color-white);
|
||||
box-shadow: 0 0 0 3px var(--color-accent);
|
||||
}
|
||||
|
||||
.timeline__item--active .timeline__dot {
|
||||
animation: pulse-gold 2s infinite;
|
||||
}
|
||||
|
||||
.timeline__title {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--fs-h4);
|
||||
color: var(--color-dark);
|
||||
margin-bottom: var(--space-xs);
|
||||
}
|
||||
|
||||
.timeline__date {
|
||||
font-size: var(--fs-small);
|
||||
color: var(--color-accent);
|
||||
font-weight: var(--fw-semibold);
|
||||
margin-bottom: var(--space-xs);
|
||||
}
|
||||
|
||||
.timeline__text {
|
||||
font-size: var(--fs-body);
|
||||
color: var(--color-gray-dark);
|
||||
line-height: var(--lh-relaxed);
|
||||
}
|
||||
|
||||
/* ── FAQ Accordion ── */
|
||||
.accordion {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.accordion__item {
|
||||
border: 1px solid var(--color-gray-light);
|
||||
border-radius: var(--radius-md);
|
||||
margin-bottom: var(--space-sm);
|
||||
overflow: hidden;
|
||||
transition: all var(--transition-base);
|
||||
}
|
||||
|
||||
.accordion__item:hover {
|
||||
border-color: var(--color-primary);
|
||||
}
|
||||
|
||||
.accordion__trigger {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: var(--space-lg) var(--space-xl);
|
||||
text-align: left;
|
||||
font-family: var(--font-body);
|
||||
font-size: var(--fs-body-lg);
|
||||
font-weight: var(--fw-semibold);
|
||||
color: var(--color-dark);
|
||||
background: var(--color-white);
|
||||
transition: all var(--transition-base);
|
||||
}
|
||||
|
||||
.accordion__trigger:hover {
|
||||
background: var(--color-gray-lighter);
|
||||
}
|
||||
|
||||
.accordion__icon {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
color: var(--color-primary);
|
||||
transition: transform var(--transition-base);
|
||||
font-size: 1.25rem;
|
||||
font-weight: var(--fw-bold);
|
||||
}
|
||||
|
||||
.accordion__item.active .accordion__icon {
|
||||
transform: rotate(45deg);
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
.accordion__content {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height var(--transition-slow);
|
||||
}
|
||||
|
||||
.accordion__item.active .accordion__content {
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
.accordion__body {
|
||||
padding: 0 var(--space-xl) var(--space-xl);
|
||||
color: var(--color-gray-dark);
|
||||
line-height: var(--lh-relaxed);
|
||||
}
|
||||
|
||||
/* ── Stat Counter ── */
|
||||
.stat {
|
||||
text-align: center;
|
||||
padding: var(--space-xl);
|
||||
}
|
||||
|
||||
.stat__number {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--fs-hero);
|
||||
font-weight: var(--fw-bold);
|
||||
color: var(--color-accent);
|
||||
line-height: 1;
|
||||
margin-bottom: var(--space-xs);
|
||||
}
|
||||
|
||||
.stat__label {
|
||||
font-size: var(--fs-small);
|
||||
font-weight: var(--fw-semibold);
|
||||
color: var(--color-gray-dark);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: var(--ls-wider);
|
||||
}
|
||||
|
||||
.section--dark .stat__label,
|
||||
.section--primary .stat__label {
|
||||
color: var(--color-gray);
|
||||
}
|
||||
|
||||
/* ── Form Elements ── */
|
||||
.form-group {
|
||||
margin-bottom: var(--space-lg);
|
||||
}
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: var(--fs-small);
|
||||
font-weight: var(--fw-semibold);
|
||||
color: var(--color-dark);
|
||||
margin-bottom: var(--space-xs);
|
||||
}
|
||||
|
||||
.form-input,
|
||||
.form-textarea,
|
||||
.form-select {
|
||||
width: 100%;
|
||||
padding: 0.875rem 1rem;
|
||||
font-size: var(--fs-body);
|
||||
color: var(--color-dark);
|
||||
background: var(--color-white);
|
||||
border: 1.5px solid var(--color-gray);
|
||||
border-radius: var(--radius-md);
|
||||
transition: all var(--transition-fast);
|
||||
}
|
||||
|
||||
.form-input:focus,
|
||||
.form-textarea:focus,
|
||||
.form-select:focus {
|
||||
outline: none;
|
||||
border-color: var(--color-primary);
|
||||
box-shadow: 0 0 0 3px rgba(11, 77, 162, 0.12);
|
||||
}
|
||||
|
||||
.form-textarea {
|
||||
min-height: 140px;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
/* -- Validation States -- */
|
||||
.form-input.is-invalid,
|
||||
.form-textarea.is-invalid {
|
||||
border-color: #e31b1b;
|
||||
box-shadow: 0 0 0 3px rgba(227, 27, 27, 0.1);
|
||||
}
|
||||
|
||||
.form-error {
|
||||
color: #e31b1b;
|
||||
font-size: var(--fs-xs);
|
||||
margin-top: var(--space-2xs);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-input.is-invalid + .form-error {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.form-success-message {
|
||||
display: none;
|
||||
background: rgba(18, 183, 106, 0.1);
|
||||
color: var(--color-success);
|
||||
padding: var(--space-lg);
|
||||
border-radius: var(--radius-md);
|
||||
border: 1px solid rgba(18, 183, 106, 0.2);
|
||||
margin-top: var(--space-xl);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.form-success-message.active {
|
||||
display: block;
|
||||
animation: fadeInDown 0.5s ease forwards;
|
||||
}
|
||||
|
||||
@keyframes fadeInDown {
|
||||
from { opacity: 0; transform: translateY(-10px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
.form-hint {
|
||||
font-size: var(--fs-xs);
|
||||
color: var(--color-gray-dark);
|
||||
margin-top: var(--space-2xs);
|
||||
}
|
||||
|
||||
/* ── Checkmark List ── */
|
||||
.check-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-sm);
|
||||
}
|
||||
|
||||
.check-list li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: var(--space-sm);
|
||||
font-size: var(--fs-body);
|
||||
color: var(--color-dark-soft);
|
||||
line-height: var(--lh-normal);
|
||||
}
|
||||
|
||||
.check-list li::before {
|
||||
content: '✓';
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 22px;
|
||||
height: 22px;
|
||||
border-radius: var(--radius-full);
|
||||
background: rgba(201, 162, 39, 0.15);
|
||||
color: var(--color-accent);
|
||||
font-size: var(--fs-xs);
|
||||
font-weight: var(--fw-bold);
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* ── Feature Icon Box ── */
|
||||
.icon-box {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: var(--radius-lg);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: var(--space-md);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.icon-box--primary {
|
||||
background: rgba(11, 77, 162, 0.1);
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.icon-box--gold {
|
||||
background: rgba(201, 162, 39, 0.12);
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
/* ── Testimonial ── */
|
||||
.testimonial {
|
||||
background: var(--color-white);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: var(--space-2xl);
|
||||
box-shadow: var(--shadow-md);
|
||||
border-left: 4px solid var(--color-accent);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.testimonial__quote {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--fs-body-lg);
|
||||
font-style: italic;
|
||||
color: var(--color-dark-soft);
|
||||
line-height: var(--lh-relaxed);
|
||||
margin-bottom: var(--space-lg);
|
||||
}
|
||||
|
||||
.testimonial__quote::before {
|
||||
content: '„';
|
||||
font-size: 3rem;
|
||||
color: var(--color-accent);
|
||||
line-height: 0;
|
||||
vertical-align: -0.5em;
|
||||
margin-right: 0.1em;
|
||||
}
|
||||
|
||||
/* ── Testimonial Avatar ── */
|
||||
.testimonial__avatar {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: var(--color-accent-soft);
|
||||
color: var(--color-accent-text);
|
||||
border-radius: var(--radius-full);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: var(--fw-bold);
|
||||
font-size: var(--fs-small);
|
||||
margin-right: var(--space-md);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* ── Trust Strip Logos ── */
|
||||
.trust-strip {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: var(--space-2xl);
|
||||
flex-wrap: wrap;
|
||||
padding: var(--space-xl) 0;
|
||||
opacity: 0.8;
|
||||
color: var(--color-gray-dark);
|
||||
}
|
||||
|
||||
/* ── Partner & Sponsor Cards (Interactive) ── */
|
||||
.partner-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: var(--space-xl);
|
||||
margin-top: var(--space-3xl);
|
||||
}
|
||||
|
||||
.partner-grid--sm {
|
||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||
gap: var(--space-lg);
|
||||
}
|
||||
|
||||
.partner-card {
|
||||
position: relative;
|
||||
background: var(--color-white);
|
||||
border: 1px solid var(--color-gray-light);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: var(--space-2xl);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
min-height: 200px;
|
||||
cursor: pointer;
|
||||
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.partner-card:hover {
|
||||
transform: translateY(-8px);
|
||||
border-color: var(--color-accent);
|
||||
box-shadow: var(--shadow-xl);
|
||||
}
|
||||
|
||||
.partner-card__logo {
|
||||
flex-shrink: 0;
|
||||
color: var(--color-gray-dark);
|
||||
transition: all 0.4s ease;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.partner-card:hover .partner-card__logo {
|
||||
color: var(--color-primary);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.partner-card__info {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(10, 25, 47, 0.95);
|
||||
color: var(--color-white);
|
||||
padding: var(--space-xl);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.partner-card:hover .partner-card__info {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.partner-card__info h4 {
|
||||
color: var(--color-accent);
|
||||
margin-bottom: var(--space-xs);
|
||||
font-size: var(--fs-body);
|
||||
}
|
||||
|
||||
.partner-card__info p {
|
||||
font-size: var(--fs-xs);
|
||||
line-height: var(--lh-relaxed);
|
||||
margin-bottom: var(--space-md);
|
||||
}
|
||||
|
||||
.partner-card__cta {
|
||||
font-size: 10px;
|
||||
color: var(--color-white);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
font-weight: var(--fw-bold);
|
||||
border-bottom: 1px solid var(--color-accent);
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
/* Modal / Pocket Details (Quick Look) */
|
||||
.partner-modal {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(6, 14, 27, 0.4);
|
||||
backdrop-filter: blur(8px);
|
||||
z-index: 1000;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.3s ease;
|
||||
padding: var(--space-lg);
|
||||
}
|
||||
|
||||
.partner-modal.active {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.partner-modal__content {
|
||||
background: var(--color-white);
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
border-radius: var(--radius-xl);
|
||||
padding: var(--space-3xl);
|
||||
position: relative;
|
||||
transform: scale(0.9);
|
||||
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
box-shadow: 0 30px 60px -12px rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
.partner-modal.active .partner-modal__content {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.partner-modal__close {
|
||||
position: absolute;
|
||||
top: var(--space-lg);
|
||||
right: var(--space-lg);
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 1.5rem;
|
||||
cursor: pointer;
|
||||
color: var(--color-gray-dark);
|
||||
}
|
||||
|
||||
|
||||
/* ── Fit Image Utility ── */
|
||||
.fit-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ── Card sub-elements ── */
|
||||
.card__body {
|
||||
padding: var(--space-xl);
|
||||
}
|
||||
|
||||
.card__overline {
|
||||
font-size: var(--fs-xs);
|
||||
font-weight: var(--fw-bold);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.2em;
|
||||
color: var(--color-accent);
|
||||
margin-bottom: var(--space-xs);
|
||||
}
|
||||
|
||||
.card__title {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--fs-h4);
|
||||
color: var(--color-dark);
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
.card__text {
|
||||
font-size: var(--fs-small);
|
||||
color: var(--color-gray-dark);
|
||||
line-height: var(--lh-relaxed);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* ── Floating Label Form Group ── */
|
||||
.form-group--float {
|
||||
position: relative;
|
||||
margin-bottom: var(--space-lg);
|
||||
}
|
||||
|
||||
.form-group--float .form-input,
|
||||
.form-group--float .form-textarea {
|
||||
padding-top: 1.6rem;
|
||||
padding-bottom: 0.6rem;
|
||||
}
|
||||
|
||||
.form-group--float .form-label {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
left: 1rem;
|
||||
color: var(--color-gray);
|
||||
pointer-events: none;
|
||||
transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
font-size: var(--fs-body);
|
||||
font-weight: var(--fw-regular);
|
||||
margin: 0;
|
||||
background: transparent;
|
||||
letter-spacing: 0;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.form-group--float .form-input:focus ~ .form-label,
|
||||
.form-group--float .form-input:not(:placeholder-shown) ~ .form-label,
|
||||
.form-group--float .form-textarea:focus ~ .form-label,
|
||||
.form-group--float .form-textarea:not(:placeholder-shown) ~ .form-label {
|
||||
top: 0.4rem;
|
||||
font-size: 10px;
|
||||
font-weight: var(--fw-bold);
|
||||
color: var(--color-primary);
|
||||
letter-spacing: 0.15em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.form-group--float .form-input:focus,
|
||||
.form-group--float .form-textarea:focus {
|
||||
border-color: var(--color-primary);
|
||||
box-shadow: 0 0 0 3px rgba(10, 25, 47, 0.08);
|
||||
}
|
||||
398
css/layout.css
398
css/layout.css
@@ -1,398 +0,0 @@
|
||||
/* ===================================
|
||||
BMP – Layout (Nav + Footer)
|
||||
=================================== */
|
||||
|
||||
/* ── Navigation (Floating Glass Effect) ── */
|
||||
.nav {
|
||||
position: fixed;
|
||||
top: var(--space-md);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: calc(100% - var(--space-xl));
|
||||
max-width: var(--container-xl);
|
||||
height: 64px;
|
||||
background: rgba(10, 25, 47, 0.75);
|
||||
backdrop-filter: blur(16px) saturate(180%);
|
||||
-webkit-backdrop-filter: blur(16px) saturate(180%);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: var(--radius-lg);
|
||||
z-index: var(--z-nav);
|
||||
transition:
|
||||
top 0.4s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
width 0.4s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
border-radius 0.4s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
background 0.4s ease,
|
||||
height 0.4s ease;
|
||||
}
|
||||
|
||||
.nav.scrolled {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: rgba(6, 14, 27, 0.95);
|
||||
height: 72px;
|
||||
}
|
||||
|
||||
.nav__inner {
|
||||
height: 100%;
|
||||
padding: 0 var(--space-lg);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.nav__brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-md);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav__brand-name {
|
||||
font-family: var(--font-display);
|
||||
font-size: 1.15rem;
|
||||
font-weight: var(--fw-bold);
|
||||
color: var(--color-white);
|
||||
letter-spacing: -0.01em;
|
||||
line-height: 1.1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav__brand-sub {
|
||||
font-size: 9px;
|
||||
color: var(--color-accent);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.25em;
|
||||
margin-top: 3px;
|
||||
opacity: 0.9;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav__links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-xs);
|
||||
}
|
||||
|
||||
.nav__link {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.15em;
|
||||
font-weight: var(--fw-bold);
|
||||
padding: 0.75rem 1.25rem;
|
||||
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: var(--radius-sm);
|
||||
}
|
||||
|
||||
.nav__link:hover {
|
||||
color: var(--color-white);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.nav__link.active {
|
||||
color: var(--color-accent);
|
||||
background: rgba(201, 162, 39, 0.08); /* Subtle gold tint */
|
||||
}
|
||||
|
||||
/* Dots indicator for active state */
|
||||
.nav__link::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0.4rem;
|
||||
left: 50%;
|
||||
width: 3px;
|
||||
height: 3px;
|
||||
background: var(--color-accent);
|
||||
border-radius: 50%;
|
||||
transform: translateX(-50%) scale(0);
|
||||
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
.nav__link.active::after {
|
||||
transform: translateX(-50%) scale(1);
|
||||
}
|
||||
|
||||
.nav__cta {
|
||||
margin-left: var(--space-lg);
|
||||
padding: 0.75rem 1.5rem;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* ── Page Hero (Depth & Atmosphere) ── */
|
||||
.page-hero {
|
||||
padding: calc(var(--nav-height) + var(--space-5xl)) 0 var(--space-4xl);
|
||||
background: var(--color-primary);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.page-hero::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: radial-gradient(circle at 50% 0%, var(--color-primary-light) 0%, transparent 70%);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* ── Footer (Executive Style) ── */
|
||||
.footer {
|
||||
background: var(--color-dark);
|
||||
padding: var(--space-5xl) 0 var(--space-xl);
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
.footer__grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
||||
gap: var(--space-3xl);
|
||||
margin-bottom: var(--space-4xl);
|
||||
}
|
||||
|
||||
.footer__heading {
|
||||
font-size: var(--fs-xs);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.2em;
|
||||
color: var(--color-accent);
|
||||
margin-bottom: var(--space-xl);
|
||||
font-weight: var(--fw-bold);
|
||||
}
|
||||
|
||||
.footer__link {
|
||||
color: var(--color-gray);
|
||||
font-size: var(--fs-small);
|
||||
margin-bottom: var(--space-sm);
|
||||
transition: color var(--transition-fast);
|
||||
}
|
||||
|
||||
.footer__link:hover {
|
||||
color: var(--color-white);
|
||||
}
|
||||
|
||||
.footer__bottom {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.05);
|
||||
padding-top: var(--space-xl);
|
||||
font-size: var(--fs-xs);
|
||||
color: var(--color-gray-dark);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.footer__grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: var(--space-2xl);
|
||||
}
|
||||
.footer__brand {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Spacer ── */
|
||||
.nav-spacer {
|
||||
height: var(--nav-height);
|
||||
}
|
||||
|
||||
/* ── Scroll Progress Bar ── */
|
||||
.scroll-progress {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg, var(--color-accent), var(--color-accent-light));
|
||||
transform: scaleX(0);
|
||||
transform-origin: left center;
|
||||
z-index: calc(var(--z-nav) + 1);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
/* ── Nav: Mobile Toggle ── */
|
||||
.nav__toggle {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
padding: var(--space-xs);
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.nav__toggle-bar {
|
||||
display: block;
|
||||
width: 24px;
|
||||
height: 2px;
|
||||
background: var(--color-white);
|
||||
border-radius: 2px;
|
||||
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
.nav__toggle.open .nav__toggle-bar:nth-child(1) {
|
||||
transform: translateY(8px) rotate(45deg);
|
||||
}
|
||||
|
||||
.nav__toggle.open .nav__toggle-bar:nth-child(2) {
|
||||
opacity: 0;
|
||||
transform: scaleX(0);
|
||||
}
|
||||
|
||||
.nav__toggle.open .nav__toggle-bar:nth-child(3) {
|
||||
transform: translateY(-8px) rotate(-45deg);
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.nav__toggle {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.nav__links {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(6, 14, 27, 0.97);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: var(--space-xl);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transform: translateY(-16px);
|
||||
transition:
|
||||
opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),
|
||||
transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
.nav__links.open {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.nav__link {
|
||||
font-size: var(--fs-h3);
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.nav__cta {
|
||||
margin-top: var(--space-sm);
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Page Hero: text colors fix ── */
|
||||
.page-hero h1,
|
||||
.page-hero h2,
|
||||
.page-hero h3,
|
||||
.page-hero p {
|
||||
color: var(--color-white);
|
||||
}
|
||||
|
||||
.page-hero .hero-title,
|
||||
.page-hero__title {
|
||||
font-size: var(--fs-hero);
|
||||
font-weight: var(--fw-black);
|
||||
color: var(--color-white);
|
||||
line-height: var(--lh-tight);
|
||||
letter-spacing: var(--ls-tight);
|
||||
margin-bottom: var(--space-xl);
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
.page-hero__subtitle {
|
||||
font-size: var(--fs-body-lg);
|
||||
color: rgba(255, 255, 255, 0.72);
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
line-height: var(--lh-relaxed);
|
||||
}
|
||||
|
||||
/* ── Page Hero: animated orbs ── */
|
||||
.page-hero__orbs {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.page-hero__orb {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
filter: blur(90px);
|
||||
}
|
||||
|
||||
.page-hero__orb--1 {
|
||||
width: 700px;
|
||||
height: 700px;
|
||||
background: rgba(201, 162, 39, 0.08);
|
||||
top: -300px;
|
||||
right: -150px;
|
||||
animation: orbFloat 14s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.page-hero__orb--2 {
|
||||
width: 500px;
|
||||
height: 500px;
|
||||
background: rgba(111, 182, 233, 0.07);
|
||||
bottom: -200px;
|
||||
left: -100px;
|
||||
animation: orbFloat 18s ease-in-out infinite reverse;
|
||||
}
|
||||
|
||||
.page-hero__orb--3 {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
background: rgba(201, 162, 39, 0.05);
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
animation: orbFloat 10s ease-in-out infinite;
|
||||
animation-delay: -5s;
|
||||
}
|
||||
|
||||
@keyframes orbFloat {
|
||||
0%, 100% { transform: translate(0, 0) scale(1); }
|
||||
33% { transform: translate(30px, -25px) scale(1.06); }
|
||||
66% { transform: translate(-20px, 15px) scale(0.94); }
|
||||
}
|
||||
|
||||
/* ── Scroll Indicator ── */
|
||||
.scroll-indicator {
|
||||
position: absolute;
|
||||
bottom: var(--space-xl);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: var(--space-xs);
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
font-size: 9px;
|
||||
letter-spacing: 0.25em;
|
||||
text-transform: uppercase;
|
||||
font-family: var(--font-body);
|
||||
font-weight: var(--fw-semibold);
|
||||
}
|
||||
|
||||
.scroll-indicator__line {
|
||||
width: 1px;
|
||||
height: 48px;
|
||||
background: linear-gradient(to bottom, rgba(201, 162, 39, 0.5), transparent);
|
||||
animation: scrollLine 2.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||
}
|
||||
|
||||
@keyframes scrollLine {
|
||||
0% { transform: scaleY(0); transform-origin: top; opacity: 1; }
|
||||
50% { transform: scaleY(1); transform-origin: top; opacity: 1; }
|
||||
100% { transform: scaleY(1); transform-origin: bottom; opacity: 0; }
|
||||
}
|
||||
496
css/pages.css
496
css/pages.css
@@ -1,496 +0,0 @@
|
||||
/* ===================================
|
||||
BMP – Page-Specific Styles
|
||||
=================================== */
|
||||
|
||||
/* ── Hero (Homepage: Atmospheric & Editorial) ── */
|
||||
.hero {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: var(--color-primary);
|
||||
}
|
||||
|
||||
.hero__bg {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.hero__overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background:
|
||||
radial-gradient(circle at 10% 10%, rgba(201, 162, 39, 0.1) 0%, transparent 40%),
|
||||
radial-gradient(circle at 90% 90%, rgba(111, 182, 233, 0.1) 0%, transparent 40%),
|
||||
radial-gradient(circle at 50% 50%, #0A192F 0%, #020617 100%);
|
||||
}
|
||||
|
||||
/* Subtle Grain Texture Overlay */
|
||||
.hero::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
opacity: 0.03;
|
||||
pointer-events: none;
|
||||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noiseFilter'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3%3C/svg%3");
|
||||
}
|
||||
|
||||
.hero__content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding-top: var(--nav-height);
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
.hero__badge {
|
||||
margin-bottom: var(--space-xl);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.hero__title {
|
||||
color: var(--color-white);
|
||||
line-height: var(--lh-tight);
|
||||
margin-bottom: var(--space-xl);
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
.hero__subtitle {
|
||||
font-size: var(--fs-body-lg);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
max-width: 600px;
|
||||
line-height: var(--lh-relaxed);
|
||||
margin-bottom: var(--space-2xl);
|
||||
}
|
||||
|
||||
/* ── Split Layouts (Editorial Grid) ── */
|
||||
.split {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: var(--space-5xl);
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.split__content .overline {
|
||||
color: var(--color-accent);
|
||||
font-weight: var(--fw-bold);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.2em;
|
||||
font-size: var(--fs-xs);
|
||||
margin-bottom: var(--space-md);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.split__visual {
|
||||
position: relative;
|
||||
padding: var(--space-xl);
|
||||
}
|
||||
|
||||
.split__image-stack {
|
||||
position: relative;
|
||||
height: 500px;
|
||||
border-left: 1px solid var(--color-accent);
|
||||
}
|
||||
|
||||
.split__image-card {
|
||||
position: absolute;
|
||||
background: var(--color-secondary);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
box-shadow: var(--shadow-xl);
|
||||
}
|
||||
|
||||
.split__image-card--1 {
|
||||
top: 10%;
|
||||
left: 10%;
|
||||
width: 80%;
|
||||
height: 70%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.split__image-card--2 {
|
||||
bottom: 5%;
|
||||
right: 0;
|
||||
width: 50%;
|
||||
height: 40%;
|
||||
z-index: 2;
|
||||
border-color: var(--color-accent);
|
||||
}
|
||||
|
||||
/* ── Feature Grid Refinement ── */
|
||||
.feature-box {
|
||||
text-align: left;
|
||||
padding: var(--space-xl);
|
||||
border: 1px solid rgba(255, 255, 255, 0.05);
|
||||
transition: all var(--transition-base);
|
||||
}
|
||||
|
||||
.feature-box:hover {
|
||||
background: rgba(255, 255, 255, 0.02);
|
||||
border-color: var(--color-accent);
|
||||
}
|
||||
|
||||
/* ── Steps ── */
|
||||
.step__number {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--fs-h1);
|
||||
color: var(--color-accent-soft);
|
||||
line-height: 1;
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
.criteria-card {
|
||||
padding: var(--space-3xl);
|
||||
text-align: left;
|
||||
background: var(--color-white);
|
||||
border: 1px solid var(--color-gray-light);
|
||||
}
|
||||
|
||||
.criteria-card:hover {
|
||||
box-shadow: var(--shadow-xl);
|
||||
border-color: var(--color-accent);
|
||||
}
|
||||
|
||||
.criteria-card__icon {
|
||||
font-size: 2rem;
|
||||
color: var(--color-accent);
|
||||
margin-bottom: var(--space-lg);
|
||||
}
|
||||
|
||||
|
||||
.criteria-card__title {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--fs-h4);
|
||||
color: var(--color-dark);
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
.criteria-card__text {
|
||||
font-size: var(--fs-small);
|
||||
color: var(--color-gray-dark);
|
||||
line-height: var(--lh-relaxed);
|
||||
}
|
||||
|
||||
/* ── Application Form ── */
|
||||
.form-card {
|
||||
background: var(--color-white);
|
||||
border-radius: var(--radius-xl);
|
||||
padding: var(--space-3xl);
|
||||
box-shadow: var(--shadow-xl);
|
||||
border: 1px solid var(--color-gray-light);
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.form-card__header {
|
||||
text-align: center;
|
||||
margin-bottom: var(--space-2xl);
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: var(--space-lg);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.form-row {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Preistraeger History Table ── */
|
||||
.history-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
background: var(--color-white);
|
||||
border-radius: var(--radius-lg);
|
||||
overflow: hidden;
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
|
||||
.history-table th {
|
||||
background: var(--color-primary);
|
||||
color: var(--color-white);
|
||||
padding: var(--space-md) var(--space-lg);
|
||||
text-align: left;
|
||||
font-family: var(--font-body);
|
||||
font-size: var(--fs-small);
|
||||
font-weight: var(--fw-semibold);
|
||||
letter-spacing: var(--ls-wide);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.history-table td {
|
||||
padding: var(--space-md) var(--space-lg);
|
||||
border-bottom: 1px solid var(--color-gray-light);
|
||||
font-size: var(--fs-body);
|
||||
color: var(--color-dark-soft);
|
||||
}
|
||||
|
||||
.history-table tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.history-table tr:hover td {
|
||||
background: var(--color-gray-lighter);
|
||||
}
|
||||
|
||||
/* ── Jury Page ── */
|
||||
.jury-intro {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
gap: var(--space-3xl);
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.jury-intro__visual {
|
||||
background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
|
||||
border-radius: var(--radius-xl);
|
||||
padding: var(--space-3xl);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--color-white);
|
||||
text-align: center;
|
||||
min-height: 250px;
|
||||
}
|
||||
|
||||
.jury-intro__visual span {
|
||||
font-size: 4rem;
|
||||
margin-bottom: var(--space-md);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.jury-intro {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Presse / Blog Grid ── */
|
||||
.blog-card {
|
||||
background: var(--color-white);
|
||||
border-radius: var(--radius-lg);
|
||||
overflow: hidden;
|
||||
box-shadow: var(--shadow-md);
|
||||
transition: all var(--transition-base);
|
||||
border: 1px solid var(--color-gray-light);
|
||||
}
|
||||
|
||||
.blog-card:hover {
|
||||
box-shadow: var(--shadow-xl);
|
||||
transform: translateY(-4px);
|
||||
border-color: var(--color-primary);
|
||||
}
|
||||
|
||||
.blog-card__image {
|
||||
height: 200px;
|
||||
background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.blog-card__body {
|
||||
padding: var(--space-xl);
|
||||
}
|
||||
|
||||
.blog-card__category {
|
||||
font-size: var(--fs-xs);
|
||||
font-weight: var(--fw-bold);
|
||||
letter-spacing: var(--ls-wider);
|
||||
text-transform: uppercase;
|
||||
color: var(--color-accent);
|
||||
margin-bottom: var(--space-xs);
|
||||
}
|
||||
|
||||
.blog-card__title {
|
||||
font-family: var(--font-display);
|
||||
font-size: var(--fs-h4);
|
||||
color: var(--color-dark);
|
||||
margin-bottom: var(--space-sm);
|
||||
line-height: var(--lh-tight);
|
||||
}
|
||||
|
||||
.blog-card__excerpt {
|
||||
font-size: var(--fs-small);
|
||||
color: var(--color-gray-dark);
|
||||
line-height: var(--lh-relaxed);
|
||||
margin-bottom: var(--space-md);
|
||||
}
|
||||
|
||||
.blog-card__meta {
|
||||
font-size: var(--fs-xs);
|
||||
color: var(--color-gray-dark);
|
||||
display: flex;
|
||||
gap: var(--space-md);
|
||||
}
|
||||
|
||||
/* ── Kontakt Page ── */
|
||||
.contact-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: var(--space-3xl);
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-xl);
|
||||
}
|
||||
|
||||
.contact-item {
|
||||
display: flex;
|
||||
gap: var(--space-md);
|
||||
padding: var(--space-lg);
|
||||
background: var(--color-white);
|
||||
border-radius: var(--radius-lg);
|
||||
border: 1px solid var(--color-gray-light);
|
||||
transition: all var(--transition-base);
|
||||
}
|
||||
|
||||
.contact-item:hover {
|
||||
border-color: var(--color-primary);
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
|
||||
.contact-item__icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: var(--radius-md);
|
||||
background: rgba(11, 77, 162, 0.08);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1.25rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.contact-item__title {
|
||||
font-weight: var(--fw-semibold);
|
||||
color: var(--color-dark);
|
||||
margin-bottom: var(--space-2xs);
|
||||
}
|
||||
|
||||
.contact-item__text {
|
||||
font-size: var(--fs-small);
|
||||
color: var(--color-gray-dark);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.contact-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Datenschutz Page ── */
|
||||
.legal-content {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.legal-content h2 {
|
||||
margin-top: var(--space-3xl);
|
||||
margin-bottom: var(--space-md);
|
||||
color: var(--color-primary);
|
||||
font-size: var(--fs-h3);
|
||||
}
|
||||
|
||||
.legal-content h3 {
|
||||
margin-top: var(--space-2xl);
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
.legal-content p {
|
||||
margin-bottom: var(--space-md);
|
||||
color: var(--color-gray-dark);
|
||||
line-height: var(--lh-relaxed);
|
||||
}
|
||||
|
||||
.legal-content ul {
|
||||
margin-bottom: var(--space-md);
|
||||
padding-left: var(--space-xl);
|
||||
}
|
||||
|
||||
.legal-content ul li {
|
||||
list-style: disc;
|
||||
color: var(--color-gray-dark);
|
||||
margin-bottom: var(--space-xs);
|
||||
line-height: var(--lh-relaxed);
|
||||
}
|
||||
|
||||
/* ── Fristen Banner ── */
|
||||
.deadline-banner {
|
||||
background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
|
||||
color: var(--color-dark);
|
||||
border-radius: var(--radius-xl);
|
||||
padding: var(--space-2xl) var(--space-3xl);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: var(--space-xl);
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.deadline-banner__content h3 {
|
||||
color: var(--color-dark);
|
||||
margin-bottom: var(--space-xs);
|
||||
}
|
||||
|
||||
.deadline-banner__content p {
|
||||
color: rgba(16, 24, 40, 0.7);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.deadline-banner .btn {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.deadline-banner {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
padding: var(--space-xl);
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Sponsor Grid ── */
|
||||
.sponsor-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||
gap: var(--space-lg);
|
||||
}
|
||||
|
||||
.sponsor-card {
|
||||
background: var(--color-white);
|
||||
border: 1px solid var(--color-gray-light);
|
||||
border-radius: var(--radius-lg);
|
||||
padding: var(--space-xl);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
min-height: 120px;
|
||||
transition: all var(--transition-base);
|
||||
}
|
||||
|
||||
.sponsor-card:hover {
|
||||
border-color: var(--color-accent);
|
||||
box-shadow: var(--shadow-md);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.sponsor-card__icon {
|
||||
font-size: 2rem;
|
||||
margin-bottom: var(--space-sm);
|
||||
}
|
||||
|
||||
.sponsor-card__name {
|
||||
font-weight: var(--fw-semibold);
|
||||
font-size: var(--fs-small);
|
||||
color: var(--color-dark);
|
||||
}
|
||||
@@ -1,104 +0,0 @@
|
||||
/* ===================================
|
||||
BMP Design System – CSS Variables
|
||||
Bayerischer Mittelstandspreis
|
||||
=================================== */
|
||||
|
||||
:root {
|
||||
/* ── Brand Colors (Refined Premium Palette) ── */
|
||||
--color-primary: #0A192F; /* Deep Midnight Navy */
|
||||
--color-primary-dark: #060E1B;
|
||||
--color-primary-light: #112240;
|
||||
--color-secondary: #172A45;
|
||||
--color-secondary-light: #6FB6E9;
|
||||
--color-secondary-pale: #F0F7FF;
|
||||
|
||||
--color-accent: #C9A227; /* Classic Gold */
|
||||
--color-accent-light: #D4AF37; /* Metallic Gold */
|
||||
--color-accent-soft: rgba(201, 162, 39, 0.15);
|
||||
--color-accent-text: #8A6D15;
|
||||
|
||||
--color-dark: #020617;
|
||||
--color-dark-soft: #1E293B;
|
||||
--color-gray: #94A3B8;
|
||||
--color-gray-light: #E2E8F0;
|
||||
--color-gray-lighter: #F8FAFC;
|
||||
--color-gray-dark: #475569;
|
||||
|
||||
--color-white: #FFFFFF;
|
||||
--color-off-white: #F8FAFC;
|
||||
--color-glass-bg: rgba(255, 255, 255, 0.85);
|
||||
--color-glass-border: rgba(255, 255, 255, 0.2);
|
||||
|
||||
/* ── Typography (Editorial Scale) ── */
|
||||
--font-display: 'IBM Plex Sans', sans-serif;
|
||||
--font-body: 'Inter', sans-serif;
|
||||
|
||||
--fs-hero: clamp(2.5rem, 5vw + 1rem, 4.5rem); /* Adjusted for modern clean look */
|
||||
--fs-h1: clamp(2.25rem, 5vw + 0.5rem, 3.5rem);
|
||||
--fs-h2: clamp(1.75rem, 3.5vw + 0.25rem, 2.75rem);
|
||||
--fs-h3: clamp(1.25rem, 2vw + 0.25rem, 1.75rem);
|
||||
--fs-h4: 1.25rem;
|
||||
--fs-body: 1.0625rem; /* Slightly larger base for readability */
|
||||
--fs-body-lg: 1.25rem;
|
||||
--fs-small: 0.9375rem;
|
||||
--fs-xs: 0.8125rem;
|
||||
|
||||
--fw-regular: 400;
|
||||
--fw-medium: 500;
|
||||
--fw-semibold: 600;
|
||||
--fw-bold: 700;
|
||||
--fw-black: 900;
|
||||
|
||||
--lh-tight: 1.1;
|
||||
--lh-normal: 1.6;
|
||||
--lh-relaxed: 1.8;
|
||||
|
||||
--ls-tight: -0.03em;
|
||||
--ls-normal: 0;
|
||||
--ls-wide: 0.05em;
|
||||
--ls-wider: 0.15em;
|
||||
|
||||
/* ── Spacing ── */
|
||||
--space-2xs: 0.4rem;
|
||||
--space-xs: 0.75rem;
|
||||
--space-sm: 1rem;
|
||||
--space-md: 1.5rem;
|
||||
--space-lg: 2rem;
|
||||
--space-xl: 3rem;
|
||||
--space-2xl: 4.5rem;
|
||||
--space-3xl: 6rem;
|
||||
--space-4xl: 8rem;
|
||||
--space-5xl: 12rem;
|
||||
|
||||
/* ── Layout ── */
|
||||
--container-sm: 640px;
|
||||
--container-md: 768px;
|
||||
--container-lg: 1024px;
|
||||
--container-xl: 1280px;
|
||||
--container-max: 1440px;
|
||||
--nav-height: 90px;
|
||||
|
||||
/* ── Borders & Radius (Modern & Sharp) ── */
|
||||
--radius-sm: 2px;
|
||||
--radius-md: 4px;
|
||||
--radius-lg: 8px;
|
||||
--radius-xl: 12px;
|
||||
--radius-full: 9999px;
|
||||
|
||||
/* ── Shadows (Layered & Soft) ── */
|
||||
--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
|
||||
--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||
--shadow-gold: 0 10px 30px -10px rgba(201, 162, 39, 0.4);
|
||||
--shadow-blue: 0 10px 30px -10px rgba(10, 25, 47, 0.3);
|
||||
|
||||
/* ── Transitions ── */
|
||||
--transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
--transition-base: 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
--transition-slow: 700ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
|
||||
/* ── Z-Index ── */
|
||||
--z-base: 1;
|
||||
--z-nav: 1000;
|
||||
}
|
||||
|
||||
116
datenschutz.html
116
datenschutz.html
@@ -1,116 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Datenschutz & Impressum – Bayerischer Mittelstandspreis</title>
|
||||
<meta name="description" content="Datenschutzerklärung und Impressum des Bayerischen Mittelstandspreises.">
|
||||
<link rel="stylesheet" href="/css/variables.css">
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/pages.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ── Navigation ── -->
|
||||
<nav class="nav" id="main-nav">
|
||||
<div class="nav__inner">
|
||||
<a href="index.html" class="nav__brand">
|
||||
<div class="nav__brand-text">
|
||||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="nav__links" id="nav-links">
|
||||
<a href="index.html" class="nav__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="nav__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="nav__link">Der BMP</a>
|
||||
<a href="jury.html" class="nav__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="nav__link">Presse</a>
|
||||
<a href="kontakt.html" class="nav__link">Kontakt</a>
|
||||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Page Hero ── -->
|
||||
<section class="page-hero">
|
||||
<div class="container reveal">
|
||||
<div class="hero__badge reveal">
|
||||
<span class="badge badge--gold">Legal</span>
|
||||
</div>
|
||||
<h1 class="hero-title">Verantwortung & Vertrauen.</h1>
|
||||
<div class="gold-divider"></div>
|
||||
<p class="hero-subtitle">Rechtliche Hinweise, Impressum und unsere Verpflichtung zum Datenschutz.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Legal Content ── -->
|
||||
<section class="section" id="legal">
|
||||
<div class="container">
|
||||
<div class="grid grid--2 reveal">
|
||||
<div class="legal-block stagger-item">
|
||||
<span class="overline">Service</span>
|
||||
<h2>Impressum</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<div style="margin-top: var(--space-xl); color: var(--color-gray-dark); line-height: var(--lh-relaxed);">
|
||||
<p><strong>Bayerischer Mittelstandspreis e.V.</strong><br>
|
||||
Maximilianstraße 42, 80538 München</p>
|
||||
<p><strong>Vorstand:</strong><br>
|
||||
Prof. Dr. Klaus Bergmann (Vorsitz)<br>
|
||||
Dr. Sabine Hofmann</p>
|
||||
<p><strong>Kontakt:</strong><br>
|
||||
Telefon: +49 89 123 456 78<br>
|
||||
E-Mail: info@bmp-bayern.de</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legal-block stagger-item">
|
||||
<span class="overline">Privatsphäre</span>
|
||||
<h2>Datenschutz</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<div style="margin-top: var(--space-xl); color: var(--color-gray-dark); line-height: var(--lh-relaxed);">
|
||||
<p>Wir nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Personenbezogene Daten werden auf dieser Webseite nur im technisch notwendigen Umfang erhoben.</p>
|
||||
<p>In keinem Fall werden die erhobenen Daten verkauft oder aus anderen Gründen an Dritte weitergegeben.</p>
|
||||
<p>Ausführliche Informationen finden Sie in unserem detaillierten Dokument zum Datenschutz, welches Sie jederzeit per E-Mail anfordern können.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Footer ── -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">BMP 2026</h4>
|
||||
<a href="index.html" class="footer__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Engagement</h4>
|
||||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="footer__link">Presse</a>
|
||||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Legal</h4>
|
||||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,185 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Gala-Verleihung 2026 – Event Details – Bayerischer Mittelstandspreis</title>
|
||||
<link rel="stylesheet" href="/css/variables.css">
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/pages.css">
|
||||
</head>
|
||||
<body class="bg-light">
|
||||
|
||||
<!-- ── Navigation ── -->
|
||||
<nav class="nav" id="main-nav">
|
||||
<div class="nav__inner">
|
||||
<a href="index.html" class="nav__brand">
|
||||
<div class="nav__brand-text">
|
||||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="nav__links" id="nav-links">
|
||||
<a href="index.html" class="nav__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="nav__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="nav__link">Der BMP</a>
|
||||
<a href="jury.html" class="nav__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="nav__link active">Presse</a>
|
||||
<a href="kontakt.html" class="nav__link">Kontakt</a>
|
||||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Event Header ── -->
|
||||
<section class="page-hero" style="background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1511578314322-379afb476865?auto=format&fit=crop&q=80&w=1200'); background-size: cover; background-position: center;">
|
||||
<div class="container reveal">
|
||||
<div class="hero__badge reveal">
|
||||
<span class="badge badge--gold">Gala-Abend 2026</span>
|
||||
</div>
|
||||
<h1 class="hero-title" style="color: white;">Glanzvolle Preisverleihung in München</h1>
|
||||
<div class="gold-divider"></div>
|
||||
|
||||
<div class="flex-center gap-xl" style="color: white; margin-top: var(--space-xl);">
|
||||
<div style="text-align: center;">
|
||||
<p class="overline" style="color: var(--color-accent); margin-bottom: 4px;">Datum</p>
|
||||
<p style="font-weight: bold; font-size: 1.25rem;">22. Oktober 2026</p>
|
||||
</div>
|
||||
<div style="text-align: center;">
|
||||
<p class="overline" style="color: var(--color-accent); margin-bottom: 4px;">Ort</p>
|
||||
<p style="font-weight: bold; font-size: 1.25rem;">Residenz München</p>
|
||||
</div>
|
||||
<div style="text-align: center;">
|
||||
<p class="overline" style="color: var(--color-accent); margin-bottom: 4px;">Status</p>
|
||||
<span class="badge badge--gold">Bewerbung offen</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Event Updates / News ── -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="split reveal">
|
||||
<div class="split__content">
|
||||
<span class="overline">Updates</span>
|
||||
<h2>Neuigkeiten zum Event</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<p>Bleiben Sie auf dem Laufenden über das Programm, Redner und Special Guests des diesjährigen Gala-Abends.</p>
|
||||
|
||||
<div class="timeline" style="margin-top: var(--space-2xl);">
|
||||
<div class="timeline__item stagger-item">
|
||||
<p class="timeline__date">10. April 2026</p>
|
||||
<h4 class="timeline__title">Hauptredner bestätigt</h4>
|
||||
<p class="timeline__text">Wir freuen uns, den bayerischen Wirtschaftsminister als Schirmherr und Redner begrüßen zu dürfen.</p>
|
||||
</div>
|
||||
<div class="timeline__item stagger-item">
|
||||
<p class="timeline__date">01. März 2026</p>
|
||||
<h4 class="timeline__title">Residenz München gebucht</h4>
|
||||
<p class="timeline__text">Die Verträge sind unterzeichnet – wir kehren in den prachtvollen Kaisersaal zurück.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="split__visual">
|
||||
<div class="card reveal" style="padding: var(--space-2xl); background: var(--color-white); border: 1px solid var(--color-gray-light);">
|
||||
<h3>Zeitplan der Gala</h3>
|
||||
<ul class="steps" style="flex-direction: column; align-items: flex-start; gap: var(--space-lg); margin-top: var(--space-lg);">
|
||||
<li class="step" style="width: 100%;">
|
||||
<div class="step__number" style="font-size: 1.5rem;">18:00</div>
|
||||
<div class="step__content"><p>Sektempfang & Networking</p></div>
|
||||
</li>
|
||||
<li class="step" style="width: 100%;">
|
||||
<div class="step__number" style="font-size: 1.5rem;">19:30</div>
|
||||
<div class="step__content"><p>Beginn der Verleihung</p></div>
|
||||
</li>
|
||||
<li class="step" style="width: 100%;">
|
||||
<div class="step__number" style="font-size: 1.5rem;">21:00</div>
|
||||
<div class="step__content"><p>Dinner & Get-Together</p></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Downloads & Impressionen (Gallery) ── -->
|
||||
<section class="section section--light" id="event-gallery">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Highlights</span>
|
||||
<h2>Downloads & Impressionen</h2>
|
||||
<div class="gold-divider"></div>
|
||||
<p>Einblicke in die Location und Unterlagen für Teilnehmer.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid--3 reveal">
|
||||
<div class="stagger-item">
|
||||
<div style="height: 200px; overflow: hidden; border-radius: 8px;">
|
||||
<img src="https://images.unsplash.com/photo-1540317580384-e5d43616b9aa?auto=format&fit=crop&q=80&w=800" alt="Impression 1" class="fit-image">
|
||||
</div>
|
||||
</div>
|
||||
<div class="stagger-item">
|
||||
<div style="height: 200px; overflow: hidden; border-radius: 8px;">
|
||||
<img src="https://images.unsplash.com/photo-1519750157634-b6d493a0f77c?auto=format&fit=crop&q=80&w=800" alt="Impression 2" class="fit-image">
|
||||
</div>
|
||||
</div>
|
||||
<div class="stagger-item">
|
||||
<div style="height: 200px; overflow: hidden; border-radius: 8px;">
|
||||
<img src="https://images.unsplash.com/photo-1511578314322-379afb476865?auto=format&fit=crop&q=80&w=800" alt="Impression 3" class="fit-image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid--2 reveal" style="margin-top: var(--space-3xl);">
|
||||
<div class="card stagger-item" style="padding: var(--space-xl); background: white;">
|
||||
<h4>Für Teilnehmer</h4>
|
||||
<p>Anfahrtsskizze, Hotelempfehlungen und Kleiderordnung.</p>
|
||||
<a href="#" class="btn btn--outline-dark btn--sm" style="margin-top: var(--space-md);">Info-Paket laden (PDF)</a>
|
||||
</div>
|
||||
<div class="card stagger-item" style="padding: var(--space-xl); background: white;">
|
||||
<h4>Presse-Material</h4>
|
||||
<p>Pressemitteilung zum Event und druckfähige Fotos der Location.</p>
|
||||
<a href="#" class="btn btn--outline-dark btn--sm" style="margin-top: var(--space-md);">Media-Kit laden (ZIP)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Footer ── -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">BMP 2026</h4>
|
||||
<a href="index.html" class="footer__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Engagement</h4>
|
||||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="footer__link">Presse</a>
|
||||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Legal</h4>
|
||||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
299
js/main.js
299
js/main.js
@@ -1,299 +0,0 @@
|
||||
/* ===================================
|
||||
BMP – Main JavaScript v2
|
||||
Scroll Progress · Mobile Nav · Enhanced Reveal · Parallax · Accordion
|
||||
=================================== */
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
initScrollProgress();
|
||||
initNavigation();
|
||||
initMobileNav();
|
||||
initScrollReveal();
|
||||
initParallax();
|
||||
initAccordion();
|
||||
initSmoothScroll();
|
||||
initNavActive();
|
||||
initCounters();
|
||||
initFormInteractions();
|
||||
initPartnerCards();
|
||||
});
|
||||
|
||||
/* ── Scroll Progress Bar ── */
|
||||
function initScrollProgress() {
|
||||
const bar = document.createElement('div');
|
||||
bar.className = 'scroll-progress';
|
||||
document.body.prepend(bar);
|
||||
|
||||
window.addEventListener('scroll', () => {
|
||||
const max = document.documentElement.scrollHeight - window.innerHeight;
|
||||
const pct = max > 0 ? window.scrollY / max : 0;
|
||||
bar.style.transform = `scaleX(${pct})`;
|
||||
}, { passive: true });
|
||||
}
|
||||
|
||||
/* ── Navigation Scroll State ── */
|
||||
function initNavigation() {
|
||||
const nav = document.querySelector('.nav');
|
||||
if (!nav) return;
|
||||
|
||||
const onScroll = () => nav.classList.toggle('scrolled', window.scrollY > 60);
|
||||
window.addEventListener('scroll', onScroll, { passive: true });
|
||||
onScroll();
|
||||
}
|
||||
|
||||
/* ── Mobile Navigation ── */
|
||||
function initMobileNav() {
|
||||
const nav = document.querySelector('.nav');
|
||||
const navLinks = document.getElementById('nav-links');
|
||||
if (!nav || !navLinks) return;
|
||||
|
||||
const toggle = document.createElement('button');
|
||||
toggle.className = 'nav__toggle';
|
||||
toggle.setAttribute('aria-label', 'Menü öffnen');
|
||||
toggle.setAttribute('aria-expanded', 'false');
|
||||
toggle.innerHTML = `
|
||||
<span class="nav__toggle-bar"></span>
|
||||
<span class="nav__toggle-bar"></span>
|
||||
<span class="nav__toggle-bar"></span>
|
||||
`;
|
||||
nav.querySelector('.nav__inner').appendChild(toggle);
|
||||
|
||||
const open = () => {
|
||||
navLinks.classList.add('open');
|
||||
toggle.classList.add('open');
|
||||
toggle.setAttribute('aria-expanded', 'true');
|
||||
toggle.setAttribute('aria-label', 'Menü schließen');
|
||||
document.body.style.overflow = 'hidden';
|
||||
};
|
||||
|
||||
const close = () => {
|
||||
navLinks.classList.remove('open');
|
||||
toggle.classList.remove('open');
|
||||
toggle.setAttribute('aria-expanded', 'false');
|
||||
toggle.setAttribute('aria-label', 'Menü öffnen');
|
||||
document.body.style.overflow = '';
|
||||
};
|
||||
|
||||
toggle.addEventListener('click', () => toggle.classList.contains('open') ? close() : open());
|
||||
navLinks.querySelectorAll('.nav__link, .nav__cta').forEach(l => l.addEventListener('click', close));
|
||||
document.addEventListener('keydown', e => { if (e.key === 'Escape') close(); });
|
||||
}
|
||||
|
||||
/* ── Enhanced Scroll Reveal ── */
|
||||
function initScrollReveal() {
|
||||
const els = document.querySelectorAll('[data-reveal], .reveal');
|
||||
if (!els.length) return;
|
||||
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (!entry.isIntersecting) return;
|
||||
|
||||
const el = entry.target;
|
||||
const delay = parseInt(el.dataset.delay || 0, 10);
|
||||
|
||||
setTimeout(() => {
|
||||
el.classList.add('revealed');
|
||||
|
||||
el.querySelectorAll('.stagger-item').forEach((child, i) => {
|
||||
setTimeout(() => child.classList.add('revealed'), i * 130);
|
||||
});
|
||||
}, delay);
|
||||
|
||||
observer.unobserve(el);
|
||||
});
|
||||
}, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });
|
||||
|
||||
els.forEach(el => observer.observe(el));
|
||||
}
|
||||
|
||||
/* ── Parallax on Hero ── */
|
||||
function initParallax() {
|
||||
const heroBg = document.querySelector('.hero__bg');
|
||||
const heroContent = document.querySelector('.hero__content');
|
||||
if (!heroBg && !heroContent) return;
|
||||
|
||||
let ticking = false;
|
||||
|
||||
window.addEventListener('scroll', () => {
|
||||
if (ticking) return;
|
||||
requestAnimationFrame(() => {
|
||||
const y = window.scrollY;
|
||||
if (heroBg) heroBg.style.transform = `translateY(${y * 0.35}px)`;
|
||||
if (heroContent) {
|
||||
heroContent.style.transform = `translateY(${y * 0.12}px)`;
|
||||
heroContent.style.opacity = String(Math.max(0, 1 - y / 700));
|
||||
}
|
||||
ticking = false;
|
||||
});
|
||||
ticking = true;
|
||||
}, { passive: true });
|
||||
}
|
||||
|
||||
/* ── Accordion ── */
|
||||
function initAccordion() {
|
||||
document.querySelectorAll('.accordion__trigger').forEach(trigger => {
|
||||
trigger.addEventListener('click', () => {
|
||||
const item = trigger.closest('.accordion__item');
|
||||
const isOpen = item.classList.contains('active');
|
||||
|
||||
item.closest('.accordion')?.querySelectorAll('.accordion__item').forEach(i => {
|
||||
i.classList.remove('active');
|
||||
});
|
||||
|
||||
if (!isOpen) item.classList.add('active');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/* ── Smooth Scroll ── */
|
||||
function initSmoothScroll() {
|
||||
document.querySelectorAll('a[href^="#"]').forEach(a => {
|
||||
a.addEventListener('click', e => {
|
||||
const target = document.querySelector(a.getAttribute('href'));
|
||||
if (target) {
|
||||
e.preventDefault();
|
||||
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/* ── Active Nav Link ── */
|
||||
function initNavActive() {
|
||||
const page = window.location.pathname.split('/').pop() || 'index.html';
|
||||
document.querySelectorAll('.nav__link').forEach(link => {
|
||||
const href = link.getAttribute('href');
|
||||
if (href === page || (page === '' && href === 'index.html')) {
|
||||
link.classList.add('active');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/* ── Animated Counters ── */
|
||||
function initCounters() {
|
||||
const counters = document.querySelectorAll('[data-count]');
|
||||
if (!counters.length) return;
|
||||
|
||||
const obs = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
animateCounter(entry.target);
|
||||
obs.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.5 });
|
||||
|
||||
counters.forEach(c => obs.observe(c));
|
||||
}
|
||||
|
||||
function animateCounter(el) {
|
||||
const target = parseInt(el.dataset.count, 10);
|
||||
const duration = 2200;
|
||||
const start = performance.now();
|
||||
const suffix = el.dataset.suffix || '';
|
||||
const prefix = el.dataset.prefix || '';
|
||||
|
||||
(function update(now) {
|
||||
const progress = Math.min((now - start) / duration, 1);
|
||||
const eased = 1 - Math.pow(1 - progress, 3);
|
||||
el.textContent = prefix + Math.round(eased * target) + suffix;
|
||||
if (progress < 1) requestAnimationFrame(update);
|
||||
})(start);
|
||||
}
|
||||
|
||||
/* ── Partner Cards & Modal ── */
|
||||
function initPartnerCards() {
|
||||
const cards = document.querySelectorAll('.partner-card');
|
||||
const modal = document.getElementById('partner-modal');
|
||||
const modalBody = document.getElementById('modal-body');
|
||||
const modalClose = document.getElementById('modal-close');
|
||||
|
||||
if (!cards.length || !modal) return;
|
||||
|
||||
const partnerData = {
|
||||
ihk: {
|
||||
name: 'IHK Bayern',
|
||||
role: 'Wissenstransfer & Vernetzung',
|
||||
desc: 'Die IHK Bayern ist das Sprachrohr der bayerischen Wirtschaft. Als Partner des BMP unterstützt sie die Nominierten dabei, über regionale Grenzen hinweg sichtbar zu werden und fördert den Austausch zwischen etablierten Unternehmen und aufstrebenden Visionären.'
|
||||
},
|
||||
staatsregierung: {
|
||||
name: 'Bayerische Staatsregierung',
|
||||
role: 'Schirmherrschaft',
|
||||
desc: 'Unter der Schirmherrschaft des Wirtschaftsministeriums bildet der BMP die Brücke zwischen privater Exzellenz und staatlicher Anerkennung. Die Staatsregierung fördert den Preis als Zeichen für die Bedeutung des Mittelstands für den Standort Bayern.'
|
||||
},
|
||||
bvmw: {
|
||||
name: 'BVMW Bayern',
|
||||
role: 'Identifikation & Scouting',
|
||||
desc: 'Der Bundesverband mittelständische Wirtschaft (BVMW) nutzt sein deutschlandweites Netzwerk, um herausragende Hidden Champions in Bayern zu identifizieren und sie zur Teilnahme am BMP zu motivieren.'
|
||||
},
|
||||
ey: {
|
||||
name: 'EY Deutschland',
|
||||
role: 'Audit-Qualität & Neutralität',
|
||||
desc: 'EY (Ernst & Young) bürgt für die Integrität des Preises. Durch die Expertise in der Wirtschaftsprüfung stellt EY sicher, dass die qualitativen Audits vor Ort nach höchsten Standards und absolut neutral durchgeführt werden.'
|
||||
}
|
||||
};
|
||||
|
||||
cards.forEach(card => {
|
||||
card.addEventListener('click', () => {
|
||||
const id = card.dataset.partner;
|
||||
const data = partnerData[id];
|
||||
if (!data) return;
|
||||
|
||||
modalBody.innerHTML = `
|
||||
<span class="overline" style="color: var(--color-accent);">${data.role}</span>
|
||||
<h2 style="color: var(--color-primary); margin: var(--space-sm) 0 var(--space-lg);">${data.name}</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<p style="color: var(--color-gray-dark); line-height: 1.8; font-size: 1.1rem;">${data.desc}</p>
|
||||
<button class="btn btn--primary btn--sm" style="margin-top: var(--space-xl);" onclick="document.getElementById('partner-modal').classList.remove('active')">Schließen</button>
|
||||
`;
|
||||
modal.classList.add('active');
|
||||
document.body.style.overflow = 'hidden';
|
||||
});
|
||||
});
|
||||
|
||||
const closeModal = () => {
|
||||
modal.classList.remove('active');
|
||||
document.body.style.overflow = '';
|
||||
};
|
||||
|
||||
modalClose?.addEventListener('click', closeModal);
|
||||
modal.addEventListener('click', (e) => {
|
||||
if (e.target === modal) closeModal();
|
||||
});
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape') closeModal();
|
||||
});
|
||||
}
|
||||
/* ── Form Submit Feedback ── */
|
||||
function initFormInteractions() {
|
||||
const forms = document.querySelectorAll('form');
|
||||
|
||||
forms.forEach(form => {
|
||||
form.addEventListener('submit', e => {
|
||||
e.preventDefault();
|
||||
const btn = form.querySelector('[type="submit"]');
|
||||
if (!btn) return;
|
||||
|
||||
const originalText = btn.innerHTML;
|
||||
btn.innerHTML = 'Wird gesendet...';
|
||||
btn.disabled = true;
|
||||
|
||||
// Simulate API call
|
||||
setTimeout(() => {
|
||||
btn.innerHTML = 'Anfrage gesendet ✓';
|
||||
btn.classList.add('btn--success');
|
||||
|
||||
// Show success message if exists
|
||||
const successMsg = form.querySelector('.form-success-message');
|
||||
if (successMsg) successMsg.classList.add('active');
|
||||
|
||||
setTimeout(() => {
|
||||
btn.innerHTML = originalText;
|
||||
btn.disabled = false;
|
||||
btn.classList.remove('btn--success');
|
||||
if (successMsg) successMsg.classList.remove('active');
|
||||
form.reset();
|
||||
}, 3000);
|
||||
}, 1500);
|
||||
});
|
||||
});
|
||||
}
|
||||
259
jury.html
259
jury.html
@@ -1,259 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Jury & Partner – Bayerischer Mittelstandspreis</title>
|
||||
<meta name="description" content="Lernen Sie die unabhängige Jury und unsere Partner des Bayerischen Mittelstandspreises kennen. Experten aus Wirtschaft, Wissenschaft und Politik.">
|
||||
<link rel="stylesheet" href="/css/variables.css">
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/pages.css">
|
||||
</head>
|
||||
<body class="bg-light">
|
||||
<nav class="nav" id="main-nav">
|
||||
<div class="nav__inner">
|
||||
<a href="index.html" class="nav__brand">
|
||||
<div class="nav__brand-text">
|
||||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="nav__links" id="nav-links">
|
||||
<a href="index.html" class="nav__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="nav__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="nav__link">Der BMP</a>
|
||||
<a href="jury.html" class="nav__link active">Jury & Partner</a>
|
||||
<a href="presse.html" class="nav__link">Presse</a>
|
||||
<a href="kontakt.html" class="nav__link">Kontakt</a>
|
||||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Page Hero ── -->
|
||||
<section class="page-hero">
|
||||
<div class="container reveal">
|
||||
<div class="hero__badge reveal">
|
||||
<span class="badge badge--gold">Engagement & Expertise</span>
|
||||
</div>
|
||||
<h1 class="hero-title">Wer entscheidet?</h1>
|
||||
<div class="gold-divider"></div>
|
||||
<p class="hero-subtitle">Eine hochkarätige Jury und starke Partner bürgen für die Unabhängigkeit und Netzwerkqualität des Bayerischen Mittelstandspreises.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Jury Intro & Mitglieder ── -->
|
||||
<section class="section section--light" id="jury">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Das Gremium</span>
|
||||
<h2>Unsere Jury 2026</h2>
|
||||
<div class="gold-divider"></div>
|
||||
<p style="max-width: 700px; margin: 0 auto;">Die Jury setzt sich aus führenden Köpfen der bayerischen Wirtschaft, Wissenschaft und Politik zusammen. Jedes Mitglied bringt langjährige Expertise in der Bewertung mittelständischer Erfolgsfaktoren ein.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid--4 reveal">
|
||||
<!-- Jury 1 -->
|
||||
<div class="profile-card stagger-item">
|
||||
<div class="profile-card__avatar">
|
||||
<img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=400" alt="Prof. Dr. Klaus Bergmann" class="fit-image">
|
||||
</div>
|
||||
<h4 class="profile-card__name">Prof. Dr. Klaus Bergmann</h4>
|
||||
<p class="profile-card__role">Vorsitzender / LMU München</p>
|
||||
<div class="profile-card__bio">
|
||||
<p>Spezialist für KMU-Strategien und Innovations-Ökosysteme.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Jury 2 -->
|
||||
<div class="profile-card stagger-item">
|
||||
<div class="profile-card__avatar">
|
||||
<img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=400" alt="Dr. Sabine Hofmann" class="fit-image">
|
||||
</div>
|
||||
<h4 class="profile-card__name">Dr. Sabine Hofmann</h4>
|
||||
<p class="profile-card__role">IHK Bayern</p>
|
||||
<div class="profile-card__bio">
|
||||
<p>Expertin für digitale Transformation und regionale Wertschöpfung.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Jury 3 -->
|
||||
<div class="profile-card stagger-item">
|
||||
<div class="profile-card__avatar">
|
||||
<img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&q=80&w=400" alt="Maximilian Reiter" class="fit-image">
|
||||
</div>
|
||||
<h4 class="profile-card__name">Maximilian Reiter</h4>
|
||||
<p class="profile-card__role">Unternehmer</p>
|
||||
<div class="profile-card__bio">
|
||||
<p>CEO der Reiter Group, bringt die wertvolle Unternehmer-Perspektive ein.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Jury 4 -->
|
||||
<div class="profile-card stagger-item">
|
||||
<div class="profile-card__avatar">
|
||||
<img src="https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=400" alt="Dr. Elena Fischer" class="fit-image">
|
||||
</div>
|
||||
<h4 class="profile-card__name">Dr. Elena Fischer</h4>
|
||||
<p class="profile-card__role">TU München</p>
|
||||
<div class="profile-card__bio">
|
||||
<p>Lehrstuhl für nachhaltige Unternehmensführung.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Partner & Sponsoren (Interactive Cards) ── -->
|
||||
<section class="section" id="partner">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Netzwerkqualität</span>
|
||||
<h2>Unsere Partner & Sponsoren</h2>
|
||||
<div class="gold-divider"></div>
|
||||
<p>Ein starkes Netzwerk für einen starken Mittelstand. Klicken Sie auf ein Logo für Details.</p>
|
||||
</div>
|
||||
|
||||
<div class="partner-grid reveal">
|
||||
<!-- Partner: IHK -->
|
||||
<div class="partner-card stagger-item" data-partner="ihk">
|
||||
<div class="partner-card__logo">
|
||||
<svg width="120" height="40" viewBox="0 0 120 40" fill="currentColor"><text x="0" y="25" font-family="var(--font-display)" font-weight="bold" font-size="20">IHK</text><rect x="45" y="10" width="70" height="2" fill="var(--color-accent)"/></svg>
|
||||
</div>
|
||||
<div class="partner-card__info">
|
||||
<h4>IHK Bayern</h4>
|
||||
<p>Fördert den Wissenstransfer und die regionale Vernetzung der Nominierten.</p>
|
||||
<span class="partner-card__cta">Details ansehen</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Partner: Staatsregierung -->
|
||||
<div class="partner-card stagger-item" data-partner="staatsregierung">
|
||||
<div class="partner-card__logo">
|
||||
<svg width="140" height="40" viewBox="0 0 140 40" fill="currentColor"><text x="0" y="25" font-family="var(--font-display)" font-weight="bold" font-size="16">STAATSREGIERUNG</text></svg>
|
||||
</div>
|
||||
<div class="partner-card__info">
|
||||
<h4>Bayer. Staatsregierung</h4>
|
||||
<p>Schirmherrschaft und politische Brücke für den bayerischen Mittelstand.</p>
|
||||
<span class="partner-card__cta">Details ansehen</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Partner: BVMW -->
|
||||
<div class="partner-card stagger-item" data-partner="bvmw">
|
||||
<div class="partner-card__logo">
|
||||
<svg width="100" height="40" viewBox="0 0 100 40" fill="currentColor"><text x="0" y="25" font-family="var(--font-display)" font-weight="bold" font-size="20">BVMW</text></svg>
|
||||
</div>
|
||||
<div class="partner-card__info">
|
||||
<h4>BVMW</h4>
|
||||
<p>Unterstützt bei der Identifikation herausragender KMU-Vorbilder.</p>
|
||||
<span class="partner-card__cta">Details ansehen</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Partner: EY -->
|
||||
<div class="partner-card stagger-item" data-partner="ey">
|
||||
<div class="partner-card__logo">
|
||||
<svg width="120" height="40" viewBox="0 0 120 40" fill="currentColor"><text x="10" y="25" font-family="Arial" font-weight="900" font-size="24">EY</text><rect x="0" y="5" width="4" height="30" fill="var(--color-accent)"/></svg>
|
||||
</div>
|
||||
<div class="partner-card__info">
|
||||
<h4>EY Deutschland</h4>
|
||||
<p>Sichert die fachliche Qualität und Neutralität des Audit-Prozesses.</p>
|
||||
<span class="partner-card__cta">Details ansehen</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Modal für Partner-Details ── -->
|
||||
<div class="partner-modal" id="partner-modal">
|
||||
<div class="partner-modal__content">
|
||||
<button class="partner-modal__close" id="modal-close">×</button>
|
||||
<div id="modal-body">
|
||||
<!-- Content will be injected by JS -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── Sponsoring-Call & Kontaktformular ── -->
|
||||
<section class="section section--dark" id="sponsoring-form">
|
||||
<div class="container">
|
||||
<div class="grid grid--2 reveal" style="align-items: center; gap: var(--space-4xl);">
|
||||
<div>
|
||||
<span class="overline" style="color: var(--color-accent);">Wachstum durch Partnerschaft</span>
|
||||
<h2>Wir freuen uns über neue Sponsoren</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<p style="color: var(--color-gray-dark);">Positionieren Sie Ihre Marke im exklusivsten Netzwerk des bayerischen Mittelstands. Wir bieten maßgeschneiderte Sponsoring-Pakete für Unternehmen, die Exzellenz fördern wollen.</p>
|
||||
<ul class="check-list" style="margin-top: var(--space-xl); color: var(--color-gray);">
|
||||
<li>Hohe Markenpräsenz bei der Gala</li>
|
||||
<li>Direkter Kontakt zu Top-Entscheidern</li>
|
||||
<li>Multichannel-Reichweite</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="form-card" style="background: var(--color-white); padding: var(--space-3xl); border-radius: var(--radius-lg);">
|
||||
<h3 style="color: var(--color-dark); margin-bottom: var(--space-lg);">Sponsoring-Anfrage</h3>
|
||||
<form id="sponsoring-contact">
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">Unternehmen *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">Ansprechpartner *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">E-Mail *</label>
|
||||
<input type="email" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">Interesse an *</label>
|
||||
<select class="form-input" required>
|
||||
<option value="">Bitte wählen...</option>
|
||||
<option value="main">Haupt-Sponsoring</option>
|
||||
<option value="category">Kategorie-Partner</option>
|
||||
<option value="event">Event-Partner</option>
|
||||
</select>
|
||||
</div>
|
||||
<button type="submit" class="btn btn--gold btn--full" style="margin-top: var(--space-md);">Exposé anfordern →</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Footer ── -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">BMP 2026</h4>
|
||||
<a href="index.html" class="footer__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Engagement</h4>
|
||||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="footer__link">Presse</a>
|
||||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Legal</h4>
|
||||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
209
kontakt.html
209
kontakt.html
@@ -1,209 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kontakt & FAQ – Bayerischer Mittelstandspreis</title>
|
||||
<meta name="description" content="Kontaktieren Sie das Team des Bayerischen Mittelstandspreises. Antworten auf häufig gestellte Fragen zu Bewerbung, Kriterien und Ablauf sowie wichtige Fristen.">
|
||||
<link rel="stylesheet" href="/css/variables.css">
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/pages.css">
|
||||
</head>
|
||||
<body class="bg-light">
|
||||
|
||||
<!-- ── Navigation ── -->
|
||||
<nav class="nav" id="main-nav">
|
||||
<div class="nav__inner">
|
||||
<a href="index.html" class="nav__brand">
|
||||
<div class="nav__brand-text">
|
||||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="nav__links" id="nav-links">
|
||||
<a href="index.html" class="nav__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="nav__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="nav__link">Der BMP</a>
|
||||
<a href="jury.html" class="nav__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="nav__link">Presse</a>
|
||||
<a href="kontakt.html" class="nav__link active">Kontakt</a>
|
||||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Page Hero ── -->
|
||||
<section class="page-hero">
|
||||
<div class="container reveal">
|
||||
<div class="hero__badge reveal">
|
||||
<span class="badge badge--gold">Dialog & Service</span>
|
||||
</div>
|
||||
<h1 class="hero-title">Wir sind für Sie da.</h1>
|
||||
<div class="gold-divider"></div>
|
||||
<p class="hero-subtitle">Haben Sie Fragen zum Bewerbungsprozess, zur Preisverleihung oder zu Partner-Möglichkeiten? Unser Team begleitet Sie gerne persönlich.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Kontakt & Formular ── -->
|
||||
<section class="section" id="kontakt-info">
|
||||
<div class="container">
|
||||
<div class="grid grid--2 reveal" style="gap: var(--space-4xl);">
|
||||
|
||||
<!-- Linke Spalte: Details -->
|
||||
<div class="stagger-item">
|
||||
<span class="overline">Direktkontakt</span>
|
||||
<h2>Kontaktmöglichkeiten</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<p>Wir begleiten Sie kompetent durch alle Phasen Ihrer Bewerbung – von der ersten Frage bis zur Preisverleihung.</p>
|
||||
|
||||
<div class="contact-details" style="margin-top: var(--space-2xl);">
|
||||
<div class="contact-item" style="margin-bottom: var(--space-xl);">
|
||||
<h4 style="color: var(--color-accent); margin-bottom: 4px;">Geschäftsstelle München</h4>
|
||||
<p>Maximilianstraße 42, 80538 München</p>
|
||||
</div>
|
||||
<div class="contact-item" style="margin-bottom: var(--space-xl);">
|
||||
<h4 style="color: var(--color-accent); margin-bottom: 4px;">E-Mail & Telefon</h4>
|
||||
<p>info@bmp-bayern.de<br>+49 89 123 456 78</p>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<h4 style="color: var(--color-accent); margin-bottom: 4px;">Bürozeiten</h4>
|
||||
<p>Montag – Freitag: 09:00 – 17:00 Uhr</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Rechte Spalte: Formular -->
|
||||
<div class="form-card stagger-item" style="background: var(--color-white); padding: var(--space-3xl); border-radius: var(--radius-lg); box-shadow: var(--shadow-xl);">
|
||||
<h3 style="margin-bottom: var(--space-xl);">Schreiben Sie uns</h3>
|
||||
<form id="contact-page-form">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Name *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">E-Mail *</label>
|
||||
<input type="email" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Betreff</label>
|
||||
<select class="form-input">
|
||||
<option value="allgemein">Allgemeine Anfrage</option>
|
||||
<option value="bewerbung">Frage zur Bewerbung</option>
|
||||
<option value="presse">Presseanfrage</option>
|
||||
<option value="sponsoring">Sponsoring</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Ihre Nachricht *</label>
|
||||
<textarea class="form-textarea" style="min-height: 120px;" required></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn--primary btn--full">Anfrage senden →</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Fristen ── -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Fahrplan 2026</span>
|
||||
<h2>Wichtige Fristen</h2>
|
||||
<div class="gold-divider"></div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid--3 reveal">
|
||||
<div class="card card--gold-top stagger-item" style="padding: var(--space-xl); text-align: center; background: white;">
|
||||
<div class="badge badge--blue" style="margin-bottom: var(--space-md);">Bewerbungsschluss</div>
|
||||
<h3 style="margin-bottom: var(--space-sm);">30. Juni 2026</h3>
|
||||
<p style="color: var(--color-gray-dark); font-size: var(--fs-small);">Letzte Möglichkeit zur Einreichung der vollständigen Bewerbungsunterlagen.</p>
|
||||
</div>
|
||||
<div class="card card--gold-top stagger-item" style="padding: var(--space-xl); text-align: center; background: white;">
|
||||
<div class="badge badge--gold" style="margin-bottom: var(--space-md);">Nominierung</div>
|
||||
<h3 style="margin-bottom: var(--space-sm);">15. August 2026</h3>
|
||||
<p style="color: var(--color-gray-dark); font-size: var(--fs-small);">Bekanntgabe der Nominierten nach der ersten Jury-Sichtung.</p>
|
||||
</div>
|
||||
<div class="card card--gold-top stagger-item" style="padding: var(--space-xl); text-align: center; background: white;">
|
||||
<div class="badge badge--dark" style="margin-bottom: var(--space-md);">Preisverleihung</div>
|
||||
<h3 style="margin-bottom: var(--space-sm);">22. Oktober 2026</h3>
|
||||
<p style="color: var(--color-gray-dark); font-size: var(--fs-small);">Festliche Gala und feierliche Bekanntgabe der Preisträger in München.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── FAQ (Accordion Style Refined) ── -->
|
||||
<section class="section section--light" id="faq">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Antworten</span>
|
||||
<h2>FAQ – Häufige Fragen</h2>
|
||||
<div class="gold-divider"></div>
|
||||
</div>
|
||||
|
||||
<div class="faq-container reveal" style="max-width: 900px; margin: 0 auto;">
|
||||
<!-- Kosten -->
|
||||
<div class="faq-item stagger-item" style="margin-bottom: var(--space-md); background: var(--color-white); border: 1px solid var(--color-gray-light); border-radius: var(--radius-md); padding: var(--space-lg);">
|
||||
<h4 style="margin-bottom: 8px; color: var(--color-primary);">Was kostet die Teilnahme am BMP?</h4>
|
||||
<p style="color: var(--color-gray-dark);">Die Teilnahme am Bayerischen Mittelstandspreis ist für alle Unternehmen <strong>vollständig kostenfrei</strong>. Wir finanzieren uns durch Partner und Sponsoren, um exzellenten Mittelstand ohne finanzielle Hürden zu fördern.</p>
|
||||
</div>
|
||||
|
||||
<!-- Kriterien -->
|
||||
<div class="faq-item stagger-item" style="margin-bottom: var(--space-md); background: var(--color-white); border: 1px solid var(--color-gray-light); border-radius: var(--radius-md); padding: var(--space-lg);">
|
||||
<h4 style="margin-bottom: 8px; color: var(--color-primary);">Nach welchen Kriterien wird bewertet?</h4>
|
||||
<p style="color: var(--color-gray-dark);">Die Bewertung basiert auf vier Säulen: <strong>Zukunftsfähigkeit & Innovation</strong>, <strong>Nachhaltigkeit & Verantwortung</strong>, <strong>Unternehmenskultur</strong> sowie <strong>Regionale Verwurzelung</strong>. Jede Säule fließt mit 25% in das Gesamtergebnis ein.</p>
|
||||
</div>
|
||||
|
||||
<!-- Ablauf -->
|
||||
<div class="faq-item stagger-item" style="margin-bottom: var(--space-md); background: var(--color-white); border: 1px solid var(--color-gray-light); border-radius: var(--radius-md); padding: var(--space-lg);">
|
||||
<h4 style="margin-bottom: 8px; color: var(--color-primary);">Wie läuft der Bewerbungsprozess ab?</h4>
|
||||
<p style="color: var(--color-gray-dark);">Der Prozess ist mehrstufig: 1. Online-Bewerbung oder Vorschlag, 2. Formale Prüfung & erste Jury-Sichtung, 3. Fach-Audits bei den Finalisten vor Ort, 4. Finale Jury-Sitzung und abschließende Preisverleihung.</p>
|
||||
</div>
|
||||
|
||||
<!-- Weiteres -->
|
||||
<div class="faq-item stagger-item" style="margin-bottom: var(--space-md); background: var(--color-white); border: 1px solid var(--color-gray-light); border-radius: var(--radius-md); padding: var(--space-lg);">
|
||||
<h4 style="margin-bottom: 8px; color: var(--color-primary);">Wie lange dauert die Bewerbung?</h4>
|
||||
<p style="color: var(--color-gray-dark);">Dank unseres optimierten Bewerbungsformulars benötigen Sie für die erste Einreichung ca. 30-45 Minuten. Tiefergehende Unterlagen werden erst in der Audit-Phase angefordert.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Footer ── -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">BMP 2026</h4>
|
||||
<a href="index.html" class="footer__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Engagement</h4>
|
||||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="footer__link">Presse</a>
|
||||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Legal</h4>
|
||||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
567
navigation.html
567
navigation.html
@@ -1,567 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>BMP Navigation — Prototype</title>
|
||||
<style>
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
|
||||
:root {
|
||||
--navy: #101828;
|
||||
--gold: #C9A227;
|
||||
--muted: #D0D5DD;
|
||||
--white: #FFFFFF;
|
||||
--blue: #0B4DA2;
|
||||
--blue-h: #6FB6E9;
|
||||
--sep: rgba(201, 162, 39, 0.25);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Georgia, serif;
|
||||
background: #0A192F;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body.overlay-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ─────────────────────────────────────────
|
||||
SIDEBAR
|
||||
───────────────────────────────────────── */
|
||||
#sidebar {
|
||||
position: fixed;
|
||||
top: 0; left: 0;
|
||||
width: 72px;
|
||||
height: 100vh;
|
||||
background: var(--navy);
|
||||
border-right: 1px solid rgba(201, 162, 39, 0.3);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
z-index: 100;
|
||||
padding: 24px 0;
|
||||
}
|
||||
|
||||
/* Logo */
|
||||
#sidebar .s-logo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
text-decoration: none;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#sidebar .s-logo span {
|
||||
font-size: 8px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.18em;
|
||||
text-transform: uppercase;
|
||||
color: var(--gold);
|
||||
line-height: 1.2;
|
||||
text-align: center;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
#sidebar .s-logo .logo-bmp {
|
||||
font-size: 16px;
|
||||
font-weight: 900;
|
||||
letter-spacing: 0.05em;
|
||||
color: var(--gold);
|
||||
}
|
||||
|
||||
/* Spacer that pushes hamburger to center */
|
||||
#sidebar .s-spacer { flex: 1; }
|
||||
|
||||
/* Hamburger */
|
||||
#sidebar .s-hamburger {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 10px 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#sidebar .s-hamburger .bars {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
width: 22px;
|
||||
}
|
||||
#sidebar .s-hamburger .bars span {
|
||||
display: block;
|
||||
height: 1.5px;
|
||||
background: var(--muted);
|
||||
transition: all 0.3s ease;
|
||||
transform-origin: center;
|
||||
}
|
||||
#sidebar .s-hamburger .menu-label {
|
||||
font-family: Georgia, serif;
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.15em;
|
||||
color: var(--muted);
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
|
||||
/* Social icons */
|
||||
#sidebar .s-social {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
margin-top: 28px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#sidebar .s-social a {
|
||||
color: var(--muted);
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
#sidebar .s-social a:hover { color: var(--gold); }
|
||||
#sidebar .s-social svg { width: 18px; height: 18px; }
|
||||
|
||||
/* Language switcher */
|
||||
#sidebar .s-lang {
|
||||
margin-top: 24px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#sidebar .s-lang button {
|
||||
font-family: Georgia, serif;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
color: var(--muted);
|
||||
padding: 2px 0;
|
||||
transition: color 0.2s;
|
||||
line-height: 1;
|
||||
}
|
||||
#sidebar .s-lang button.active { color: var(--gold); }
|
||||
#sidebar .s-lang button:hover:not(.active) { color: var(--white); }
|
||||
#sidebar .s-lang .lang-sep {
|
||||
width: 1px;
|
||||
height: 10px;
|
||||
background: rgba(201,162,39,0.3);
|
||||
}
|
||||
|
||||
/* ─────────────────────────────────────────
|
||||
OVERLAY
|
||||
───────────────────────────────────────── */
|
||||
#overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: var(--navy);
|
||||
z-index: 200;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 32px 48px 36px;
|
||||
|
||||
/* closed state */
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transform: translateX(-20px);
|
||||
transition: opacity 0.3s ease, transform 0.3s ease;
|
||||
}
|
||||
#overlay.is-open {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
/* Overlay top bar */
|
||||
.ov-top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
.ov-close {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
.ov-close .x-icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.ov-close .x-icon::before,
|
||||
.ov-close .x-icon::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 22px;
|
||||
height: 1.5px;
|
||||
background: var(--muted);
|
||||
transition: background 0.2s;
|
||||
}
|
||||
.ov-close .x-icon::before { transform: rotate(45deg); }
|
||||
.ov-close .x-icon::after { transform: rotate(-45deg); }
|
||||
.ov-close:hover .x-icon::before,
|
||||
.ov-close:hover .x-icon::after { background: var(--white); }
|
||||
.ov-close .x-label {
|
||||
font-family: Georgia, serif;
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.15em;
|
||||
color: var(--muted);
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.ov-close:hover .x-label { color: var(--white); }
|
||||
|
||||
/* Overlay logo (top right) */
|
||||
.ov-logo {
|
||||
text-align: right;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ov-logo .ov-logo-bmp {
|
||||
font-size: 13px;
|
||||
font-weight: 900;
|
||||
letter-spacing: 0.12em;
|
||||
color: var(--gold);
|
||||
display: block;
|
||||
}
|
||||
.ov-logo .ov-logo-sub {
|
||||
font-size: 8px;
|
||||
letter-spacing: 0.2em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(201,162,39,0.5);
|
||||
display: block;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* Nav list */
|
||||
.ov-nav {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
list-style: none;
|
||||
padding-left: 48px;
|
||||
}
|
||||
.ov-nav li {
|
||||
border-top: 1px solid var(--sep);
|
||||
}
|
||||
.ov-nav li:last-child {
|
||||
border-bottom: 1px solid var(--sep);
|
||||
}
|
||||
.ov-nav a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20px 0;
|
||||
text-decoration: none;
|
||||
color: var(--white);
|
||||
font-family: Georgia, serif;
|
||||
font-size: clamp(22px, 3vw, 32px);
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
transition: color 0.15s, transform 0.15s;
|
||||
}
|
||||
.ov-nav a:hover {
|
||||
color: var(--gold);
|
||||
transform: translateX(8px);
|
||||
}
|
||||
.ov-nav a .nav-arrow {
|
||||
color: var(--gold);
|
||||
font-size: 1.2em;
|
||||
font-style: normal;
|
||||
margin-left: 16px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Overlay bottom bar */
|
||||
.ov-bottom {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
gap: 32px;
|
||||
flex-shrink: 0;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Bottom lang */
|
||||
.ov-lang {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
.ov-lang button {
|
||||
font-family: Georgia, serif;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
color: var(--muted);
|
||||
transition: color 0.2s;
|
||||
padding: 0;
|
||||
}
|
||||
.ov-lang button.active { color: var(--gold); }
|
||||
.ov-lang button:hover:not(.active) { color: var(--white); }
|
||||
.ov-lang .lang-pipe {
|
||||
color: rgba(201,162,39,0.3);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Bottom social */
|
||||
.ov-social {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
.ov-social a {
|
||||
color: var(--muted);
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
display: flex;
|
||||
}
|
||||
.ov-social a:hover { color: var(--gold); }
|
||||
.ov-social svg { width: 18px; height: 18px; }
|
||||
|
||||
/* CTA button */
|
||||
.ov-cta {
|
||||
background: var(--blue);
|
||||
color: var(--white);
|
||||
font-family: Georgia, serif;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
padding: 10px 20px;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ov-cta:hover { background: var(--blue-h); }
|
||||
|
||||
/* ─────────────────────────────────────────
|
||||
DEMO CONTENT
|
||||
───────────────────────────────────────── */
|
||||
#demo-content {
|
||||
margin-left: 72px;
|
||||
min-height: 100vh;
|
||||
background: #8B0020;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 16px;
|
||||
padding: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
#demo-content h1 {
|
||||
font-family: Georgia, serif;
|
||||
font-size: clamp(32px, 6vw, 72px);
|
||||
font-weight: 900;
|
||||
color: rgba(255,255,255,0.15);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
line-height: 1;
|
||||
}
|
||||
#demo-content p {
|
||||
font-family: Georgia, serif;
|
||||
font-size: 13px;
|
||||
color: rgba(255,255,255,0.2);
|
||||
letter-spacing: 0.15em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ═══════════════════ SIDEBAR ═══════════════════ -->
|
||||
<aside id="sidebar">
|
||||
|
||||
<!-- Logo -->
|
||||
<a href="/" class="s-logo">
|
||||
<span class="logo-bmp">BMP</span>
|
||||
<span>Bayerischer<br/>Mittelstands<br/>preis</span>
|
||||
</a>
|
||||
|
||||
<div class="s-spacer"></div>
|
||||
|
||||
<!-- Hamburger -->
|
||||
<button class="s-hamburger" id="hamburger" aria-label="Menü öffnen" aria-expanded="false">
|
||||
<div class="bars">
|
||||
<span id="bar1"></span>
|
||||
<span id="bar2"></span>
|
||||
<span id="bar3"></span>
|
||||
</div>
|
||||
<span class="menu-label" id="menu-label">Menü</span>
|
||||
</button>
|
||||
|
||||
<!-- Social -->
|
||||
<div class="s-social">
|
||||
<a href="https://instagram.com" target="_blank" rel="noopener" aria-label="Instagram">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r=".8" fill="currentColor" stroke="none"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://linkedin.com" target="_blank" rel="noopener" aria-label="LinkedIn">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://facebook.com" target="_blank" rel="noopener" aria-label="Facebook">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Language -->
|
||||
<div class="s-lang">
|
||||
<button class="active" onclick="setLang('de')">DE</button>
|
||||
<div class="lang-sep"></div>
|
||||
<button onclick="setLang('en')">EN</button>
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
|
||||
|
||||
<!-- ═══════════════════ OVERLAY ═══════════════════ -->
|
||||
<div id="overlay" role="dialog" aria-modal="true" aria-label="Navigation">
|
||||
|
||||
<!-- Top bar -->
|
||||
<div class="ov-top">
|
||||
<button class="ov-close" id="overlay-close" aria-label="Menü schließen">
|
||||
<div class="x-icon"></div>
|
||||
<span class="x-label">Menü</span>
|
||||
</button>
|
||||
<a href="/" class="ov-logo">
|
||||
<span class="ov-logo-bmp">BMP</span>
|
||||
<span class="ov-logo-sub">Bayerischer Mittelstandspreis</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Nav items -->
|
||||
<nav>
|
||||
<ul class="ov-nav">
|
||||
<li><a href="/preistraeger">Preisträger:innen <span class="nav-arrow">›</span></a></li>
|
||||
<li><a href="/teilnahme">Teilnahme <span class="nav-arrow">›</span></a></li>
|
||||
<li><a href="/kategorien">Kategorien <span class="nav-arrow">›</span></a></li>
|
||||
<li><a href="/netzwerk">Netzwerk <span class="nav-arrow">›</span></a></li>
|
||||
<li><a href="/presse">Presse <span class="nav-arrow">›</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- Bottom bar -->
|
||||
<div class="ov-bottom">
|
||||
<div class="ov-lang">
|
||||
<button class="active" onclick="setLang('de')">DE</button>
|
||||
<span class="lang-pipe">|</span>
|
||||
<button onclick="setLang('en')">EN</button>
|
||||
</div>
|
||||
|
||||
<div class="ov-social">
|
||||
<a href="https://instagram.com" target="_blank" rel="noopener" aria-label="Instagram">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r=".8" fill="currentColor" stroke="none"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://linkedin.com" target="_blank" rel="noopener" aria-label="LinkedIn">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://facebook.com" target="_blank" rel="noopener" aria-label="Facebook">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<a href="/login" class="ov-cta">Login Datenbank</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ═══════════════════ DEMO CONTENT ═══════════════════ -->
|
||||
<main id="demo-content">
|
||||
<h1>Bayerischer<br/>Mittelstandspreis</h1>
|
||||
<p>Exzellenz seit 2005</p>
|
||||
</main>
|
||||
|
||||
|
||||
<script>
|
||||
const hamburger = document.getElementById('hamburger');
|
||||
const overlay = document.getElementById('overlay');
|
||||
const overlayClose = document.getElementById('overlay-close');
|
||||
const menuLabel = document.getElementById('menu-label');
|
||||
const bar1 = document.getElementById('bar1');
|
||||
const bar2 = document.getElementById('bar2');
|
||||
const bar3 = document.getElementById('bar3');
|
||||
|
||||
function openOverlay() {
|
||||
overlay.classList.add('is-open');
|
||||
document.body.classList.add('overlay-open');
|
||||
hamburger.setAttribute('aria-expanded', 'true');
|
||||
// Morph bars to X
|
||||
bar1.style.transform = 'translateY(5.5px) rotate(45deg)';
|
||||
bar2.style.opacity = '0';
|
||||
bar3.style.transform = 'translateY(-5.5px) rotate(-45deg)';
|
||||
menuLabel.style.opacity = '0';
|
||||
// Focus trap: first nav link
|
||||
setTimeout(() => overlay.querySelector('.ov-nav a')?.focus(), 310);
|
||||
}
|
||||
|
||||
function closeOverlay() {
|
||||
overlay.classList.remove('is-open');
|
||||
document.body.classList.remove('overlay-open');
|
||||
hamburger.setAttribute('aria-expanded', 'false');
|
||||
// Restore bars
|
||||
bar1.style.transform = '';
|
||||
bar2.style.opacity = '1';
|
||||
bar3.style.transform = '';
|
||||
menuLabel.style.opacity = '1';
|
||||
hamburger.focus();
|
||||
}
|
||||
|
||||
hamburger.addEventListener('click', () => {
|
||||
overlay.classList.contains('is-open') ? closeOverlay() : openOverlay();
|
||||
});
|
||||
overlayClose.addEventListener('click', closeOverlay);
|
||||
|
||||
// Close on Escape
|
||||
document.addEventListener('keydown', e => {
|
||||
if (e.key === 'Escape' && overlay.classList.contains('is-open')) closeOverlay();
|
||||
});
|
||||
|
||||
// Language switcher (shared state)
|
||||
let currentLang = 'de';
|
||||
function setLang(lang) {
|
||||
currentLang = lang;
|
||||
document.querySelectorAll('.s-lang button, .ov-lang button').forEach(btn => {
|
||||
btn.classList.toggle('active', btn.textContent.trim().toLowerCase() === lang);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,529 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
|
||||
<title>BMP Navigation</title>
|
||||
<style>
|
||||
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
|
||||
|
||||
:root{
|
||||
--navy:#101828;
|
||||
--gold:#C9A227;
|
||||
--muted:#D0D5DD;
|
||||
--blue:#0B4DA2;
|
||||
--blue-h:#6FB6E9;
|
||||
--sep:rgba(201,162,39,0.2);
|
||||
--line:rgba(201,162,39,0.35);
|
||||
}
|
||||
|
||||
html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
|
||||
body{background:#0B4DA2;overflow-x:hidden}
|
||||
body.no-scroll{overflow:hidden}
|
||||
|
||||
/* ═══ SIDEBAR ═══════════════════════════════════════════ */
|
||||
#sidebar{
|
||||
position:fixed;top:0;left:0;
|
||||
width:60px;height:100vh;
|
||||
background:var(--navy);
|
||||
z-index:200;
|
||||
display:flex;flex-direction:column;align-items:center;
|
||||
padding:20px 0;
|
||||
user-select:none;
|
||||
}
|
||||
|
||||
.s-logo{
|
||||
display:flex;flex-direction:column;align-items:center;
|
||||
text-decoration:none;flex-shrink:0;
|
||||
gap:2px;
|
||||
}
|
||||
.s-logo-bmp{font-size:13px;font-weight:900;letter-spacing:.06em;color:var(--gold)}
|
||||
.s-logo-sub{font-size:6.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
|
||||
color:rgba(201,162,39,.45);text-align:center;line-height:1.45}
|
||||
|
||||
/* vertical line */
|
||||
.s-vline{
|
||||
width:1px;background:var(--line);
|
||||
margin:14px 0;
|
||||
flex:1;min-height:40px;max-height:calc(100% - 220px);
|
||||
}
|
||||
|
||||
/* hamburger */
|
||||
.s-hamburger{
|
||||
display:flex;flex-direction:column;align-items:center;gap:7px;
|
||||
background:none;border:none;cursor:pointer;padding:8px 0;flex-shrink:0;
|
||||
}
|
||||
.s-bars{display:flex;flex-direction:column;gap:4.5px;width:20px}
|
||||
.s-bars span{
|
||||
display:block;height:1.5px;background:var(--muted);
|
||||
transition:transform .3s ease,opacity .3s ease,background .2s;
|
||||
transform-origin:center;
|
||||
}
|
||||
.s-hamburger.open .s-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}
|
||||
.s-hamburger.open .s-bars span:nth-child(2){opacity:0}
|
||||
.s-hamburger.open .s-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
|
||||
.s-menu-label{
|
||||
font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;
|
||||
color:var(--muted);line-height:1;
|
||||
transition:opacity .25s;
|
||||
}
|
||||
.s-hamburger.open .s-menu-label{opacity:0}
|
||||
|
||||
/* social */
|
||||
.s-social{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:auto;flex-shrink:0}
|
||||
.s-social a{color:var(--muted);display:flex;transition:color .2s;text-decoration:none}
|
||||
.s-social a:hover{color:var(--gold)}
|
||||
.s-social svg{width:17px;height:17px}
|
||||
|
||||
/* lang */
|
||||
.s-lang{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:18px;flex-shrink:0}
|
||||
.s-lang button{
|
||||
font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
|
||||
background:none;border:none;cursor:pointer;color:var(--muted);
|
||||
padding:1px 0;line-height:1;transition:color .2s;
|
||||
}
|
||||
.s-lang button.active{color:var(--gold)}
|
||||
.s-lang button:hover:not(.active){color:#fff}
|
||||
.s-lang-pipe{width:1px;height:9px;background:var(--line)}
|
||||
|
||||
/* ═══ OVERLAY ═══════════════════════════════════════════ */
|
||||
#overlay{
|
||||
position:fixed;inset:0;
|
||||
background:var(--navy);
|
||||
z-index:300;
|
||||
display:grid;
|
||||
grid-template-columns:1fr 1fr 1fr;
|
||||
grid-template-rows:1fr;
|
||||
padding:0;
|
||||
overflow:hidden;
|
||||
|
||||
/* closed */
|
||||
opacity:0;pointer-events:none;
|
||||
transition:opacity .25s ease;
|
||||
}
|
||||
#overlay.open{opacity:1;pointer-events:all}
|
||||
|
||||
/* Tagline background text */
|
||||
.ov-tagline{
|
||||
position:absolute;
|
||||
bottom:-20px;left:60px;right:0;
|
||||
font-size:clamp(60px,9vw,110px);font-weight:900;text-transform:uppercase;
|
||||
letter-spacing:-.02em;line-height:1;
|
||||
color:rgba(255,255,255,.055);
|
||||
white-space:nowrap;overflow:hidden;
|
||||
pointer-events:none;user-select:none;
|
||||
}
|
||||
|
||||
/* Left column — main nav */
|
||||
.ov-left{
|
||||
display:flex;flex-direction:column;justify-content:center;
|
||||
padding:80px 0 60px 80px;
|
||||
border-right:1px solid var(--sep);
|
||||
position:relative;z-index:1;
|
||||
}
|
||||
.ov-nav{list-style:none}
|
||||
.ov-nav li{border-top:1px solid var(--sep)}
|
||||
.ov-nav li:last-child{border-bottom:1px solid var(--sep)}
|
||||
.ov-nav a{
|
||||
display:flex;align-items:center;justify-content:space-between;
|
||||
padding:16px 32px 16px 0;
|
||||
text-decoration:none;
|
||||
color:#fff;
|
||||
font-size:clamp(17px,1.6vw,22px);font-weight:600;text-transform:uppercase;letter-spacing:.03em;
|
||||
transition:color .15s,transform .15s;
|
||||
opacity:0;transform:translateX(-16px);
|
||||
}
|
||||
#overlay.open .ov-nav a{
|
||||
opacity:1;transform:translateX(0);
|
||||
}
|
||||
/* stagger */
|
||||
#overlay.open .ov-nav li:nth-child(1) a{transition:color .15s,transform .15s,opacity .28s .04s ease-out,transform .28s .04s ease-out}
|
||||
#overlay.open .ov-nav li:nth-child(2) a{transition:color .15s,transform .15s,opacity .28s .10s ease-out,transform .28s .10s ease-out}
|
||||
#overlay.open .ov-nav li:nth-child(3) a{transition:color .15s,transform .15s,opacity .28s .16s ease-out,transform .28s .16s ease-out}
|
||||
#overlay.open .ov-nav li:nth-child(4) a{transition:color .15s,transform .15s,opacity .28s .22s ease-out,transform .28s .22s ease-out}
|
||||
#overlay.open .ov-nav li:nth-child(5) a{transition:color .15s,transform .15s,opacity .28s .28s ease-out,transform .28s .28s ease-out}
|
||||
#overlay.open .ov-nav li:nth-child(6) a{transition:color .15s,transform .15s,opacity .28s .34s ease-out,transform .28s .34s ease-out}
|
||||
|
||||
.ov-nav a:hover,.ov-nav a.active{color:var(--gold);transform:translateX(6px) !important}
|
||||
.ov-arrow{color:var(--gold);font-size:1.1em;flex-shrink:0;margin-left:12px}
|
||||
|
||||
/* Middle column — subnav */
|
||||
.ov-middle{
|
||||
display:flex;flex-direction:column;justify-content:center;
|
||||
padding:80px 40px 60px 48px;
|
||||
position:relative;z-index:1;
|
||||
border-right:1px solid var(--sep);
|
||||
}
|
||||
.subnav-panel{
|
||||
opacity:0;transform:translateY(8px);
|
||||
transition:opacity .2s ease,transform .2s ease;
|
||||
pointer-events:none;
|
||||
position:absolute;
|
||||
}
|
||||
.subnav-panel.visible{
|
||||
opacity:1;transform:translateY(0);
|
||||
pointer-events:all;
|
||||
position:relative;
|
||||
}
|
||||
.subnav-label{
|
||||
font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.22em;
|
||||
color:var(--blue-h);margin-bottom:20px;
|
||||
}
|
||||
.subnav-links{list-style:none;display:flex;flex-direction:column;gap:0}
|
||||
.subnav-links li{border-top:1px solid rgba(201,162,39,.12)}
|
||||
.subnav-links li:last-child{border-bottom:1px solid rgba(201,162,39,.12)}
|
||||
.subnav-links a{
|
||||
display:block;padding:10px 0;
|
||||
text-decoration:none;color:var(--muted);font-size:14px;
|
||||
transition:color .15s,padding-left .15s;
|
||||
}
|
||||
.subnav-links a:hover{color:#fff;padding-left:8px}
|
||||
|
||||
/* Right column */
|
||||
.ov-right{
|
||||
display:flex;flex-direction:column;
|
||||
padding:48px 60px 48px 48px;
|
||||
position:relative;z-index:1;
|
||||
}
|
||||
.ov-logo-wrap{text-align:right;margin-bottom:auto}
|
||||
.ov-logo-bmp{font-size:14px;font-weight:900;letter-spacing:.08em;color:var(--gold);display:block}
|
||||
.ov-logo-sub{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:rgba(201,162,39,.45);margin-top:2px;display:block}
|
||||
|
||||
/* Close button */
|
||||
.ov-close{
|
||||
display:flex;align-items:center;gap:10px;
|
||||
background:none;border:none;cursor:pointer;padding:0;
|
||||
margin-bottom:auto;
|
||||
}
|
||||
.ov-close-x{
|
||||
width:28px;height:28px;position:relative;display:flex;align-items:center;justify-content:center;
|
||||
}
|
||||
.ov-close-x::before,.ov-close-x::after{
|
||||
content:'';position:absolute;width:20px;height:1.5px;background:var(--muted);
|
||||
transition:background .2s;
|
||||
}
|
||||
.ov-close-x::before{transform:rotate(45deg)}
|
||||
.ov-close-x::after{transform:rotate(-45deg)}
|
||||
.ov-close:hover .ov-close-x::before,
|
||||
.ov-close:hover .ov-close-x::after{background:#fff}
|
||||
.ov-close-label{
|
||||
font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;
|
||||
color:var(--muted);transition:color .2s;
|
||||
}
|
||||
.ov-close:hover .ov-close-label{color:#fff}
|
||||
|
||||
/* Top row: close + logo */
|
||||
.ov-top-row{
|
||||
display:flex;justify-content:space-between;align-items:flex-start;
|
||||
margin-bottom:auto;
|
||||
}
|
||||
|
||||
/* Right bottom section */
|
||||
.ov-right-bottom{
|
||||
display:flex;flex-direction:column;gap:28px;
|
||||
margin-top:auto;
|
||||
}
|
||||
.ov-lang-row{display:flex;align-items:center;gap:10px}
|
||||
.ov-lang-row button{
|
||||
font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
|
||||
background:none;border:none;cursor:pointer;color:var(--muted);transition:color .2s;padding:0;
|
||||
}
|
||||
.ov-lang-row button.active{color:var(--gold)}
|
||||
.ov-lang-row button:hover:not(.active){color:#fff}
|
||||
.ov-lang-pipe{color:var(--line);font-size:13px}
|
||||
|
||||
.ov-social-row{display:flex;gap:18px}
|
||||
.ov-social-row a{color:var(--muted);display:flex;text-decoration:none;transition:color .2s}
|
||||
.ov-social-row a:hover{color:var(--gold)}
|
||||
.ov-social-row svg{width:17px;height:17px}
|
||||
|
||||
.ov-secondary{display:flex;flex-direction:column;gap:8px}
|
||||
.ov-secondary a{
|
||||
font-size:13px;color:var(--muted);text-decoration:none;
|
||||
transition:color .15s;width:fit-content;
|
||||
}
|
||||
.ov-secondary a:hover{color:var(--gold)}
|
||||
|
||||
.ov-cta{
|
||||
display:inline-block;
|
||||
background:var(--blue);color:#fff;
|
||||
font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
|
||||
border:none;border-radius:0;padding:13px 28px;
|
||||
text-decoration:none;cursor:pointer;
|
||||
transition:background .2s,color .2s;width:fit-content;
|
||||
}
|
||||
.ov-cta:hover{background:var(--blue-h);color:var(--navy)}
|
||||
|
||||
/* ═══ DEMO CONTENT ══════════════════════════════════════ */
|
||||
#demo{
|
||||
margin-left:60px;min-height:100vh;
|
||||
background:#0B4DA2;
|
||||
display:flex;align-items:center;justify-content:center;
|
||||
}
|
||||
#demo h1{
|
||||
font-size:clamp(28px,5vw,64px);font-weight:900;text-transform:uppercase;
|
||||
letter-spacing:.06em;color:rgba(255,255,255,.1);text-align:center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ═══════════════ SIDEBAR ═══════════════════════════════ -->
|
||||
<aside id="sidebar">
|
||||
<a href="/" class="s-logo">
|
||||
<span class="s-logo-bmp">BMP</span>
|
||||
<span class="s-logo-sub">BAY.<br>MITTEL<br>STANDS<br>PREIS</span>
|
||||
</a>
|
||||
|
||||
<div class="s-vline"></div>
|
||||
|
||||
<button class="s-hamburger" id="hamburger" aria-expanded="false" aria-label="Navigation öffnen">
|
||||
<div class="s-bars">
|
||||
<span></span><span></span><span></span>
|
||||
</div>
|
||||
<span class="s-menu-label">Menü</span>
|
||||
</button>
|
||||
|
||||
<div class="s-social">
|
||||
<a href="https://instagram.com" target="_blank" rel="noopener" aria-label="Instagram">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/>
|
||||
<circle cx="17.5" cy="6.5" r=".8" fill="currentColor" stroke="none"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://linkedin.com" target="_blank" rel="noopener" aria-label="LinkedIn">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z"/>
|
||||
<rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://facebook.com" target="_blank" rel="noopener" aria-label="Facebook">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="s-lang">
|
||||
<button class="active" onclick="setLang('DE')">DE</button>
|
||||
<div class="s-lang-pipe"></div>
|
||||
<button onclick="setLang('EN')">EN</button>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
|
||||
<!-- ═══════════════ OVERLAY ═══════════════════════════════ -->
|
||||
<div id="overlay" role="dialog" aria-modal="true" aria-label="Hauptnavigation">
|
||||
|
||||
<!-- Background tagline -->
|
||||
<div class="ov-tagline">EXZELLENZ HAT EINEN NAMEN.</div>
|
||||
|
||||
<!-- LEFT: main nav -->
|
||||
<div class="ov-left">
|
||||
<ul class="ov-nav" id="mainNav">
|
||||
<li><a href="/" data-nav="start">Startseite <span class="ov-arrow">›</span></a></li>
|
||||
<li><a href="/teilnahme" data-nav="teilnahme">Ihr Weg zum Preis <span class="ov-arrow">›</span></a></li>
|
||||
<li><a href="/preistraeger" data-nav="bmp">Der BMP & Preisträger <span class="ov-arrow">›</span></a></li>
|
||||
<li><a href="/jury" data-nav="jury">Jury & Partner <span class="ov-arrow">›</span></a></li>
|
||||
<li><a href="/presse" data-nav="presse">Presse <span class="ov-arrow">›</span></a></li>
|
||||
<li><a href="/kontakt" data-nav="kontakt">Kontakt & FAQ <span class="ov-arrow">›</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- MIDDLE: subnav panels -->
|
||||
<div class="ov-middle" id="subnavArea">
|
||||
|
||||
<div class="subnav-panel" data-panel="teilnahme">
|
||||
<div class="subnav-label">Ihr Weg zum Preis</div>
|
||||
<ul class="subnav-links">
|
||||
<li><a href="/teilnahme#voraussetzungen">Teilnahmevoraussetzungen</a></li>
|
||||
<li><a href="/teilnahme#kriterien">Kriterien & Bewertung</a></li>
|
||||
<li><a href="/teilnahme#prozess">Bewerbungsprozess Schritt für Schritt</a></li>
|
||||
<li><a href="/teilnahme#termine">Fristen & Termine</a></li>
|
||||
<li><a href="/teilnahme#formular">Bewerbungsformular</a></li>
|
||||
<li><a href="/kontakt">Kontakt & FAQ</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="subnav-panel" data-panel="bmp">
|
||||
<div class="subnav-label">Der BMP & Preisträger</div>
|
||||
<ul class="subnav-links">
|
||||
<li><a href="/preistraeger#preis">Was ist der Preis?</a></li>
|
||||
<li><a href="/preistraeger#highlights">Preisträger-Highlights</a></li>
|
||||
<li><a href="/preistraeger#geschichte">Geschichte & Zielsetzung</a></li>
|
||||
<li><a href="/preistraeger#bedeutung">Bedeutung für den Mittelstand</a></li>
|
||||
<li><a href="/preistraeger#vorteile">Vorteile & Werte</a></li>
|
||||
<li><a href="/teilnahme">Jetzt bewerben →</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="subnav-panel" data-panel="jury">
|
||||
<div class="subnav-label">Jury & Partner</div>
|
||||
<ul class="subnav-links">
|
||||
<li><a href="/jury#intro">Wer entscheidet?</a></li>
|
||||
<li><a href="/jury#mitglieder">Jury-Mitglieder</a></li>
|
||||
<li><a href="/jury#partner">Partner & Sponsoren</a></li>
|
||||
<li><a href="/jury#sponsoring">Sponsoring-Anfrage</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="subnav-panel" data-panel="presse">
|
||||
<div class="subnav-label">Presse</div>
|
||||
<ul class="subnav-links">
|
||||
<li><a href="/presse#events">Events-Übersicht</a></li>
|
||||
<li><a href="/presse#news">Blog & News</a></li>
|
||||
<li><a href="/presse#downloads">Downloads & Impressionen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="subnav-panel" data-panel="kontakt">
|
||||
<div class="subnav-label">Kontakt & FAQ</div>
|
||||
<ul class="subnav-links">
|
||||
<li><a href="/kontakt#kontakt">Kontaktmöglichkeiten</a></li>
|
||||
<li><a href="/kontakt#faq">FAQ (Kosten, Kriterien, Ablauf)</a></li>
|
||||
<li><a href="/kontakt#fristen">Fristen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- RIGHT: logo + secondary + CTA -->
|
||||
<div class="ov-right">
|
||||
<div class="ov-top-row">
|
||||
<button class="ov-close" id="overlayClose" aria-label="Menü schließen">
|
||||
<div class="ov-close-x"></div>
|
||||
<span class="ov-close-label">Menü</span>
|
||||
</button>
|
||||
<div class="ov-logo-wrap">
|
||||
<span class="ov-logo-bmp">BMP</span>
|
||||
<span class="ov-logo-sub">Bayerischer Mittelstandspreis</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ov-right-bottom">
|
||||
<div class="ov-lang-row">
|
||||
<button class="active" onclick="setLang('DE')">DE</button>
|
||||
<span class="ov-lang-pipe">|</span>
|
||||
<button onclick="setLang('EN')">EN</button>
|
||||
</div>
|
||||
|
||||
<div class="ov-social-row">
|
||||
<a href="https://instagram.com" target="_blank" rel="noopener" aria-label="Instagram">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/>
|
||||
<circle cx="17.5" cy="6.5" r=".8" fill="currentColor" stroke="none"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://linkedin.com" target="_blank" rel="noopener" aria-label="LinkedIn">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z"/>
|
||||
<rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://facebook.com" target="_blank" rel="noopener" aria-label="Facebook">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="ov-secondary">
|
||||
<a href="/">Startseite</a>
|
||||
<a href="/kontakt">Kontakt</a>
|
||||
<a href="/impressum">Impressum</a>
|
||||
<a href="/datenschutz">Datenschutz</a>
|
||||
</div>
|
||||
|
||||
<a href="/teilnahme" class="ov-cta">Jetzt Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ═══════════════ DEMO CONTENT ══════════════════════════ -->
|
||||
<main id="demo">
|
||||
<h1>Bayerischer<br>Mittelstandspreis</h1>
|
||||
</main>
|
||||
|
||||
|
||||
<script>
|
||||
const hamburger = document.getElementById('hamburger');
|
||||
const overlay = document.getElementById('overlay');
|
||||
const closeBtn = document.getElementById('overlayClose');
|
||||
const mainLinks = document.querySelectorAll('.ov-nav a[data-nav]');
|
||||
const panels = document.querySelectorAll('.subnav-panel');
|
||||
let currentPanel = null;
|
||||
let currentLang = 'DE';
|
||||
|
||||
function openOverlay() {
|
||||
overlay.classList.add('open');
|
||||
hamburger.classList.add('open');
|
||||
document.body.classList.add('no-scroll');
|
||||
hamburger.setAttribute('aria-expanded', 'true');
|
||||
// focus first nav link after animation
|
||||
setTimeout(() => mainLinks[0]?.focus(), 300);
|
||||
}
|
||||
|
||||
function closeOverlay() {
|
||||
overlay.classList.remove('open');
|
||||
hamburger.classList.remove('open');
|
||||
document.body.classList.remove('no-scroll');
|
||||
hamburger.setAttribute('aria-expanded', 'false');
|
||||
hideAllPanels();
|
||||
hamburger.focus();
|
||||
}
|
||||
|
||||
function hideAllPanels() {
|
||||
panels.forEach(p => p.classList.remove('visible'));
|
||||
mainLinks.forEach(a => a.classList.remove('active'));
|
||||
currentPanel = null;
|
||||
}
|
||||
|
||||
function showPanel(key) {
|
||||
if (key === currentPanel) return;
|
||||
panels.forEach(p => {
|
||||
if (p.dataset.panel === key) {
|
||||
p.classList.add('visible');
|
||||
} else {
|
||||
p.classList.remove('visible');
|
||||
}
|
||||
});
|
||||
mainLinks.forEach(a => {
|
||||
a.classList.toggle('active', a.dataset.nav === key);
|
||||
});
|
||||
currentPanel = key;
|
||||
}
|
||||
|
||||
hamburger.addEventListener('click', () => {
|
||||
overlay.classList.contains('open') ? closeOverlay() : openOverlay();
|
||||
});
|
||||
|
||||
closeBtn.addEventListener('click', closeOverlay);
|
||||
|
||||
// Hover on main nav links → show subnav
|
||||
mainLinks.forEach(link => {
|
||||
link.addEventListener('mouseenter', () => {
|
||||
const key = link.dataset.nav;
|
||||
if (key === 'start') { hideAllPanels(); return; }
|
||||
showPanel(key);
|
||||
});
|
||||
// Click on links with subnav: prevent navigation, they're just trigger
|
||||
// (real site would navigate, here we just keep overlay behavior)
|
||||
});
|
||||
|
||||
// Escape key
|
||||
document.addEventListener('keydown', e => {
|
||||
if (e.key === 'Escape' && overlay.classList.contains('open')) closeOverlay();
|
||||
});
|
||||
|
||||
// Language switcher
|
||||
function setLang(lang) {
|
||||
currentLang = lang;
|
||||
document.querySelectorAll('.s-lang button, .ov-lang-row button').forEach(btn => {
|
||||
btn.classList.toggle('active', btn.textContent.trim() === lang);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
122
news-detail.html
122
news-detail.html
@@ -1,122 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>News Detail – Bayerischer Mittelstandspreis</title>
|
||||
<link rel="stylesheet" href="/css/variables.css">
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/pages.css">
|
||||
</head>
|
||||
<body class="bg-light">
|
||||
|
||||
<!-- ── Navigation ── -->
|
||||
<nav class="nav" id="main-nav">
|
||||
<div class="nav__inner">
|
||||
<a href="index.html" class="nav__brand">
|
||||
<div class="nav__brand-text">
|
||||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="nav__links" id="nav-links">
|
||||
<a href="index.html" class="nav__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="nav__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="nav__link">Der BMP</a>
|
||||
<a href="jury.html" class="nav__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="nav__link active">Presse</a>
|
||||
<a href="kontakt.html" class="nav__link">Kontakt</a>
|
||||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Blog Header ── -->
|
||||
<section class="page-hero" style="background-color: var(--color-primary);">
|
||||
<div class="container reveal">
|
||||
<div class="hero__badge reveal">
|
||||
<span class="badge badge--gold">Kategorie: Innovation</span>
|
||||
</div>
|
||||
<h1 class="hero-title" style="color: white; max-width: 800px; margin: 0 auto;">Wie Bayerns KMU die KI nutzen: Ein Deep-Dive in die Bewerbungen</h1>
|
||||
<div class="gold-divider"></div>
|
||||
|
||||
<div class="flex-center gap-md" style="color: rgba(255,255,255,0.7); margin-top: var(--space-xl);">
|
||||
<span>📅 15. März 2026</span>
|
||||
<span>•</span>
|
||||
<span>✍️ Dr. Maria Huber</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Article Content ── -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="legal-content reveal">
|
||||
<p class="fs-body-lg" style="color: var(--color-primary); font-weight: 500;">Die Auswertung der ersten Bewerbungsrunde zum Bayerischen Mittelstandspreis 2026 zeigt einen klaren Trend: Künstliche Intelligenz ist längst kein Thema mehr nur für Großkonzerne.</p>
|
||||
|
||||
<p>In den vergangenen Jahren war Digitalisierung oft ein Schlagwort für „Prozessoptimierung“. Doch die diesjährigen Einreichungen zeigen ein neues Bild. Bayerische Unternehmen aus Produktion, Handwerk und Dienstleistung nutzen KI-Methoden, um ihre Innovationskraft massiv zu steigern.</p>
|
||||
|
||||
<div style="margin: var(--space-3xl) 0; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-xl);">
|
||||
<img src="https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&q=80&w=1200" alt="KI im Mittelstand" class="fit-image">
|
||||
<p style="padding: var(--space-md); background: white; font-size: var(--fs-xs); color: var(--color-gray-dark); margin-bottom: 0;">Foto: Innovative Fertigung im bayerischen Mittelstand.</p>
|
||||
</div>
|
||||
|
||||
<h2>KI als Treiber für Nachhaltigkeit</h2>
|
||||
<p>Ein besonders spannender Aspekt ist die Verknüpfung von technologischem Vorsprung und ökologischer Verantwortung. Viele Bewerber nutzen intelligente Algorithmen, um ihren Energieverbrauch in der Fertigung zu minimieren oder Lieferketten so zu optimieren, dass der CO2-Fußabdruck signifikant sinkt.</p>
|
||||
|
||||
<blockquote>
|
||||
„KI ist für uns kein Selbstzweck, sondern das Werkzeug, um die Ressourcen-Effizienz zu erreichen, die der Markt heute von uns fordert.“
|
||||
</blockquote>
|
||||
|
||||
<h2>Ausblick auf die Audits</h2>
|
||||
<p>In der nächsten Phase werden unsere Fachexperten diese Systeme vor Ort unter die Lupe nehmen. Wir sind gespannt, wie tief diese Technologien bereits in den operativen Kern der Unternehmen vorgedrungen sind.</p>
|
||||
|
||||
<div class="flex-between" style="margin-top: var(--space-4xl); padding-top: var(--space-xl); border-top: 1px solid var(--color-gray-light);">
|
||||
<a href="presse.html" class="btn btn--outline-dark btn--sm">← Zurück zur Übersicht</a>
|
||||
<div class="flex gap-md">
|
||||
<span>Teilen:</span>
|
||||
<a href="#" style="color: var(--color-primary);">LinkedIn</a>
|
||||
<a href="#" style="color: var(--color-primary);">Twitter</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Footer ── -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">BMP 2026</h4>
|
||||
<a href="index.html" class="footer__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Engagement</h4>
|
||||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="footer__link">Presse</a>
|
||||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Legal</h4>
|
||||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,225 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Der BMP & Preisträger – Bayerischer Mittelstandspreis</title>
|
||||
<meta name="description" content="Entdecken Sie den Bayerischen Mittelstandspreis, seine Preisträger und die Geschichte hinter Bayerns renommiertester KMU-Auszeichnung.">
|
||||
<link rel="stylesheet" href="/css/variables.css">
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/pages.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="nav" id="main-nav">
|
||||
<div class="nav__inner">
|
||||
<a href="index.html" class="nav__brand">
|
||||
<div class="nav__brand-text">
|
||||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="nav__links" id="nav-links">
|
||||
<a href="index.html" class="nav__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="nav__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="nav__link active">Der BMP</a>
|
||||
<a href="jury.html" class="nav__link">Jury & Partner</a>
|
||||
<a href="kontakt.html" class="nav__link">Kontakt</a>
|
||||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Page Hero ── -->
|
||||
<section class="page-hero">
|
||||
<div class="container reveal">
|
||||
<div class="hero__badge reveal">
|
||||
<span class="badge badge--gold">Exzellenz im Mittelstand</span>
|
||||
</div>
|
||||
<h1 class="hero-title">Werte, die Bayern bewegen.</h1>
|
||||
<div class="gold-divider"></div>
|
||||
<p class="hero-subtitle">Was ist der BMP? Entdecken Sie die Geschichte, die Vision und die Gesichter hinter Bayerns renommiertester Auszeichnung.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Kurzbeschreibung „Was ist der Preis?“ & Zielsetzung ── -->
|
||||
<section class="section" id="was-ist-der-bmp">
|
||||
<div class="container">
|
||||
<div class="split reveal">
|
||||
<div class="split__content">
|
||||
<span class="overline">Hintergrund</span>
|
||||
<h2>Bedeutung für den Mittelstand</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<p>Der Bayerische Mittelstandspreis ist weit mehr als eine Trophäe. Seit seiner Gründung im Jahr 2005 verfolgt er das Ziel, die Vielfalt und Leistungsstärke bayerischer Familienunternehmen und KMU sichtbar zu machen. In einer globalisierten Welt sind es diese Unternehmen, die für Stabilität, Innovation und soziale Verantwortung stehen.</p>
|
||||
<div class="grid grid--1" style="margin-top: var(--space-xl);">
|
||||
<div class="feature-box stagger-item">
|
||||
<h4 style="color: var(--color-accent);">Unsere Geschichte</h4>
|
||||
<p>Entstanden aus einer Initiative bayerischer Wirtschaftsvertreter, ehrt der Preis heute jährlich die Leuchttürme unserer Wirtschaft.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="split__visual">
|
||||
<div class="card card--gold-top reveal" style="padding: var(--space-2xl); background: var(--color-gray-lighter);">
|
||||
<h4>Zielsetzung</h4>
|
||||
<ul class="check-list">
|
||||
<li>Sichtbarkeit für den Mittelstand erhöhen</li>
|
||||
<li>Netzwerkbildung über Branchen hinweg</li>
|
||||
<li>Förderung von wertebasierter Führung</li>
|
||||
<li>Stärkung der Arbeitgebermarke "Mittelstand"</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Preisträger-Highlights (Social Proof) ── -->
|
||||
<section class="section section--light" id="highlights">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Social Proof</span>
|
||||
<h2>Stimmen der Exzellenz</h2>
|
||||
<div class="gold-divider"></div>
|
||||
</div>
|
||||
<div class="grid grid--3 reveal">
|
||||
<div class="testimonial stagger-item">
|
||||
<p class="testimonial__quote">Der Gewinn des BMP war ein Moment des Stolzes für unsere gesamte Belegschaft. Es ist die höchste Anerkennung für unsere tägliche Arbeit."</p>
|
||||
<p class="testimonial__name">Hannes Weber</p>
|
||||
<p class="testimonial__company">Weber Präzision GmbH (Sieger 2023)</p>
|
||||
</div>
|
||||
<div class="testimonial stagger-item">
|
||||
<p class="testimonial__quote">Das Netzwerk, das wir durch den BMP gewonnen haben, ist unbezahlbar. Wir haben Partner gefunden, die unsere Werte teilen."</p>
|
||||
<p class="testimonial__name">Lisa Berger</p>
|
||||
<p class="testimonial__company">EcoTech Bavaria (Innovationspreis 2024)</p>
|
||||
</div>
|
||||
<div class="testimonial stagger-item">
|
||||
<p class="testimonial__quote">Der Preis hat unsere Sichtbarkeit weit über die bayerischen Grenzen hinaus gestärkt. Ein echtes Premium-Siegel."</p>
|
||||
<p class="testimonial__name">Dr. Michael Schuh</p>
|
||||
<p class="testimonial__company">Bayerischer Maschinenbau (Nominiert 2024)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Historie & Kurzprofile (Auflistung) ── -->
|
||||
<section class="section section--dark" id="wall-of-fame">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Wall of Fame</span>
|
||||
<h2>Historie der Preisträger</h2>
|
||||
<div class="gold-divider"></div>
|
||||
</div>
|
||||
<div class="grid grid--2 reveal">
|
||||
<!-- Preisträger 1 -->
|
||||
<div class="card stagger-item" style="background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: var(--color-white);">
|
||||
<div class="card__body">
|
||||
<div class="badge badge--gold" style="margin-bottom: var(--space-sm);">Sieger 2024</div>
|
||||
<h3 style="color: var(--color-white);">AlpinTech Solutions</h3>
|
||||
<p style="color: rgba(255,255,255,0.7);">Kategorie: Innovation & Technologie. Ausgezeichnet für ihre revolutionäre Sensorik im Bereich Katastrophenschutz.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preisträger 2 -->
|
||||
<div class="card stagger-item" style="background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: var(--color-white);">
|
||||
<div class="card__body">
|
||||
<div class="badge badge--gold" style="margin-bottom: var(--space-sm);">Sieger 2024</div>
|
||||
<h3 style="color: var(--color-white);">BioWerk Bayern</h3>
|
||||
<p style="color: rgba(255,255,255,0.7);">Kategorie: Nachhaltigkeit. Vorreiter in der kreislauforientierten Holzverarbeitung.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preisträger 3 -->
|
||||
<div class="card stagger-item" style="background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: var(--color-white);">
|
||||
<div class="card__body">
|
||||
<div class="badge badge--gold" style="margin-bottom: var(--space-sm);">Sonderpreis 2023</div>
|
||||
<h3 style="color: var(--color-white);">Handwerk 4.0 GmbH</h3>
|
||||
<p style="color: rgba(255,255,255,0.7);">Kategorie: Unternehmenskultur. Exzellenz in der digitalen Lehrlingsausbildung.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Preisträger 4 -->
|
||||
<div class="card stagger-item" style="background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); color: var(--color-white);">
|
||||
<div class="card__body">
|
||||
<div class="badge badge--gold" style="margin-bottom: var(--space-sm);">Sieger 2023</div>
|
||||
<h3 style="color: var(--color-white);">OpticBavaria</h3>
|
||||
<p style="color: rgba(255,255,255,0.7);">Gesamtsieger. Tradition trifft Hightech in der feinmechanischen Optik.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Vorteile (Werte/Ziele) ── -->
|
||||
<section class="section" id="vorteile-werte">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Vorteile & Werte</span>
|
||||
<h2>Warum der BMP zählt</h2>
|
||||
<div class="gold-divider"></div>
|
||||
</div>
|
||||
<div class="grid grid--3 reveal">
|
||||
<div class="feature-box stagger-item">
|
||||
<div class="icon-box icon-box--gold">🏆</div>
|
||||
<h4>Exzellenz-Siegel</h4>
|
||||
<p>Ein unabhängiger Qualitätsnachweis für Ihre Kunden, Partner und Mitarbeiter.</p>
|
||||
</div>
|
||||
<div class="feature-box stagger-item">
|
||||
<div class="icon-box icon-box--gold">🤝</div>
|
||||
<h4>Partner-Netzwerk</h4>
|
||||
<p>Exklusiver Zugang zu Entscheidern aus Staatsregierung, Kammern und Top-Wirtschaft.</p>
|
||||
</div>
|
||||
<div class="feature-box stagger-item">
|
||||
<div class="icon-box icon-box--gold">📢</div>
|
||||
<h4>Reichweite</h4>
|
||||
<p>Breite mediale Begleitung durch unsere regionalen und überregionalen Medienpartner.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── CTA Richtung Bewerbung ── -->
|
||||
<section class="section section--primary" id="cta-bewerbung">
|
||||
<div class="container text-center reveal">
|
||||
<span class="overline" style="color: var(--color-accent-light);">Starten Sie Ihre Reise</span>
|
||||
<h2 style="color: var(--color-white); margin-bottom: var(--space-lg);">Schreiben auch Sie Geschichte.</h2>
|
||||
<p style="color: rgba(255,255,255,0.8); max-width: 600px; margin: 0 auto var(--space-2xl); font-size: var(--fs-body-lg);">Werden Sie Teil der Wall of Fame des bayerischen Mittelstands. Die Teilnahme ist kostenfrei und lohnt sich in jeder Phase.</p>
|
||||
<div class="hero__actions flex-center">
|
||||
<a href="teilnahme.html" class="btn btn--gold btn--lg">Jetzt bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Footer ── -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">BMP 2026</h4>
|
||||
<a href="index.html" class="footer__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Engagement</h4>
|
||||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="footer__link">Presse</a>
|
||||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Legal</h4>
|
||||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
231
presse.html
231
presse.html
@@ -1,231 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Presse & Media – Bayerischer Mittelstandspreis</title>
|
||||
<meta name="description" content="Der Pressebereich des Bayerischen Mittelstandspreises. Aktuelle Pressemitteilungen, Bildmaterial und Kontaktinformationen für Journalisten.">
|
||||
<link rel="stylesheet" href="/css/variables.css">
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/pages.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ── Navigation ── -->
|
||||
<nav class="nav" id="main-nav">
|
||||
<div class="nav__inner">
|
||||
<a href="index.html" class="nav__brand">
|
||||
<div class="nav__brand-text">
|
||||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="nav__links" id="nav-links">
|
||||
<a href="index.html" class="nav__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="nav__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="nav__link">Der BMP</a>
|
||||
<a href="jury.html" class="nav__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="nav__link active">Presse</a>
|
||||
<a href="kontakt.html" class="nav__link">Kontakt</a>
|
||||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Page Hero ── -->
|
||||
<section class="page-hero">
|
||||
<div class="container reveal">
|
||||
<div class="hero__badge reveal">
|
||||
<span class="badge badge--gold">Presse-Portal</span>
|
||||
</div>
|
||||
<h1 class="hero-title">Events & Berichterstattung.</h1>
|
||||
<div class="gold-divider"></div>
|
||||
<p class="hero-subtitle">Erfahren Sie alles über unsere anstehenden Veranstaltungen und aktuelle Entwicklungen rund um den bayerischen Mittelstandspreis.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Events-Übersicht ── -->
|
||||
<section class="section section--light" id="events">
|
||||
<div class="container">
|
||||
<div class="reveal">
|
||||
<span class="overline">Termine</span>
|
||||
<h2>Events rund um den Preis</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
</div>
|
||||
<div class="grid grid--3 reveal" style="margin-top: var(--space-2xl);">
|
||||
<!-- Event 1 -->
|
||||
<div class="blog-card stagger-item">
|
||||
<div class="blog-card__image" style="background-image: url('https://images.unsplash.com/photo-1511578314322-379afb476865?auto=format&fit=crop&q=80&w=800'); background-size: cover;"></div>
|
||||
<div class="blog-card__body">
|
||||
<div class="blog-card__category">Gala / Event</div>
|
||||
<h3 class="blog-card__title">Preisverleihung 2026</h3>
|
||||
<div class="blog-card__meta" style="margin-bottom: var(--space-md);">
|
||||
<span>📅 22. Okt 2026</span>
|
||||
<span>📍 München, Residenz</span>
|
||||
</div>
|
||||
<span class="badge badge--gold" style="margin-bottom: var(--space-md);">In Planung</span>
|
||||
<p class="blog-card__excerpt">Der glanzvolle Höhepunkt des Jahres. Die Verleihung der Preise in der prachtvollen Kulisse der Residenz München.</p>
|
||||
<a href="event-detail.html" class="btn btn--outline-dark btn--sm">Event-Details →</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Event 2 -->
|
||||
<div class="blog-card stagger-item">
|
||||
<div class="blog-card__image" style="background-image: url('https://images.unsplash.com/photo-1505373877841-8d25f7d46678?auto=format&fit=crop&q=80&w=800'); background-size: cover;"></div>
|
||||
<div class="blog-card__body">
|
||||
<div class="blog-card__category">Workshop</div>
|
||||
<h3 class="blog-card__title">Mittelstands-Gipfel</h3>
|
||||
<div class="blog-card__meta" style="margin-bottom: var(--space-md);">
|
||||
<span>📅 15. Juni 2026</span>
|
||||
<span>📍 Nürnberg</span>
|
||||
</div>
|
||||
<span class="badge badge--blue" style="margin-bottom: var(--space-md);">Anmeldung offen</span>
|
||||
<p class="blog-card__excerpt">Regionaler Austausch und Best-Practices für bayerische Unternehmen auf dem Weg zum Preis.</p>
|
||||
<a href="event-detail.html" class="btn btn--outline-dark btn--sm">Event-Details →</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Event 3 -->
|
||||
<div class="blog-card stagger-item">
|
||||
<div class="blog-card__image" style="background-image: url('https://images.unsplash.com/photo-1588196749597-9ff075ee6b5b?auto=format&fit=crop&q=80&w=800'); background-size: cover;"></div>
|
||||
<div class="blog-card__body">
|
||||
<div class="blog-card__category">Jury-Sitzung</div>
|
||||
<h3 class="blog-card__title">Nominierten-Auswahl</h3>
|
||||
<div class="blog-card__meta" style="margin-bottom: var(--space-md);">
|
||||
<span>📅 04. Aug 2026</span>
|
||||
<span>📍 Regensburg</span>
|
||||
</div>
|
||||
<span class="badge badge--secondary" style="margin-bottom: var(--space-md);">Intern</span>
|
||||
<p class="blog-card__excerpt">Das Gremium sichtet die Ergebnisse der Audits und legt die Nominierten für die Hauptpreise fest.</p>
|
||||
<a href="event-detail.html" class="btn btn--outline-dark btn--sm">Details →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Blog / News-Übersicht ── -->
|
||||
<section class="section" id="news">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Newsroom</span>
|
||||
<h2>Nachrichten & Einblicke</h2>
|
||||
<div class="gold-divider"></div>
|
||||
</div>
|
||||
<div class="grid grid--3 reveal">
|
||||
<!-- Blog post 1 -->
|
||||
<div class="card stagger-item">
|
||||
<div style="height: 200px; overflow: hidden;">
|
||||
<img src="https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&q=80&w=800" alt="News 1" class="fit-image">
|
||||
</div>
|
||||
<div class="card__body">
|
||||
<span class="blog-card__category">Innovation</span>
|
||||
<h3 class="card__title">Wie Bayerns KMU die KI nutzen</h3>
|
||||
<p class="card__text">Ein Deep-Dive in die Bewerbungsunterlagen 2024 zeigt: Der Mittelstand treibt die Digitalisierung aktiv voran.</p>
|
||||
<a href="news-detail.html" class="footer__link" style="color: var(--color-accent); font-weight: var(--fw-bold);">Weiterlesen →</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Blog post 2 -->
|
||||
<div class="card stagger-item">
|
||||
<div style="height: 200px; overflow: hidden;">
|
||||
<img src="https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&q=80&w=800" alt="News 2" class="fit-image">
|
||||
</div>
|
||||
<div class="card__body">
|
||||
<span class="blog-card__category">Engagement</span>
|
||||
<h3 class="card__title">Start der Ehrenamts-Initiative</h3>
|
||||
<p class="card__text">Gemeinsam mit unseren Partnern fördern wir soziale Projekte mittelständischer Unternehmen.</p>
|
||||
<a href="news-detail.html" class="footer__link" style="color: var(--color-accent); font-weight: var(--fw-bold);">Weiterlesen →</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Blog post 3 -->
|
||||
<div class="card stagger-item">
|
||||
<div style="height: 200px; overflow: hidden;">
|
||||
<img src="https://images.unsplash.com/photo-1454165833767-13143895a004?auto=format&fit=crop&q=80&w=800" alt="News 3" class="fit-image">
|
||||
</div>
|
||||
<div class="card__body">
|
||||
<span class="blog-card__category">Wirtschaft</span>
|
||||
<h3 class="card__title">Bayerische Wirtschaft wächst</h3>
|
||||
<p class="card__text">Neue Prognosen zeigen ein stabiles Wachstum für den Mittelstand – gute Aussichten für die Awards.</p>
|
||||
<a href="news-detail.html" class="footer__link" style="color: var(--color-accent); font-weight: var(--fw-bold);">Weiterlesen →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Media Assets & Contact ── -->
|
||||
<section class="section section--dark" id="press-contact">
|
||||
<div class="container">
|
||||
<div class="grid grid--2 reveal" style="align-items: center; gap: var(--space-4xl);">
|
||||
<div>
|
||||
<span class="overline" style="color: var(--color-accent);">Resources</span>
|
||||
<h2>Presse-Material & Kontakt</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<p style="color: var(--color-gray-dark);">Laden Sie unser offizielles Material herunter oder kontaktieren Sie direkt unser Presseteam für individuelle Anfragen.</p>
|
||||
<div style="margin-top: var(--space-xl); display: flex; flex-direction: column; gap: var(--space-md);">
|
||||
<a href="#" class="btn btn--gold">Download Presse-Kit (ZIP)</a>
|
||||
<div style="margin-top: var(--space-lg);">
|
||||
<p><strong>Tanja Meier</strong> (Presseleitung)</p>
|
||||
<p style="color: var(--color-gray);">presse@bmp-bayern.de | +49 89 123 456 99</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-card" style="background: var(--color-white); padding: var(--space-3xl); border-radius: var(--radius-lg);">
|
||||
<h3 style="color: var(--color-dark); margin-bottom: var(--space-lg);">Presse-Akkreditierung</h3>
|
||||
<p style="color: var(--color-gray-dark); font-size: var(--fs-small); margin-bottom: var(--space-xl);">Melden Sie sich für unsere Verteiler an oder fordern Sie eine Akkreditierung für die nächste Gala an.</p>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">Medium / Redaktion *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">Name *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label" style="color: var(--color-dark);">E-Mail *</label>
|
||||
<input type="email" class="form-input" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn--gold btn--full">Akkreditierung anfragen →</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Footer ── -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">BMP 2026</h4>
|
||||
<a href="index.html" class="footer__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Engagement</h4>
|
||||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="footer__link">Presse</a>
|
||||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Legal</h4>
|
||||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
260
teilnahme.html
260
teilnahme.html
@@ -1,260 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Teilnahme 2026 – Bayerischer Mittelstandspreis</title>
|
||||
<meta name="description" content="Ihr Weg zum Bayerischen Mittelstandspreis 2026. Erfahren Sie die Voraussetzungen, Bewertungskriterien und bewerben Sie sich jetzt kostenlos.">
|
||||
<link rel="stylesheet" href="/css/variables.css">
|
||||
<link rel="stylesheet" href="/css/base.css">
|
||||
<link rel="stylesheet" href="/css/components.css">
|
||||
<link rel="stylesheet" href="/css/layout.css">
|
||||
<link rel="stylesheet" href="/css/pages.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ── Navigation ── -->
|
||||
<nav class="nav" id="main-nav">
|
||||
<div class="nav__inner">
|
||||
<a href="index.html" class="nav__brand">
|
||||
<div class="nav__brand-text">
|
||||
<span class="nav__brand-name">Bayerischer Mittelstandspreis</span>
|
||||
<span class="nav__brand-sub">Exzellenz seit 2005</span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="nav__links" id="nav-links">
|
||||
<a href="index.html" class="nav__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="nav__link active">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="nav__link">Der BMP</a>
|
||||
<a href="jury.html" class="nav__link">Jury & Partner</a>
|
||||
<a href="kontakt.html" class="nav__link">Kontakt</a>
|
||||
<a href="teilnahme.html#bewerben" class="btn btn--gold btn--sm nav__cta">Bewerben</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ── Page Hero ── -->
|
||||
<section class="page-hero">
|
||||
<div class="container reveal">
|
||||
<div class="hero__badge reveal">
|
||||
<span class="badge badge--gold">Phase 2026</span>
|
||||
</div>
|
||||
<h1 class="hero-title">Gestalten Sie Bayerns Zukunft.</h1>
|
||||
<div class="gold-divider"></div>
|
||||
<p class="hero-subtitle">Alles, was Sie für Ihre erfolgreiche Bewerbung zum Bayerischen Mittelstandspreis wissen müssen.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Teilnahmevoraussetzungen (Berechtigung) ── -->
|
||||
<section class="section" id="voraussetzungen">
|
||||
<div class="container">
|
||||
<div class="split reveal">
|
||||
<div class="split__visual">
|
||||
<div class="split__image-stack">
|
||||
<div class="split__image-card split__image-card--1 reveal">
|
||||
<img src="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&q=80&w=800" alt="Bayerische Wirtschaft" class="fit-image">
|
||||
</div>
|
||||
<div class="split__image-card split__image-card--2 reveal">
|
||||
<img src="https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&q=80&w=600" alt="Erfolg im Team" class="fit-image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="split__content reveal">
|
||||
<span class="overline">Berechtigung</span>
|
||||
<h2>Wer kann teilnehmen?</h2>
|
||||
<div class="gold-divider gold-divider--left"></div>
|
||||
<p>Der Bayerische Mittelstandspreis richtet sich an Unternehmen, die den Wirtschaftsstandort Bayern mit Leidenschaft und Weitblick prägen.</p>
|
||||
<ul class="check-list" style="margin-top: var(--space-xl);">
|
||||
<li class="stagger-item">Unternehmenssitz oder wesentliche Betriebsstätte in Bayern.</li>
|
||||
<li class="stagger-item">Mitarbeiterzahl zwischen 10 und 500 Beschäftigten (KMU).</li>
|
||||
<li class="stagger-item">Mindestens drei volle Geschäftsjahre am Markt aktiv.</li>
|
||||
<li class="stagger-item">Keine Zugehörigkeit zu rein öffentlichen Trägern.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Kriterien & Bewertung ── -->
|
||||
<section class="section section--dark" id="kriterien">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Bewertung</span>
|
||||
<h2>Unsere Kriterien</h2>
|
||||
<div class="gold-divider"></div>
|
||||
<p style="color: rgba(255,255,255,0.7); margin: 0 auto;">Eine unabhängige Expertenjury bewertet Ihre Einreichung basierend auf vier gleichgewichteten Säulen der Exzellenz.</p>
|
||||
</div>
|
||||
<div class="grid grid--4 reveal">
|
||||
<div class="feature-box stagger-item">
|
||||
<div class="step__number">25%</div>
|
||||
<h4>Innovationskraft</h4>
|
||||
<p>Zukunftsweisende Produkte, Dienstleistungen oder interne Prozessinnovationen.</p>
|
||||
</div>
|
||||
<div class="feature-box stagger-item">
|
||||
<div class="step__number">25%</div>
|
||||
<h4>Nachhaltigkeit</h4>
|
||||
<p>Ökologische Verantwortung und Ressourcen-Effizienz im operativen Kern.</p>
|
||||
</div>
|
||||
<div class="feature-box stagger-item">
|
||||
<div class="step__number">25%</div>
|
||||
<h4>Unternehmenskultur</h4>
|
||||
<p>Mitarbeiterbindung, Aus- und Weiterbildung sowie wertebasierte Führung.</p>
|
||||
</div>
|
||||
<div class="feature-box stagger-item">
|
||||
<div class="step__number">25%</div>
|
||||
<h4>Regionale Wurzeln</h4>
|
||||
<p>Engagement am Standort Bayern und Beitrag zur regionalen Wertschöpfung.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Bewerbungsprozess Schritt für Schritt ── -->
|
||||
<section class="section section--light" id="prozess-detail">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<span class="overline">Schritt für Schritt</span>
|
||||
<h2>Ihr Weg zur Auszeichnung</h2>
|
||||
<div class="gold-divider"></div>
|
||||
</div>
|
||||
|
||||
<div class="timeline reveal">
|
||||
<div class="timeline__item stagger-item">
|
||||
<div class="timeline__dot"></div>
|
||||
<p class="timeline__date">Schritt 01</p>
|
||||
<h4 class="timeline__title">Online-Einreichung</h4>
|
||||
<p class="timeline__text">Füllen Sie das Bewerbungs- oder Vorschlagsformular vollständig aus. Die Teilnahme ist kostenfrei.</p>
|
||||
</div>
|
||||
<div class="timeline__item stagger-item">
|
||||
<div class="timeline__dot"></div>
|
||||
<p class="timeline__date">Schritt 02</p>
|
||||
<h4 class="timeline__title">Vorprüfung</h4>
|
||||
<p class="timeline__text">Unser Gremium sichtet alle Unterlagen auf Vollständigkeit und Konformität mit den KMU-Kriterien.</p>
|
||||
</div>
|
||||
<div class="timeline__item stagger-item">
|
||||
<div class="timeline__dot"></div>
|
||||
<p class="timeline__date">Schritt 03</p>
|
||||
<h4 class="timeline__title">Audit & Jury-Sitzung</h4>
|
||||
<p class="timeline__text">Die besten Unternehmen werden durch Audits (Besuche vor Ort) tiefergehend evaluiert.</p>
|
||||
</div>
|
||||
<div class="timeline__item stagger-item">
|
||||
<div class="timeline__dot"></div>
|
||||
<p class="timeline__date">Schritt 04</p>
|
||||
<h4 class="timeline__title">Preisverleihung</h4>
|
||||
<p class="timeline__text">Die Gewinner werden im Rahmen der feierlichen Gala in München geehrt.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Fristen / Termine zur Verleihung ── -->
|
||||
<section class="section--sm" id="termine" style="background: var(--color-primary-light); color: var(--color-white);">
|
||||
<div class="container">
|
||||
<div class="flex-between reveal" style="flex-wrap: wrap; gap: var(--space-xl);">
|
||||
<div>
|
||||
<h3 style="color: var(--color-white); margin-bottom: var(--space-xs);">Wichtige Termine 2026</h3>
|
||||
<p style="color: rgba(255,255,255,0.7);">Planen Sie Ihre Teilnahme rechtzeitig.</p>
|
||||
</div>
|
||||
<div class="grid grid--3" style="flex-grow: 1; text-align: center;">
|
||||
<div class="stagger-item">
|
||||
<p style="font-weight: var(--fw-bold); color: var(--color-accent);">30. Juni 2026</p>
|
||||
<p style="font-size: var(--fs-xs);">Bewerbungsschluss</p>
|
||||
</div>
|
||||
<div class="stagger-item">
|
||||
<p style="font-weight: var(--fw-bold); color: var(--color-accent);">August 2026</p>
|
||||
<p style="font-size: var(--fs-xs);">Bekanntgabe Nominierte</p>
|
||||
</div>
|
||||
<div class="stagger-item">
|
||||
<p style="font-weight: var(--fw-bold); color: var(--color-accent);">Oktober 2026</p>
|
||||
<p style="font-size: var(--fs-xs);">Gala-Verleihung</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Bewerbungsformular / Vorschlagsformular ── -->
|
||||
<section class="section" id="bewerben">
|
||||
<div class="container">
|
||||
<div class="form-card reveal" style="max-width: 900px; margin: 0 auto; background: var(--color-white); padding: var(--space-4xl); box-shadow: var(--shadow-2xl); border: 1px solid var(--color-gray-light);">
|
||||
<div class="section-header">
|
||||
<span class="overline">Direktbewerbung</span>
|
||||
<h2>Bewerben oder Vorschlagen</h2>
|
||||
<div class="gold-divider"></div>
|
||||
<p>Sie können sich selbst bewerben oder ein herausragendes Unternehmen vorschlagen.</p>
|
||||
</div>
|
||||
<form id="bewerbungsformular" class="grid grid--2" style="gap: var(--space-xl);">
|
||||
<div class="form-group" style="grid-column: span 2;">
|
||||
<label class="form-label">Art der Einreichung *</label>
|
||||
<select class="form-input" required>
|
||||
<option value="">Bitte wählen...</option>
|
||||
<option value="selbst">Eigenbewerbung</option>
|
||||
<option value="vorschlag">Vorschlag eines anderen Unternehmens</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Firmenname *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Branche *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Kontaktperson *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">E-Mail *</label>
|
||||
<input type="email" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group" style="grid-column: span 2;">
|
||||
<label class="form-label">Warum verdient dieses Unternehmen den Preis? *</label>
|
||||
<textarea class="form-textarea" placeholder="Kurze Begründung..." required></textarea>
|
||||
</div>
|
||||
<div style="grid-column: span 2; text-align: center; margin-top: var(--space-xl);">
|
||||
<button type="submit" class="btn btn--gold btn--lg">Bewerbung absenden →</button>
|
||||
<p style="margin-top: var(--space-md); font-size: var(--fs-xs); color: var(--color-gray-dark);">
|
||||
Noch unsicher? Schauen Sie in unsere <a href="kontakt.html#faq" style="text-decoration: underline;">FAQ</a> oder <a href="kontakt.html" style="text-decoration: underline;">kontaktieren Sie uns</a>.
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ── Footer ── -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
<div class="footer__brand">
|
||||
<h3 class="nav__brand-name">Bayerischer Mittelstandspreis</h3>
|
||||
<p class="nav__brand-sub">Exzellenz seit 2005</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">BMP 2026</h4>
|
||||
<a href="index.html" class="footer__link">Startseite</a>
|
||||
<a href="teilnahme.html" class="footer__link">Teilnahme</a>
|
||||
<a href="preistraeger.html" class="footer__link">Preisträger</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Engagement</h4>
|
||||
<a href="jury.html" class="footer__link">Jury & Partner</a>
|
||||
<a href="presse.html" class="footer__link">Presse</a>
|
||||
<a href="kontakt.html" class="footer__link">Kontakt</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="footer__heading">Legal</h4>
|
||||
<a href="datenschutz.html" class="footer__link">Datenschutz</a>
|
||||
<a href="datenschutz.html#impressum" class="footer__link">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© 2026 Bayerischer Mittelstandspreis. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user