Ultimativer Kostenrechner f\u00fcr Spieleentwicklung & Outsourcing<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background-color: #f1f5f9; }\n .section-card { transition: all 0.2s ease; }\n .section-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }\n input[type=\"number\"] { width: 70px; text-align: center; border-radius: 6px; border: 1px solid #cbd5e1; padding: 0.25rem; font-weight: 600;}\n input[type=\"number\"]:focus { outline: none; border-color: #3b82f6; ring: 2px; ring-color: #bfdbfe;}\n input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; }\n .sticky-summary { position: sticky; top: 1.5rem; }\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n .price-label { font-variant-numeric: tabular-nums; }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-6 text-slate-800\">\n\n<div class=\"max-w-7xl mx-auto\">\n \n <header class=\"mb-8 text-center bg-white p-8 rounded-2xl shadow-sm border border-slate-200\">\n <h1 class=\"text-3xl md:text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-emerald-600 mb-4\">Ultimativer Game-Budget Kalkulator<\/h1>\n <p class=\"text-slate-500 max-w-3xl mx-auto\">Ein umfassendes Sch\u00e4tztool mit \u00fcber 100 Posten f\u00fcr Art, Code, Audio, Lokalisierung, VR\/Web3 und QA. Die Preise basieren auf aktuellen weltweiten Industriestandards.<\/p>\n <\/header>\n\n <div class=\"grid grid-cols-1 xl:grid-cols-4 gap-6\">\n \n \n <div class=\"xl:col-span-3 space-y-6\">\n \n \n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-slate-200\">\n <h2 class=\"text-lg font-bold mb-4 text-blue-600 flex items-center\"><i class=\"fa-solid fa-coins w-6\"><\/i> Schritt 1: W\u00e4hrung ausw\u00e4hlen<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <label class=\"relative flex p-4 cursor-pointer rounded-lg border-2 border-transparent focus-within:border-blue-500 bg-slate-50 hover:bg-slate-100 transition\">\n <input type=\"radio\" name=\"currency\" value=\"0.95\" data-symbol=\"\u20ac\" class=\"mt-1\" checked onchange=\"calculateTotal()\">\n <div class=\"ml-3\">\n <span class=\"block text-sm font-bold\">EUR (Euro)<\/span>\n <span class=\"text-xs text-slate-500\">Standard f\u00fcr EU & DACH<\/span>\n <\/div>\n <\/label>\n <label class=\"relative flex p-4 cursor-pointer rounded-lg border-2 border-transparent focus-within:border-blue-500 bg-slate-50 hover:bg-slate-100 transition\">\n <input type=\"radio\" name=\"currency\" value=\"1.0\" data-symbol=\"$\" class=\"mt-1\" onchange=\"calculateTotal()\">\n <div class=\"ml-3\">\n <span class=\"block text-sm font-bold\">USD (US-Dollar)<\/span>\n <span class=\"text-xs text-slate-500\">Globale Marktbasis<\/span>\n <\/div>\n <\/label>\n <label class=\"relative flex p-4 cursor-pointer rounded-lg border-2 border-transparent focus-within:border-blue-500 bg-slate-50 hover:bg-slate-100 transition\">\n <input type=\"radio\" name=\"currency\" value=\"0.90\" data-symbol=\"CHF\" class=\"mt-1\" onchange=\"calculateTotal()\">\n <div class=\"ml-3\">\n <span class=\"block text-sm font-bold\">CHF (Schweizer Franken)<\/span>\n <span class=\"text-xs text-slate-500\">F\u00fcr Schweizer Kunden<\/span>\n <\/div>\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-pink-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-pen-nib w-6\"><\/i> 1. 2D-Konzeptkunst & Illustration<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Schnelle Skizze (Sketch)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_sketch\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Kompletter Charakter-Konzept<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_char\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Kreatur \/ Monster<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_creature\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Umgebung \/ Kulisse (Environment)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_env\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Waffe \/ Requisite (Prop)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_prop\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Fahrzeug \/ Mecha<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_vehicle\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Premium Splash Art (Promo)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_splash\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Storyboard (pro Panel)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_story\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Visual Novel Asset (Perso + Ausdr\u00fccke)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_vn\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>TCG Kartenillustration<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_tcg\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-rose-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-layer-group w-6\"><\/i> 2. Benutzeroberfl\u00e4che (UI\/UX)<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>UX-Wireframe (pro Screen)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_wireframe\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Finales UI-Rendering (pro Screen)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_screen\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Standard-Icon \/ Button<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_icon_std\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Handgemaltes Premium-Icon<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_icon_prm\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Spiele-Logo Design<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_logo\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Pixel Art Charakter<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"px_char\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Pixel Art Tileset (Umgebung)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"px_tile\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>UI-Animation (Motion Design)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_anim\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-purple-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-street-view w-6\"><\/i> 3. 3D-Charaktere & Kreaturen<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Char Low-Poly (Mobile)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_char_low\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Char Stilisiert (Mid-Core)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_char_mid\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Char AAA (Fotorealistisch PBR)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_char_aaa\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Kreatur \/ Monster<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_creature\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Haare (Hair Cards\/Grooming)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_hair\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Zus\u00e4tzliche R\u00fcstung \/ Kleidung<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_armor\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>LOD-Erstellung (Level of Detail)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_lod\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Scan \/ Photogrammetrie-Cleanup<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_scan\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Hochaufl\u00f6sende 3D-B\u00fcste \/ Portrait<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_bust\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-indigo-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-tree w-6\"><\/i> 4. 3D-Umgebung & Hard Surface<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Standard-Requisite (Fass, Kiste)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_prop_std\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Hero-Requisite \/ Komplexe Waffe<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_prop_hero\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Realistische Schusswaffe (FPS)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_gun\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Modulares Architektur-Kit (10 Teile)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_mod_kit\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Einzigartiges Geb\u00e4ude (Landmark)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_building\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Standard-Fahrzeug<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_vehicle\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Komplexes Fahrzeug (mit Interieur)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_vehicle_c\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Vegetation \/ Foliage-Set<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_foliage\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Terrain-Sculpting (pro km\u00b2)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_terrain\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Skybox \/ 360\u00b0-Panorama<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_skybox\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-violet-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-person-running w-6\"><\/i> 5. Rigging & Animation<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Spine 2D Rigging<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_spine_rig\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Spine 2D Animation (pro Sek)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_spine_sec\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Biped-Rigging<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_rig_bi\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Quadruped\/Monster-Rigging<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_rig_quad\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Facial-Rigging (Blendshapes)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_rig_face\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Fahrzeug\/Mecha-Rigging<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_rig_veh\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Gameplay-Animation (pro Sek)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_anim_play\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Cinematic-Animation (pro Sek)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_anim_cine\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>FPS-Waffenanimation (Nachladen)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_anim_fps\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Mocap-Bereinigung (pro Sek)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_mocap_clean\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-fuchsia-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-wand-magic-sparkles w-6\"><\/i> 6. Visuelle Effekte (VFX) & Tech Art<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>2D-Sprite-FX (Explosion, Hit)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_vfx_2d\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Partikel-FX (Einfach)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_vfx_simple\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Partikel-FX (Komplex\/AoE)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_vfx_complex\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Custom Shader Entwicklung<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_shader\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Level-Beleuchtung (Lighting Setup)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_lighting\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Engine-Optimierung (pro Tag)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_optimiz\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Eigenes Editor-Tool \/ Skript<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_editor\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Prozedurale Generierung (Houdini\/PCG)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_procedural\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-amber-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-music w-6\"><\/i> 7. Audio, Sound & Musik<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Originalmusik (pro Min)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_music\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Hauptthema \/ Orchestral<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_theme\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Soundeffekt (SFX, pro Datei)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_sfx\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Ambiente-Soundscape (Loop)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_ambient\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Voice-Over \/ Synchro (pro Min)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_vo\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Audio Mixing & Mastering<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_mix\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Audio-Integration (Wwise\/FMOD)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_integ\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-yellow-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-book w-6\"><\/i> 8. Game Design & Storytelling<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Pitch Deck \/ Konzeptdokument<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_pitch\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Komplettes Design-Dokument (GDD)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_gdd\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Economy \/ Math Balancing<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_econ\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Level Blockout (Greybox)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_level_block\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Level Set Dressing (Polishing)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_level_dress\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Narrative Writing (1000 W\u00f6rter)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_lore\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Quest- \/ Missionsdesign<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_quest\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Verzweigte Dialogb\u00e4ume<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_dialog\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-blue-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-code w-6\"><\/i> 9. Programmierung & Entwicklung<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Core Gameplay Modul<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_core\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>UI-Implementierung (pro Screen)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_ui\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Basis-Multiplayer (Photon\/Netcode)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_multi\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Matchmaking-System<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_match\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>KI Behavior Tree (Gegner)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_ai\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Physik-Programmierung \/ Ragdoll<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_physics\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Inventar- \/ Crafting-System<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_inv\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Backend \/ In-App-K\u00e4ufe (IAP)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_backend\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Cloud Save \/ Spielerprofil<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_save\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>SDK-Integration (Ads, Analytics)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_sdk\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-teal-500 flex items-center border-b pb-2\"><i class=\"fa-brands fa-ethereum w-6\"><\/i> 10. AR \/ VR & Web3<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>VR-Interaktionsmechaniken<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_vr_mech\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>AR-Tracking Integration (ARKit\/ARCore)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_ar_track\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Standalone VR Optimierung (Quest)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_vr_opti\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Smart Contract Entwicklung (Web3)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_w3_contract\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Crypto Wallet Integration<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_w3_wallet\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Tokenomics Design<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_w3_token\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>NFT Minting System<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_w3_nft\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-orange-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-language w-6\"><\/i> 11. Lokalisierung & \u00dcbersetzung<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Text\u00fcbersetzung (pro 1000 W\u00f6rter)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"loc_text\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>LQA (Lokalisierungs-Qualit\u00e4tstests)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"loc_lqa\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Untertitel-Erstellung (pro Min)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"loc_subs\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Mehrsprachige Synchro (pro Stunde)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"loc_dub\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-cyan-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-bug w-6\"><\/i> 12. Qualit\u00e4tssicherung (QA) & Marketing<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Manuelles QA-Testing (100 Std. Block)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"qa_manual\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Setup Automatisierter Tests<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"qa_auto\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Game Trailer (30 Sek CG\/Gameplay)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_trailer\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Store Screenshots (5er Set)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_screens\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Ad Creative Banner\/Video (UA)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_ad\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Press Kit \/ Pressemappe<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_press\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Community Management (pro Monat)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_cm\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card md:col-span-2\">\n <h2 class=\"text-md font-bold mb-3 text-emerald-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-rocket w-6\"><\/i> 13. Full-Cycle-Entwicklung & Portierung<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Spielbarer Prototyp \/ Core Loop<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_proto\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Vertical Slice (10 Min poliert)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_vs\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Komplettes Casual Game (End-to-End)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_casual\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Komplettes Mid-Core Game (End-to-End)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_midcore\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Konsolen-Portierung (PC zu PS\/Xbox\/SW)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_port\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"xl:col-span-1 mt-6 xl:mt-0\">\n <div class=\"bg-slate-900 text-white p-6 rounded-2xl shadow-xl sticky-summary border border-slate-800\">\n <div class=\"flex justify-between items-center border-b border-slate-700 pb-4 mb-6\">\n <h3 class=\"text-lg font-bold\">Live-Sch\u00e4tzung<\/h3>\n <button onclick=\"clearAll()\" class=\"text-xs bg-slate-700 hover:bg-red-500 text-white px-3 py-1.5 rounded transition shadow-sm\">Alles l\u00f6schen<\/button>\n <\/div>\n \n <div class=\"space-y-3 mb-6 text-sm\">\n <div class=\"flex justify-between text-slate-400\">\n <span>Anzahl der Posten:<\/span>\n <span id=\"item_count_display\" class=\"text-white font-medium\">0<\/span>\n <\/div>\n \n <div class=\"border-t border-slate-700 pt-4 mt-4\">\n <span class=\"block text-slate-400 mb-1\">Gesch\u00e4tztes Budget:<\/span>\n <span class=\"block text-4xl font-black text-emerald-400 tracking-tight\" id=\"total_cost_display\">0 \u20ac<\/span>\n <\/div>\n <\/div>\n\n <div class=\"space-y-3\">\n <button onclick=\"window.print()\" class=\"w-full flex items-center justify-center gap-2 bg-slate-800 hover:bg-slate-700 text-white font-semibold py-3 rounded-lg transition border border-slate-600\">\n <i class=\"fa-solid fa-file-pdf\"><\/i> PDF-Angebot exportieren\n <\/button>\n <button class=\"w-full flex items-center justify-center gap-2 bg-blue-600 hover:bg-blue-500 text-white font-semibold py-3 rounded-lg transition shadow-lg shadow-blue-900\/50\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Anfrage senden\n <\/button>\n <\/div>\n\n <div class=\"mt-6 pt-4 border-t border-slate-800\">\n <p class=\"text-[11px] text-slate-500 leading-tight\">\n <i class=\"fa-solid fa-circle-info mr-1\"><\/i> HINWEIS: Bei den angegebenen Preisen handelt es sich um Basissch\u00e4tzungen, die auf aktuellen weltweiten Daten der Spielebranche beruhen. Die endg\u00fcltigen Kosten h\u00e4ngen von der Komplexit\u00e4t, den technischen Anforderungen und der Verf\u00fcgbarkeit des Studios ab.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Basispreise (Indexiert auf USD-Standard f\u00fcr die korrekte Umrechnung)\n const prices = {\n \/\/ 1. 2D Concept\n \"c_2d_sketch\": 200, \"c_2d_char\": 600, \"c_2d_creature\": 800, \"c_2d_env\": 1200, \"c_2d_prop\": 150, \"c_2d_vehicle\": 600, \"c_2d_splash\": 2500, \"c_2d_story\": 50, \"c_2d_vn\": 400, \"c_2d_tcg\": 350,\n \/\/ 2. UI\/UX\n \"ui_wireframe\": 150, \"ui_screen\": 400, \"ui_icon_std\": 50, \"ui_icon_prm\": 150, \"ui_logo\": 1500, \"px_char\": 100, \"px_tile\": 50, \"ui_anim\": 200,\n \/\/ 3. 3D Char\n \"m3_char_low\": 800, \"m3_char_mid\": 2000, \"m3_char_aaa\": 5000, \"m3_creature\": 3000, \"m3_hair\": 800, \"m3_armor\": 1200, \"m3_lod\": 200, \"m3_scan\": 1000, \"m3_bust\": 1500,\n \/\/ 4. 3D Env\n \"m3_prop_std\": 300, \"m3_prop_hero\": 800, \"m3_gun\": 1200, \"m3_mod_kit\": 2000, \"m3_building\": 2500, \"m3_vehicle\": 1500, \"m3_vehicle_c\": 3500, \"m3_foliage\": 600, \"m3_terrain\": 1000, \"m3_skybox\": 800,\n \/\/ 5. Rigging & Anim\n \"a_spine_rig\": 400, \"a_spine_sec\": 100, \"a_3d_rig_bi\": 800, \"a_3d_rig_quad\": 1200, \"a_3d_rig_face\": 1500, \"a_3d_rig_veh\": 600, \"a_3d_anim_play\": 150, \"a_3d_anim_cine\": 300, \"a_3d_anim_fps\": 250, \"a_mocap_clean\": 50,\n \/\/ 6. VFX & Tech\n \"t_vfx_2d\": 300, \"t_vfx_simple\": 200, \"t_vfx_complex\": 800, \"t_shader\": 500, \"t_lighting\": 1500, \"t_optimiz\": 600, \"t_editor\": 1200, \"t_procedural\": 2500,\n \/\/ 7. Audio\n \"au_music\": 1000, \"au_theme\": 2500, \"au_sfx\": 50, \"au_ambient\": 300, \"au_vo\": 300, \"au_mix\": 800, \"au_integ\": 1500,\n \/\/ 8. Game Design\n \"gd_pitch\": 2000, \"gd_gdd\": 5000, \"gd_econ\": 3000, \"gd_level_block\": 1500, \"gd_level_dress\": 2000, \"gd_lore\": 150, \"gd_quest\": 400, \"gd_dialog\": 500,\n \/\/ 9. Programming\n \"dev_core\": 4000, \"dev_ui\": 300, \"dev_multi\": 10000, \"dev_match\": 4000, \"dev_ai\": 2000, \"dev_physics\": 2500, \"dev_inv\": 3000, \"dev_backend\": 3000, \"dev_save\": 1500, \"dev_sdk\": 1500,\n \/\/ 10. AR\/VR & Web3\n \"tech_vr_mech\": 3000, \"tech_ar_track\": 2500, \"tech_vr_opti\": 2000, \"tech_w3_contract\": 4000, \"tech_w3_wallet\": 1500, \"tech_w3_token\": 5000, \"tech_w3_nft\": 3500,\n \/\/ 11. Localization\n \"loc_text\": 150, \"loc_lqa\": 300, \"loc_subs\": 50, \"loc_dub\": 400,\n \/\/ 12. QA & Marketing\n \"qa_manual\": 2500, \"qa_auto\": 3000, \"mkt_trailer\": 5000, \"mkt_screens\": 1000, \"mkt_ad\": 300, \"mkt_press\": 800, \"mkt_cm\": 1500,\n \/\/ 13. Full Cycle\n \"fc_proto\": 15000, \"fc_vs\": 50000, \"fc_casual\": 25000, \"fc_midcore\": 150000, \"fc_port\": 30000\n };\n\n function calculateTotal() {\n const currencyRadio = document.querySelector('input[name=\"currency\"]:checked');\n const rate = parseFloat(currencyRadio.value);\n const symbol = currencyRadio.dataset.symbol;\n \n let totalCost = 0;\n let totalItems = 0;\n\n for (let key in prices) {\n const inputEl = document.getElementById(key);\n if(inputEl) {\n const priceSpan = inputEl.previousElementSibling;\n if (priceSpan) {\n \/\/ Formattierung f\u00fcr Deutschland (z.B. 2.500 \u20ac oder 2.500 $)\n const localPrice = Math.round(prices[key] * rate).toLocaleString('de-DE');\n priceSpan.innerText = localPrice + ' ' + symbol;\n }\n\n let qty = parseInt(inputEl.value);\n if (isNaN(qty) || qty < 0) {\n qty = 0;\n inputEl.value = 0;\n }\n totalCost += qty * (prices[key] * rate);\n totalItems += qty;\n }\n }\n\n \/\/ Summary Update\n document.getElementById('item_count_display').innerText = totalItems;\n document.getElementById('total_cost_display').innerText = totalCost.toLocaleString('de-DE', {minimumFractionDigits: 0, maximumFractionDigits: 0}) + ' ' + symbol;\n }\n\n function clearAll() {\n const inputs = document.querySelectorAll('input[type=\"number\"]');\n inputs.forEach(input => input.value = 0);\n calculateTotal();\n }\n\n \/\/ Init\n window.onload = calculateTotal;\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\">Berechnen Sie Ihre Projektkosten f\u00fcr Ihr Spiel | Grafik- und Entwicklungs-Outsourcing<br>Bereit, Ihr Spiel zum Leben zu erwecken? Ob Sie einen einzelnen AAA-3D-Charakter, eine \u00dcberarbeitung der Benutzeroberfl\u00e4che oder ein komplettes Entwicklungsteam ben\u00f6tigen \u2013 passen Sie hier Ihre Anforderungen an, um eine transparente Preiskalkulation in Echtzeit zu erhalten.<br>Preisrechner f\u00fcr Grafik- und Entwicklungs-Outsourcing<br>Berechnen Sie sofort Ihre Outsourcing-Kosten f\u00fcr Ihr Spiel. Wir decken 2D, 3D, UI, Audio und Programmierung ab. Testen Sie noch heute unser kostenloses, interaktives Budget-Tool!<\/p>","protected":false},"excerpt":{"rendered":"<p>Ultimativer Kostenrechner f\u00fcr Spieleentwicklung & Outsourcing Ultimativer Game-Budget Kalkulator Ein umfassendes Sch\u00e4tztool mit \u00fcber 100 Posten f\u00fcr Art, Code, Audio, Lokalisierung, VR\/Web3 und QA. Die Preise basieren auf aktuellen weltweiten Industriestandards. Schritt 1: W\u00e4hrung ausw\u00e4hlen EUR (Euro) Standard f\u00fcr EU & DACH USD (US-Dollar) Globale Marktbasis CHF (Schweizer Franken) F\u00fcr Schweizer Kunden 1. 2D-Konzeptkunst & Illustration Schnelle Skizze (Sketch) Kompletter Charakter-Konzept Kreatur \/ Monster Umgebung \/ Kulisse (Environment) Waffe \/ Requisite (Prop) Fahrzeug \/ Mecha Premium Splash Art (Promo) Storyboard (pro Panel) Visual Novel Asset (Perso + Ausdr\u00fccke) TCG Kartenillustration 2. Benutzeroberfl\u00e4che (UI\/UX) UX-Wireframe (pro Screen) Finales UI-Rendering (pro Screen) Standard-Icon \/ Button Handgemaltes Premium-Icon Spiele-Logo Design Pixel Art Charakter…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2278","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/pages\/2278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/comments?post=2278"}],"version-history":[{"count":5,"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/pages\/2278\/revisions"}],"predecessor-version":[{"id":2283,"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/pages\/2278\/revisions\/2283"}],"wp:attachment":[{"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/media?parent=2278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2278,"date":"2026-03-07T09:21:18","date_gmt":"2026-03-07T09:21:18","guid":{"rendered":"https:\/\/diamondcostcalculator.eu\/?page_id=2278"},"modified":"2026-03-07T09:24:18","modified_gmt":"2026-03-07T09:24:18","slug":"ultimativer-game-budget-kalkulator","status":"publish","type":"page","link":"https:\/\/diamondcostcalculator.eu\/ja\/ultimativer-game-budget-kalkulator\/","title":{"rendered":"\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u5236\u4f5c\u3068\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u306e\u305f\u3081\u306e\u30b3\u30b9\u30c8\u30a8\u30f3\u30b8\u30cb\u30a2"},"content":{"rendered":"\n\n\n \n \n Ultimativer Kostenrechner f\u00fcr Spieleentwicklung & Outsourcing<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background-color: #f1f5f9; }\n .section-card { transition: all 0.2s ease; }\n .section-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }\n input[type=\"number\"] { width: 70px; text-align: center; border-radius: 6px; border: 1px solid #cbd5e1; padding: 0.25rem; font-weight: 600;}\n input[type=\"number\"]:focus { outline: none; border-color: #3b82f6; ring: 2px; ring-color: #bfdbfe;}\n input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; }\n .sticky-summary { position: sticky; top: 1.5rem; }\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n .price-label { font-variant-numeric: tabular-nums; }\n <\/style>\n<\/head>\n<body class=\"p-4 md:p-6 text-slate-800\">\n\n<div class=\"max-w-7xl mx-auto\">\n \n <header class=\"mb-8 text-center bg-white p-8 rounded-2xl shadow-sm border border-slate-200\">\n <h1 class=\"text-3xl md:text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-emerald-600 mb-4\">Ultimativer Game-Budget Kalkulator<\/h1>\n <p class=\"text-slate-500 max-w-3xl mx-auto\">Ein umfassendes Sch\u00e4tztool mit \u00fcber 100 Posten f\u00fcr Art, Code, Audio, Lokalisierung, VR\/Web3 und QA. Die Preise basieren auf aktuellen weltweiten Industriestandards.<\/p>\n <\/header>\n\n <div class=\"grid grid-cols-1 xl:grid-cols-4 gap-6\">\n \n \n <div class=\"xl:col-span-3 space-y-6\">\n \n \n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-slate-200\">\n <h2 class=\"text-lg font-bold mb-4 text-blue-600 flex items-center\"><i class=\"fa-solid fa-coins w-6\"><\/i> Schritt 1: W\u00e4hrung ausw\u00e4hlen<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n <label class=\"relative flex p-4 cursor-pointer rounded-lg border-2 border-transparent focus-within:border-blue-500 bg-slate-50 hover:bg-slate-100 transition\">\n <input type=\"radio\" name=\"currency\" value=\"0.95\" data-symbol=\"\u20ac\" class=\"mt-1\" checked onchange=\"calculateTotal()\">\n <div class=\"ml-3\">\n <span class=\"block text-sm font-bold\">EUR (Euro)<\/span>\n <span class=\"text-xs text-slate-500\">Standard f\u00fcr EU & DACH<\/span>\n <\/div>\n <\/label>\n <label class=\"relative flex p-4 cursor-pointer rounded-lg border-2 border-transparent focus-within:border-blue-500 bg-slate-50 hover:bg-slate-100 transition\">\n <input type=\"radio\" name=\"currency\" value=\"1.0\" data-symbol=\"$\" class=\"mt-1\" onchange=\"calculateTotal()\">\n <div class=\"ml-3\">\n <span class=\"block text-sm font-bold\">USD (US-Dollar)<\/span>\n <span class=\"text-xs text-slate-500\">Globale Marktbasis<\/span>\n <\/div>\n <\/label>\n <label class=\"relative flex p-4 cursor-pointer rounded-lg border-2 border-transparent focus-within:border-blue-500 bg-slate-50 hover:bg-slate-100 transition\">\n <input type=\"radio\" name=\"currency\" value=\"0.90\" data-symbol=\"CHF\" class=\"mt-1\" onchange=\"calculateTotal()\">\n <div class=\"ml-3\">\n <span class=\"block text-sm font-bold\">CHF (Schweizer Franken)<\/span>\n <span class=\"text-xs text-slate-500\">F\u00fcr Schweizer Kunden<\/span>\n <\/div>\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-pink-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-pen-nib w-6\"><\/i> 1. 2D-Konzeptkunst & Illustration<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Schnelle Skizze (Sketch)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_sketch\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Kompletter Charakter-Konzept<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_char\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Kreatur \/ Monster<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_creature\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Umgebung \/ Kulisse (Environment)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_env\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Waffe \/ Requisite (Prop)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_prop\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Fahrzeug \/ Mecha<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_vehicle\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Premium Splash Art (Promo)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_splash\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Storyboard (pro Panel)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_story\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Visual Novel Asset (Perso + Ausdr\u00fccke)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_vn\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>TCG Kartenillustration<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"c_2d_tcg\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-rose-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-layer-group w-6\"><\/i> 2. Benutzeroberfl\u00e4che (UI\/UX)<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>UX-Wireframe (pro Screen)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_wireframe\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Finales UI-Rendering (pro Screen)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_screen\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Standard-Icon \/ Button<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_icon_std\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Handgemaltes Premium-Icon<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_icon_prm\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Spiele-Logo Design<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_logo\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Pixel Art Charakter<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"px_char\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Pixel Art Tileset (Umgebung)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"px_tile\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>UI-Animation (Motion Design)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"ui_anim\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-purple-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-street-view w-6\"><\/i> 3. 3D-Charaktere & Kreaturen<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Char Low-Poly (Mobile)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_char_low\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Char Stilisiert (Mid-Core)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_char_mid\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Char AAA (Fotorealistisch PBR)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_char_aaa\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Kreatur \/ Monster<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_creature\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Haare (Hair Cards\/Grooming)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_hair\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Zus\u00e4tzliche R\u00fcstung \/ Kleidung<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_armor\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>LOD-Erstellung (Level of Detail)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_lod\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Scan \/ Photogrammetrie-Cleanup<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_scan\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Hochaufl\u00f6sende 3D-B\u00fcste \/ Portrait<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_bust\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-indigo-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-tree w-6\"><\/i> 4. 3D-Umgebung & Hard Surface<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Standard-Requisite (Fass, Kiste)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_prop_std\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Hero-Requisite \/ Komplexe Waffe<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_prop_hero\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Realistische Schusswaffe (FPS)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_gun\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Modulares Architektur-Kit (10 Teile)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_mod_kit\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Einzigartiges Geb\u00e4ude (Landmark)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_building\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Standard-Fahrzeug<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_vehicle\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Komplexes Fahrzeug (mit Interieur)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_vehicle_c\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Vegetation \/ Foliage-Set<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_foliage\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Terrain-Sculpting (pro km\u00b2)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_terrain\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Skybox \/ 360\u00b0-Panorama<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"m3_skybox\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-violet-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-person-running w-6\"><\/i> 5. Rigging & Animation<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Spine 2D Rigging<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_spine_rig\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Spine 2D Animation (pro Sek)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_spine_sec\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Biped-Rigging<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_rig_bi\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Quadruped\/Monster-Rigging<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_rig_quad\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Facial-Rigging (Blendshapes)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_rig_face\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Fahrzeug\/Mecha-Rigging<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_rig_veh\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Gameplay-Animation (pro Sek)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_anim_play\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Cinematic-Animation (pro Sek)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_anim_cine\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>FPS-Waffenanimation (Nachladen)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_3d_anim_fps\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Mocap-Bereinigung (pro Sek)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"a_mocap_clean\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-fuchsia-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-wand-magic-sparkles w-6\"><\/i> 6. Visuelle Effekte (VFX) & Tech Art<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>2D-Sprite-FX (Explosion, Hit)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_vfx_2d\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Partikel-FX (Einfach)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_vfx_simple\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>3D-Partikel-FX (Komplex\/AoE)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_vfx_complex\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Custom Shader Entwicklung<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_shader\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Level-Beleuchtung (Lighting Setup)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_lighting\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Engine-Optimierung (pro Tag)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_optimiz\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Eigenes Editor-Tool \/ Skript<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_editor\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Prozedurale Generierung (Houdini\/PCG)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"t_procedural\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-amber-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-music w-6\"><\/i> 7. Audio, Sound & Musik<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Originalmusik (pro Min)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_music\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Hauptthema \/ Orchestral<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_theme\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Soundeffekt (SFX, pro Datei)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_sfx\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Ambiente-Soundscape (Loop)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_ambient\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Voice-Over \/ Synchro (pro Min)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_vo\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Audio Mixing & Mastering<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_mix\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Audio-Integration (Wwise\/FMOD)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"au_integ\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-yellow-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-book w-6\"><\/i> 8. Game Design & Storytelling<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Pitch Deck \/ Konzeptdokument<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_pitch\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Komplettes Design-Dokument (GDD)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_gdd\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Economy \/ Math Balancing<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_econ\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Level Blockout (Greybox)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_level_block\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Level Set Dressing (Polishing)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_level_dress\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Narrative Writing (1000 W\u00f6rter)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_lore\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Quest- \/ Missionsdesign<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_quest\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Verzweigte Dialogb\u00e4ume<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"gd_dialog\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-blue-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-code w-6\"><\/i> 9. Programmierung & Entwicklung<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Core Gameplay Modul<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_core\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>UI-Implementierung (pro Screen)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_ui\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Basis-Multiplayer (Photon\/Netcode)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_multi\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Matchmaking-System<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_match\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>KI Behavior Tree (Gegner)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_ai\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Physik-Programmierung \/ Ragdoll<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_physics\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Inventar- \/ Crafting-System<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_inv\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Backend \/ In-App-K\u00e4ufe (IAP)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_backend\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Cloud Save \/ Spielerprofil<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_save\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>SDK-Integration (Ads, Analytics)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"dev_sdk\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-teal-500 flex items-center border-b pb-2\"><i class=\"fa-brands fa-ethereum w-6\"><\/i> 10. AR \/ VR & Web3<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>VR-Interaktionsmechaniken<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_vr_mech\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>AR-Tracking Integration (ARKit\/ARCore)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_ar_track\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Standalone VR Optimierung (Quest)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_vr_opti\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Smart Contract Entwicklung (Web3)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_w3_contract\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Crypto Wallet Integration<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_w3_wallet\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Tokenomics Design<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_w3_token\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>NFT Minting System<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"tech_w3_nft\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-orange-500 flex items-center border-b pb-2\"><i class=\"fa-solid fa-language w-6\"><\/i> 11. Lokalisierung & \u00dcbersetzung<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Text\u00fcbersetzung (pro 1000 W\u00f6rter)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"loc_text\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>LQA (Lokalisierungs-Qualit\u00e4tstests)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"loc_lqa\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Untertitel-Erstellung (pro Min)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"loc_subs\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Mehrsprachige Synchro (pro Stunde)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"loc_dub\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card\">\n <h2 class=\"text-md font-bold mb-3 text-cyan-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-bug w-6\"><\/i> 12. Qualit\u00e4tssicherung (QA) & Marketing<\/h2>\n <div class=\"space-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Manuelles QA-Testing (100 Std. Block)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"qa_manual\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Setup Automatisierter Tests<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"qa_auto\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Game Trailer (30 Sek CG\/Gameplay)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_trailer\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Store Screenshots (5er Set)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_screens\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Ad Creative Banner\/Video (UA)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_ad\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Press Kit \/ Pressemappe<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_press\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Community Management (pro Monat)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"mkt_cm\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-5 rounded-xl shadow-sm border border-slate-200 section-card md:col-span-2\">\n <h2 class=\"text-md font-bold mb-3 text-emerald-600 flex items-center border-b pb-2\"><i class=\"fa-solid fa-rocket w-6\"><\/i> 13. Full-Cycle-Entwicklung & Portierung<\/h2>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-2 text-sm\">\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Spielbarer Prototyp \/ Core Loop<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_proto\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Vertical Slice (10 Min poliert)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_vs\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Komplettes Casual Game (End-to-End)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_casual\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1 border-b border-slate-100\"><div>Komplettes Mid-Core Game (End-to-End)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_midcore\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <div class=\"flex justify-between items-center py-1\"><div>Konsolen-Portierung (PC zu PS\/Xbox\/SW)<\/div><div class=\"flex items-center gap-3\"><span class=\"text-slate-400 price-label\"><\/span><input type=\"number\" id=\"fc_port\" value=\"0\" min=\"0\" onchange=\"calculateTotal()\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"xl:col-span-1 mt-6 xl:mt-0\">\n <div class=\"bg-slate-900 text-white p-6 rounded-2xl shadow-xl sticky-summary border border-slate-800\">\n <div class=\"flex justify-between items-center border-b border-slate-700 pb-4 mb-6\">\n <h3 class=\"text-lg font-bold\">Live-Sch\u00e4tzung<\/h3>\n <button onclick=\"clearAll()\" class=\"text-xs bg-slate-700 hover:bg-red-500 text-white px-3 py-1.5 rounded transition shadow-sm\">Alles l\u00f6schen<\/button>\n <\/div>\n \n <div class=\"space-y-3 mb-6 text-sm\">\n <div class=\"flex justify-between text-slate-400\">\n <span>Anzahl der Posten:<\/span>\n <span id=\"item_count_display\" class=\"text-white font-medium\">0<\/span>\n <\/div>\n \n <div class=\"border-t border-slate-700 pt-4 mt-4\">\n <span class=\"block text-slate-400 mb-1\">Gesch\u00e4tztes Budget:<\/span>\n <span class=\"block text-4xl font-black text-emerald-400 tracking-tight\" id=\"total_cost_display\">0 \u20ac<\/span>\n <\/div>\n <\/div>\n\n <div class=\"space-y-3\">\n <button onclick=\"window.print()\" class=\"w-full flex items-center justify-center gap-2 bg-slate-800 hover:bg-slate-700 text-white font-semibold py-3 rounded-lg transition border border-slate-600\">\n <i class=\"fa-solid fa-file-pdf\"><\/i> PDF-Angebot exportieren\n <\/button>\n <button class=\"w-full flex items-center justify-center gap-2 bg-blue-600 hover:bg-blue-500 text-white font-semibold py-3 rounded-lg transition shadow-lg shadow-blue-900\/50\">\n <i class=\"fa-solid fa-paper-plane\"><\/i> Anfrage senden\n <\/button>\n <\/div>\n\n <div class=\"mt-6 pt-4 border-t border-slate-800\">\n <p class=\"text-[11px] text-slate-500 leading-tight\">\n <i class=\"fa-solid fa-circle-info mr-1\"><\/i> HINWEIS: Bei den angegebenen Preisen handelt es sich um Basissch\u00e4tzungen, die auf aktuellen weltweiten Daten der Spielebranche beruhen. Die endg\u00fcltigen Kosten h\u00e4ngen von der Komplexit\u00e4t, den technischen Anforderungen und der Verf\u00fcgbarkeit des Studios ab.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Basispreise (Indexiert auf USD-Standard f\u00fcr die korrekte Umrechnung)\n const prices = {\n \/\/ 1. 2D Concept\n \"c_2d_sketch\": 200, \"c_2d_char\": 600, \"c_2d_creature\": 800, \"c_2d_env\": 1200, \"c_2d_prop\": 150, \"c_2d_vehicle\": 600, \"c_2d_splash\": 2500, \"c_2d_story\": 50, \"c_2d_vn\": 400, \"c_2d_tcg\": 350,\n \/\/ 2. UI\/UX\n \"ui_wireframe\": 150, \"ui_screen\": 400, \"ui_icon_std\": 50, \"ui_icon_prm\": 150, \"ui_logo\": 1500, \"px_char\": 100, \"px_tile\": 50, \"ui_anim\": 200,\n \/\/ 3. 3D Char\n \"m3_char_low\": 800, \"m3_char_mid\": 2000, \"m3_char_aaa\": 5000, \"m3_creature\": 3000, \"m3_hair\": 800, \"m3_armor\": 1200, \"m3_lod\": 200, \"m3_scan\": 1000, \"m3_bust\": 1500,\n \/\/ 4. 3D Env\n \"m3_prop_std\": 300, \"m3_prop_hero\": 800, \"m3_gun\": 1200, \"m3_mod_kit\": 2000, \"m3_building\": 2500, \"m3_vehicle\": 1500, \"m3_vehicle_c\": 3500, \"m3_foliage\": 600, \"m3_terrain\": 1000, \"m3_skybox\": 800,\n \/\/ 5. Rigging & Anim\n \"a_spine_rig\": 400, \"a_spine_sec\": 100, \"a_3d_rig_bi\": 800, \"a_3d_rig_quad\": 1200, \"a_3d_rig_face\": 1500, \"a_3d_rig_veh\": 600, \"a_3d_anim_play\": 150, \"a_3d_anim_cine\": 300, \"a_3d_anim_fps\": 250, \"a_mocap_clean\": 50,\n \/\/ 6. VFX & Tech\n \"t_vfx_2d\": 300, \"t_vfx_simple\": 200, \"t_vfx_complex\": 800, \"t_shader\": 500, \"t_lighting\": 1500, \"t_optimiz\": 600, \"t_editor\": 1200, \"t_procedural\": 2500,\n \/\/ 7. Audio\n \"au_music\": 1000, \"au_theme\": 2500, \"au_sfx\": 50, \"au_ambient\": 300, \"au_vo\": 300, \"au_mix\": 800, \"au_integ\": 1500,\n \/\/ 8. Game Design\n \"gd_pitch\": 2000, \"gd_gdd\": 5000, \"gd_econ\": 3000, \"gd_level_block\": 1500, \"gd_level_dress\": 2000, \"gd_lore\": 150, \"gd_quest\": 400, \"gd_dialog\": 500,\n \/\/ 9. Programming\n \"dev_core\": 4000, \"dev_ui\": 300, \"dev_multi\": 10000, \"dev_match\": 4000, \"dev_ai\": 2000, \"dev_physics\": 2500, \"dev_inv\": 3000, \"dev_backend\": 3000, \"dev_save\": 1500, \"dev_sdk\": 1500,\n \/\/ 10. AR\/VR & Web3\n \"tech_vr_mech\": 3000, \"tech_ar_track\": 2500, \"tech_vr_opti\": 2000, \"tech_w3_contract\": 4000, \"tech_w3_wallet\": 1500, \"tech_w3_token\": 5000, \"tech_w3_nft\": 3500,\n \/\/ 11. Localization\n \"loc_text\": 150, \"loc_lqa\": 300, \"loc_subs\": 50, \"loc_dub\": 400,\n \/\/ 12. QA & Marketing\n \"qa_manual\": 2500, \"qa_auto\": 3000, \"mkt_trailer\": 5000, \"mkt_screens\": 1000, \"mkt_ad\": 300, \"mkt_press\": 800, \"mkt_cm\": 1500,\n \/\/ 13. Full Cycle\n \"fc_proto\": 15000, \"fc_vs\": 50000, \"fc_casual\": 25000, \"fc_midcore\": 150000, \"fc_port\": 30000\n };\n\n function calculateTotal() {\n const currencyRadio = document.querySelector('input[name=\"currency\"]:checked');\n const rate = parseFloat(currencyRadio.value);\n const symbol = currencyRadio.dataset.symbol;\n \n let totalCost = 0;\n let totalItems = 0;\n\n for (let key in prices) {\n const inputEl = document.getElementById(key);\n if(inputEl) {\n const priceSpan = inputEl.previousElementSibling;\n if (priceSpan) {\n \/\/ Formattierung f\u00fcr Deutschland (z.B. 2.500 \u20ac oder 2.500 $)\n const localPrice = Math.round(prices[key] * rate).toLocaleString('de-DE');\n priceSpan.innerText = localPrice + ' ' + symbol;\n }\n\n let qty = parseInt(inputEl.value);\n if (isNaN(qty) || qty < 0) {\n qty = 0;\n inputEl.value = 0;\n }\n totalCost += qty * (prices[key] * rate);\n totalItems += qty;\n }\n }\n\n \/\/ Summary Update\n document.getElementById('item_count_display').innerText = totalItems;\n document.getElementById('total_cost_display').innerText = totalCost.toLocaleString('de-DE', {minimumFractionDigits: 0, maximumFractionDigits: 0}) + ' ' + symbol;\n }\n\n function clearAll() {\n const inputs = document.querySelectorAll('input[type=\"number\"]');\n inputs.forEach(input => input.value = 0);\n calculateTotal();\n }\n\n \/\/ Init\n window.onload = calculateTotal;\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\">Berechnen Sie Ihre Projektkosten f\u00fcr Ihr Spiel | Grafik- und Entwicklungs-Outsourcing<br>Bereit, Ihr Spiel zum Leben zu erwecken? Ob Sie einen einzelnen AAA-3D-Charakter, eine \u00dcberarbeitung der Benutzeroberfl\u00e4che oder ein komplettes Entwicklungsteam ben\u00f6tigen \u2013 passen Sie hier Ihre Anforderungen an, um eine transparente Preiskalkulation in Echtzeit zu erhalten.<br>Preisrechner f\u00fcr Grafik- und Entwicklungs-Outsourcing<br>Berechnen Sie sofort Ihre Outsourcing-Kosten f\u00fcr Ihr Spiel. Wir decken 2D, 3D, UI, Audio und Programmierung ab. Testen Sie noch heute unser kostenloses, interaktives Budget-Tool!<\/p>","protected":false},"excerpt":{"rendered":"<p>Ultimativer Kostenrechner f\u00fcr Spieleentwicklung & Outsourcing Ultimativer Game-Budget Kalkulator Ein umfassendes Sch\u00e4tztool mit \u00fcber 100 Posten f\u00fcr Art, Code, Audio, Lokalisierung, VR\/Web3 und QA. Die Preise basieren auf aktuellen weltweiten Industriestandards. Schritt 1: W\u00e4hrung ausw\u00e4hlen EUR (Euro) Standard f\u00fcr EU & DACH USD (US-Dollar) Globale Marktbasis CHF (Schweizer Franken) F\u00fcr Schweizer Kunden 1. 2D-Konzeptkunst & Illustration Schnelle Skizze (Sketch) Kompletter Charakter-Konzept Kreatur \/ Monster Umgebung \/ Kulisse (Environment) Waffe \/ Requisite (Prop) Fahrzeug \/ Mecha Premium Splash Art (Promo) Storyboard (pro Panel) Visual Novel Asset (Perso + Ausdr\u00fccke) TCG Kartenillustration 2. Benutzeroberfl\u00e4che (UI\/UX) UX-Wireframe (pro Screen) Finales UI-Rendering (pro Screen) Standard-Icon \/ Button Handgemaltes Premium-Icon Spiele-Logo Design Pixel Art Charakter…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2278","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/pages\/2278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/comments?post=2278"}],"version-history":[{"count":5,"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/pages\/2278\/revisions"}],"predecessor-version":[{"id":2283,"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/pages\/2278\/revisions\/2283"}],"wp:attachment":[{"href":"https:\/\/diamondcostcalculator.eu\/ja\/wp-json\/wp\/v2\/media?parent=2278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}