35b4ddde00
- WordPress durch Next.js 16 + Tailwind CSS v4 + Framer Motion ersetzt - 44 Guides + 15 Seiten aus WordPress migriert (HTML -> Markdown) - Emerald Design-System mit Light/Dark Mode Toggle - Sidebar-First Navigation (Dokumentations-Stil) - Difficulty-Badges, Lesezeit, verwandte Guides - Statischer Export fuer Plesk-Hosting - WordPress-DB Backup gesichert (6.2 MB) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
9 lines
30 KiB
HTML
9 lines
30 KiB
HTML
---
|
|
title: "Startseite"
|
|
slug: "home"
|
|
type: page
|
|
excerpt: ""
|
|
---
|
|
|
|
<!-- wp:html -->\n<style>\n@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@300;400;500;600;700&display=swap');\n\n:root {\n --bg: #07090F;\n --s1: #0B0E1A;\n --s2: #101525;\n --bd: #1A2140;\n --txt: #DCE4F5;\n --muted: #5A6A90;\n --acc: #00AE42;\n --acc2: #FF6B35;\n --acc-dim: rgba(0,174,66,0.1);\n --f-hud: 'Orbitron', monospace;\n --f-body: 'Exo 2', sans-serif;\n}\n\n\n/* wrapper removed */\n.v2 *, .v2 *::before, .v2 *::after { box-sizing:border-box; margin:0; padding:0; }\n.v2 a { color:inherit; text-decoration:none; }\n\n/* Scanline overlay */\n.v2::after {\n content:''; position:fixed; inset:0; pointer-events:none; z-index:9999;\n background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);\n}\n\n/* Grid bg */\n.v2-grid-bg {\n position:absolute; inset:0; pointer-events:none;\n background:\n repeating-linear-gradient(90deg, rgba(0,174,66,0.025) 0, transparent 1px, transparent 60px, rgba(0,174,66,0.025) 60px),\n repeating-linear-gradient(0deg, rgba(0,174,66,0.015) 0, transparent 1px, transparent 60px, rgba(0,174,66,0.015) 60px);\n}\n\n/* NAV */\n.v2-nav {\n position:fixed; top:0; left:0; right:0; z-index:1000;\n background:rgba(7,9,15,0.92); backdrop-filter:blur(16px);\n border-bottom:1px solid var(--bd);\n display:flex; align-items:center; justify-content:space-between;\n padding:0 clamp(1rem,4vw,2.5rem); height:52px;\n}\n.v2-nav-logo {\n font-family:var(--f-hud); font-size:1rem; font-weight:700;\n letter-spacing:0.12em; color:var(--txt);\n}\n.v2-nav-logo span { color:var(--acc); }\n.v2-nav-tag {\n font-family:var(--f-hud); font-size:0.5rem; font-weight:400;\n letter-spacing:0.15em; color:var(--acc); display:block;\n margin-top:1px; opacity:0.7;\n}\n.v2-nav-links { display:flex; gap:0; list-style:none; }\n.v2-nav-links li a {\n display:block; padding:0 0.8rem;\n font-family:var(--f-hud); font-size:0.55rem; font-weight:400;\n letter-spacing:0.1em; text-transform:uppercase; color:var(--muted);\n line-height:52px; transition:color 0.15s;\n}\n.v2-nav-links li a:hover { color:var(--acc); cursor:pointer; }\n.v2-nav-cta {\n font-family:var(--f-hud); font-size:0.55rem; font-weight:700;\n letter-spacing:0.12em; text-transform:uppercase;\n background:var(--acc); color:#000;\n padding:0.4rem 0.9rem;\n clip-path:polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);\n transition:opacity 0.15s; cursor:pointer;\n}\n.v2-nav-cta:hover { opacity:0.85; }\n@media(max-width:860px){ .v2-nav-links { display:none; } }\n\n/* BUTTONS */\n.v2-btn {\n font-family:var(--f-hud); font-size:0.6rem; font-weight:700;\n letter-spacing:0.14em; text-transform:uppercase; cursor:pointer;\n display:inline-block; transition:opacity 0.15s; white-space:nowrap;\n clip-path:polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);\n padding:0.7rem 1.8rem;\n}\n.v2-btn-prim { background:var(--acc); color:#000; }\n.v2-btn-prim:hover { opacity:0.85; }\n.v2-btn-sec {\n border:1px solid var(--bd); color:var(--muted); background:transparent;\n clip-path:polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);\n}\n.v2-btn-sec:hover { border-color:var(--acc); color:var(--acc); }\n\n/* HUD LABELS */\n.v2-label {\n font-family:var(--f-hud); font-size:0.55rem; font-weight:700;\n letter-spacing:0.18em; text-transform:uppercase; color:var(--acc);\n display:inline-flex; align-items:center; gap:0.5rem;\n}\n.v2-label::before { content:'['; opacity:0.6; }\n.v2-label::after { content:']'; opacity:0.6; }\n\n/* SECTION DIVIDER */\n.v2-div {\n height:1px; background:var(--bd);\n position:relative; margin:0;\n}\n.v2-div::after {\n content:''; position:absolute; left:0; top:-1px;\n width:60px; height:1px; background:var(--acc);\n}\n\n/* FOOTER */\n.v2-footer {\n display:grid; grid-template-columns:1fr 1fr; align-items:center;\n padding:1.5rem clamp(1rem,4vw,2.5rem); border-top:1px solid var(--bd);\n}\n.v2-footer-brand {\n font-family:var(--f-hud); font-size:0.85rem; letter-spacing:0.08em;\n color:var(--muted);\n}\n.v2-footer-brand span { color:var(--acc); }\n.v2-footer-links {\n display:flex; gap:1.5rem; justify-content:flex-end; list-style:none;\n}\n.v2-footer-links li a {\n font-family:var(--f-hud); font-size:0.5rem; font-weight:400;\n letter-spacing:0.1em; text-transform:uppercase; color:var(--muted);\n transition:color 0.15s;\n}\n.v2-footer-links li a:hover { color:var(--acc); }\n@media(max-width:600px){\n .v2-footer { grid-template-columns:1fr; gap:1rem; }\n .v2-footer-links { justify-content:flex-start; }\n}\n\n/* CANVAS */\n#v2-canvas {\n position:absolute; inset:0; width:100%; height:100%;\n pointer-events:none; opacity:0.4;\n}\n@media(prefers-reduced-motion:reduce){\n #v2-canvas { display:none; }\n .v2-ticker-inner { animation:none !important; }\n}\n\n\n/* HERO */\n.v2-hero {\n min-height:100vh; position:relative; overflow:hidden;\n display:flex; flex-direction:column; justify-content:flex-end;\n padding:0 clamp(1rem,5vw,3rem) clamp(2.5rem,5vw,4rem);\n padding-top:52px; border-bottom:1px solid var(--bd);\n}\n.v2-hero-sys {\n position:absolute; top:72px; right:clamp(1rem,4vw,2.5rem);\n font-family:var(--f-hud); font-size:0.5rem; color:var(--acc);\n letter-spacing:0.12em; text-align:right; opacity:0.6; line-height:2;\n}\n.v2-hero-content { position:relative; z-index:1; max-width:1100px; }\n.v2-hero-pre {\n font-family:var(--f-hud); font-size:0.6rem; letter-spacing:0.2em;\n color:var(--acc); margin-bottom:1.5rem; opacity:0.9;\n}\n.v2-hero-h1 {\n font-family:var(--f-hud); font-weight:900;\n font-size:clamp(4.5rem,13vw,12rem);\n line-height:0.85; letter-spacing:-0.02em; color:var(--txt);\n margin-bottom:2rem;\n}\n.v2-hero-h1 em { font-style:normal; color:var(--acc); display:block; }\n.v2-hero-rule { height:1px; background:var(--bd); margin-bottom:2rem; position:relative; }\n.v2-hero-rule::before {\n content:''; position:absolute; left:0; top:0;\n width:120px; height:1px; background:var(--acc);\n}\n.v2-hero-bottom {\n display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:end;\n}\n.v2-hero-sub {\n font-size:clamp(0.9rem,1.8vw,1.05rem); font-weight:300;\n color:var(--muted); line-height:1.75; max-width:45ch;\n}\n.v2-hero-sub strong { color:var(--txt); font-weight:600; }\n.v2-hero-actions { display:flex; flex-direction:column; gap:0.6rem; align-items:flex-end; }\n@media(max-width:600px){\n .v2-hero-bottom { grid-template-columns:1fr; }\n .v2-hero-actions { align-items:flex-start; flex-direction:row; flex-wrap:wrap; }\n}\n\n/* TICKER */\n.v2-ticker {\n background:var(--acc); overflow:hidden; height:32px;\n display:flex; align-items:center;\n}\n.v2-ticker-inner {\n display:flex; white-space:nowrap;\n animation:v2-scroll 30s linear infinite;\n}\n.v2-ticker-item {\n font-family:var(--f-hud); font-size:0.55rem; font-weight:700;\n letter-spacing:0.18em; text-transform:uppercase; color:#000;\n padding:0 2rem; flex-shrink:0;\n}\n.v2-ticker-item::after { content:'//'; margin-left:2rem; opacity:0.4; }\n@keyframes v2-scroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }\n\n/* STATS */\n.v2-stats {\n display:grid; grid-template-columns:repeat(4,1fr);\n border-bottom:1px solid var(--bd);\n}\n.v2-stat {\n padding:clamp(1.5rem,3vw,2rem) clamp(1rem,3vw,2rem);\n border-right:1px solid var(--bd);\n}\n.v2-stat:last-child { border-right:none; }\n.v2-stat-val {\n font-family:var(--f-hud); font-weight:900;\n font-size:clamp(2.5rem,5vw,4rem); line-height:1;\n color:var(--txt); display:block;\n}\n.v2-stat-val span { color:var(--acc); }\n.v2-stat-lbl {\n font-family:var(--f-hud); font-size:0.5rem; font-weight:400;\n letter-spacing:0.14em; text-transform:uppercase;\n color:var(--muted); margin-top:0.5rem; display:block;\n}\n@media(max-width:640px){\n .v2-stats { grid-template-columns:repeat(2,1fr); }\n \n .v2-stat:nth-child(3),\n .v2-stat:nth-child(4) { border-top:1px solid var(--bd); }\n .v2-stat:nth-child(4) { border-right:none; }\n}\n\n/* SECTION */\n.v2-sec { border-bottom:1px solid var(--bd); }\n.v2-sec-hd {\n display:flex; align-items:center; justify-content:space-between;\n padding:clamp(1.2rem,2.5vw,1.8rem) clamp(1rem,4vw,2.5rem);\n border-bottom:1px solid var(--bd); flex-wrap:wrap; gap:0.5rem;\n}\n.v2-sec-title-wrap { display:flex; align-items:center; gap:1.2rem; }\n.v2-sec-title {\n font-family:var(--f-hud); font-size:clamp(1.4rem,3.5vw,2.4rem);\n font-weight:700; letter-spacing:0.04em; color:var(--txt);\n}\n.v2-sec-link {\n font-family:var(--f-hud); font-size:0.52rem; font-weight:700;\n letter-spacing:0.12em; text-transform:uppercase; color:var(--muted);\n border-bottom:1px solid var(--bd); padding-bottom:1px;\n transition:color 0.15s, border-color 0.15s;\n}\n.v2-sec-link:hover { color:var(--acc); border-color:var(--acc); cursor:pointer; }\n\n/* MODEL CARDS */\n.v2-models { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n@media(max-width:900px){ .v2-models { grid-template-columns:repeat(2,1fr); } }\n@media(max-width:560px){ .v2-models { grid-template-columns:1fr; } }\n.v2-mcard {\n padding:clamp(1.2rem,2.5vw,1.8rem);\n border-right:1px solid var(--bd);\n transition:background 0.15s; cursor:pointer;\n position:relative;\n}\n.v2-mcard::before {\n content:''; position:absolute; top:0; left:0; right:0;\n height:2px; background:var(--acc); transform:scaleX(0);\n transition:transform 0.25s; transform-origin:left;\n}\n.v2-mcard:hover::before { transform:scaleX(1); }\n.v2-mcard:hover { background:var(--s1); }\n.v2-mcard:last-child { border-right:none; }\n.v2-mcard-tag {\n font-family:var(--f-hud); font-size:0.5rem; font-weight:700;\n letter-spacing:0.12em; text-transform:uppercase;\n background:var(--acc-dim); color:var(--acc);\n padding:0.2rem 0.6rem; display:inline-block; margin-bottom:1rem;\n clip-path:polygon(4px 0%, 100% 0%, calc(100% - 4px) 100%, 0% 100%);\n}\n.v2-mcard-title {\n font-size:clamp(0.9rem,1.6vw,1.05rem); font-weight:600;\n color:var(--txt); margin-bottom:0.5rem; line-height:1.3;\n}\n.v2-mcard-desc {\n font-size:0.82rem; font-weight:300; color:var(--muted);\n line-height:1.65; margin-bottom:0.8rem;\n}\n.v2-mcard-meta {\n font-family:var(--f-hud); font-size:0.5rem; color:var(--muted);\n letter-spacing:0.06em; display:flex; gap:0.6rem; flex-wrap:wrap;\n margin-bottom:0.8rem;\n}\n.v2-mcard-link {\n font-family:var(--f-hud); font-size:0.55rem; font-weight:700;\n letter-spacing:0.1em; text-transform:uppercase; color:var(--acc);\n display:inline-flex; align-items:center; gap:0.4rem;\n transition:gap 0.15s;\n}\n.v2-mcard-link:hover { gap:0.7rem; }\n@media(max-width:640px){\n .v2-models { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n@media(max-width:900px){ .v2-models { grid-template-columns:repeat(2,1fr); } }\n@media(max-width:560px){ .v2-models { grid-template-columns:1fr; } }\n .v2-mcard { border-right:none; border-bottom:1px solid var(--bd); }\n .v2-mcard:last-child { border-bottom:none; }\n}\n\n\n/* Model Thumbnails */\n.v2-mcard-thumb {\n width:100%; aspect-ratio:16/10; margin-bottom:1rem;\n background:var(--s2); border:1px solid var(--bd);\n overflow:hidden; position:relative;\n}\n.v2-mcard-thumb img {\n width:100%; height:100%; object-fit:cover;\n filter:brightness(0.85) saturate(0.9);\n transition:transform 0.3s, filter 0.3s;\n}\n.v2-mcard:hover .v2-mcard-thumb img {\n transform:scale(1.04);\n filter:brightness(1) saturate(1);\n}\n.v2-mcard-thumb::after {\n content:''; position:absolute; inset:0;\n background:linear-gradient(180deg, transparent 60%, var(--bg));\n pointer-events:none;\n}\n\n/* Model Thumbnails */\n.v2-mcard-thumb {\n width:100%; aspect-ratio:16/10; margin-bottom:1rem;\n background:var(--s2); border:1px solid var(--bd);\n overflow:hidden; position:relative;\n}\n.v2-mcard-thumb img {\n width:100%; height:100%; object-fit:cover;\n filter:brightness(0.85) saturate(0.9);\n transition:transform 0.3s, filter 0.3s;\n}\n.v2-mcard:hover .v2-mcard-thumb img {\n transform:scale(1.04);\n filter:brightness(1) saturate(1);\n}\n.v2-mcard-thumb::after {\n content:''; position:absolute; inset:0;\n background:linear-gradient(180deg, transparent 50%, var(--bg));\n pointer-events:none;\n}\n\n/* GUIDE ROWS */\n.v2-guides { display:grid; grid-template-columns:repeat(2,1fr); }\n.v2-grow {\n display:flex; align-items:flex-start; gap:1.2rem;\n padding:clamp(1rem,2vw,1.4rem) clamp(1rem,4vw,2.5rem);\n border-bottom:1px solid var(--bd); border-right:1px solid var(--bd);\n transition:background 0.15s; cursor:pointer;\n}\n.v2-grow:nth-child(even) { border-right:none; }\n.v2-grow:nth-last-child(-n+2) { border-bottom:none; }\n.v2-grow:hover { background:var(--s1); }\n.v2-grow-id {\n font-family:var(--f-hud); font-size:0.5rem; font-weight:700;\n color:var(--acc); letter-spacing:0.1em; min-width:4rem; padding-top:0.2rem;\n}\n.v2-grow-title {\n font-size:clamp(0.85rem,1.5vw,0.95rem); font-weight:600;\n color:var(--txt); line-height:1.3; margin-bottom:0.3rem;\n}\n.v2-grow-desc {\n font-size:0.78rem; font-weight:300; color:var(--muted); line-height:1.55;\n}\n.v2-grow-tag {\n font-family:var(--f-hud); font-size:0.48rem; font-weight:700;\n letter-spacing:0.1em; text-transform:uppercase;\n border:1px solid var(--bd); color:var(--muted);\n padding:0.12rem 0.4rem; display:inline-block; margin-top:0.4rem;\n clip-path:polygon(3px 0%, 100% 0%, calc(100% - 3px) 100%, 0% 100%);\n}\n@media(max-width:640px){\n .v2-guides { grid-template-columns:1fr; }\n .v2-grow { border-right:none; }\n .v2-grow:last-child { border-bottom:none; }\n}\n\n/* COMMUNITY */\n.v2-comm { display:grid; grid-template-columns:1fr 1fr; min-height:380px; }\n.v2-comm-left {\n background:var(--acc); padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3rem);\n display:flex; flex-direction:column; justify-content:space-between;\n border-right:1px solid rgba(0,0,0,0.15); position:relative; overflow:hidden;\n}\n.v2-comm-left::before {\n content:'NETWORK'; position:absolute; bottom:-0.15em; right:-0.1em;\n font-family:var(--f-hud); font-size:8rem; font-weight:900;\n color:rgba(0,0,0,0.08); pointer-events:none; white-space:nowrap;\n}\n.v2-comm-h { font-family:var(--f-hud); font-size:clamp(2.5rem,6vw,5rem); font-weight:900; color:#000; line-height:0.9; }\n.v2-comm-sub { font-size:0.9rem; font-weight:400; color:rgba(0,0,0,0.6); line-height:1.65; margin-top:1.2rem; max-width:30ch; }\n.v2-comm-btn {\n font-family:var(--f-hud); font-size:0.58rem; font-weight:700;\n letter-spacing:0.14em; text-transform:uppercase;\n background:#000; color:var(--acc);\n padding:0.75rem 1.8rem; margin-top:2rem; display:inline-block;\n clip-path:polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);\n transition:opacity 0.15s; cursor:pointer;\n}\n.v2-comm-btn:hover { opacity:0.85; }\n.v2-comm-right {\n padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3rem);\n display:flex; flex-direction:column;\n}\n.v2-comm-feat {\n padding:1.2rem 0; border-bottom:1px solid var(--bd);\n display:flex; gap:1.2rem; align-items:flex-start;\n}\n.v2-comm-feat:last-child { border-bottom:none; }\n.v2-comm-feat-num {\n font-family:var(--f-hud); font-size:0.5rem; font-weight:700;\n color:var(--acc); letter-spacing:0.1em; min-width:2rem; padding-top:0.15rem;\n}\n.v2-comm-feat-title { font-size:0.9rem; font-weight:600; color:var(--txt); margin-bottom:0.25rem; }\n.v2-comm-feat-desc { font-size:0.8rem; font-weight:300; color:var(--muted); line-height:1.55; }\n@media(max-width:768px){\n .v2-comm { grid-template-columns:1fr; }\n .v2-comm-left { border-right:none; border-bottom:1px solid var(--bd); }\n}\n\n/* CTA BAND */\n.v2-cta {\n display:grid; grid-template-columns:1fr auto; gap:2rem;\n align-items:center; padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2.5rem);\n border-bottom:1px solid var(--bd);\n}\n.v2-cta-txt {\n font-family:var(--f-hud); font-size:clamp(1.5rem,3.5vw,2.5rem);\n font-weight:700; letter-spacing:0.03em; color:var(--txt); line-height:1.1;\n}\n.v2-cta-txt span { color:var(--acc); }\n.v2-cta-acts { display:flex; gap:0.75rem; flex-shrink:0; }\n@media(max-width:600px){ .v2-cta { grid-template-columns:1fr; } }\n</style>\n\n\n\n<nav class="v2-nav">\n <a href="/" style="display:flex;flex-direction:column;line-height:1;">\n <span class="v2-nav-logo">M0LZI<span>_</span>3D</span>\n <span class="v2-nav-tag">[SYS_BOOT v2.0]</span>\n </a>\n <ul class="v2-nav-links">\n <li><a href="/wissen/">[WISSEN]</a></li>\n <li><a href="/tools-filament-rechner/">[RECHNER]</a></li>\n <li><a href="/resources/">[TOOLS]</a></li>\n <li><a href="/models/">[MODELLE]</a></li>\n <li><a href="/news/">[NEWS]</a></li>\n <li><a href="/showcase/">[SHOWCASE]</a></li>\n <li><a href="/faq/">[FAQ]</a></li>\n </ul>\n <a href="https://chat.whatsapp.com/BxdLHR5JvuXKqLYLLHRmjX" class="v2-nav-cta">JOIN_NETWORK →</a>\n<button class="v2-hamburger" onclick="this.classList.toggle('open');document.getElementById('v2mm').classList.toggle('open')" aria-label="Menu">\n <span></span><span></span><span></span>\n </button>\n</nav>\n\n<div class="v2-mobile-menu" id="v2mm">\n <a href="/wissen/">[WISSEN]</a>\n <a href="/tools-filament-rechner/">[RECHNER]</a>\n <a href="/resources/">[TOOLS]</a>\n <a href="/models/">[MODELLE]</a>\n <a href="/news/">[NEWS]</a>\n <a href="/showcase/">[SHOWCASE]</a>\n <a href="/faq/">[FAQ]</a>\n <a href="https://chat.whatsapp.com/BxdLHR5JvuXKqLYLLHRmjX" class="v2-mobile-cta">JOIN_NETWORK →</a>\n</div>\n\n\n<!-- HERO -->\n<section class="v2-hero">\n <div class="v2-grid-bg"></div>\n \n<canvas id="v2-canvas"></canvas>\n<script data-noptimize="1">\n(function(){\n var c=document.getElementById('v2-canvas');\n if(!c)return;\n var ctx=c.getContext('2d'), W,H,pts=[];\n function resize(){\n W=c.width=c.offsetWidth; H=c.height=c.offsetHeight;\n }\n function Pt(){\n return {x:Math.random()*W,y:Math.random()*H,vx:(Math.random()-.5)*0.3,vy:(Math.random()-.5)*0.3};\n }\n function init(){\n resize(); pts=[];\n var n=Math.min(60,Math.floor(W*H/14000));\n for(var i=0;i<n;i++) pts.push(Pt());\n }\n function draw(){\n ctx.clearRect(0,0,W,H);\n pts.forEach(function(p){\n p.x+=p.vx; p.y+=p.vy;\n if(p.x<0||p.x>W) p.vx*=-1;\n if(p.y<0||p.y>H) p.vy*=-1;\n ctx.beginPath(); ctx.arc(p.x,p.y,1.5,0,Math.PI*2);\n ctx.fillStyle='rgba(0,174,66,0.8)'; ctx.fill();\n });\n for(var i=0;i<pts.length;i++){\n for(var j=i+1;j<pts.length;j++){\n var dx=pts[i].x-pts[j].x, dy=pts[i].y-pts[j].y;\n var d=Math.sqrt(dx*dx+dy*dy);\n if(d<120){\n ctx.beginPath();\n ctx.moveTo(pts[i].x,pts[i].y);\n ctx.lineTo(pts[j].x,pts[j].y);\n ctx.strokeStyle='rgba(0,174,66,'+(1-d/120)*0.3+')';\n ctx.lineWidth=0.5; ctx.stroke();\n }\n }\n }\n requestAnimationFrame(draw);\n }\n window.addEventListener('resize',init);\n init(); draw();\n})();\n</script>\n\n <div class="v2-hero-sys">\n SYS_STATUS: ONLINE<br>\n NODE: DE-01<br>\n BUILD: 2026.03\n </div>\n <div class="v2-hero-content">\n <div class="v2-hero-pre">[SYS_KNOWLEDGE] // 3D-PRINT HUB // EST.2024</div>\n <h1 class="v2-hero-h1">PRINT.<br>SHARE.<br><em>INSPIRE.</em></h1>\n <div class="v2-hero-rule"></div>\n <div class="v2-hero-bottom">\n <p class="v2-hero-sub">\n <strong>Guides, Modelle & Community</strong> — alles was du für\n bessere 3D-Drucke brauchst. Kostenlos. Immer aktuell.\n </p>\n <div class="v2-hero-actions">\n <a href="/wissen/" class="v2-btn v2-btn-prim">GUIDES_LADEN →</a>\n <a href="https://chat.whatsapp.com/BxdLHR5JvuXKqLYLLHRmjX" class="v2-btn v2-btn-sec">NETWORK_JOIN</a>\n </div>\n </div>\n </div>\n</section>\n\n<!-- TICKER -->\n<div class="v2-ticker" aria-hidden="true">\n <div class="v2-ticker-inner">\n <span class="v2-ticker-item">49+ GUIDES</span>\n \n <span class="v2-ticker-item">PLA · PETG · TPU · ABS</span>\n <span class="v2-ticker-item">BAMBU · PRUSA · ENDER</span>\n <span class="v2-ticker-item">KOSTENLOS</span>\n <span class="v2-ticker-item">OPEN COMMUNITY</span>\n <span class="v2-ticker-item">4K+ MODELLE</span>\n <span class="v2-ticker-item">49+ GUIDES</span>\n \n <span class="v2-ticker-item">PLA · PETG · TPU · ABS</span>\n <span class="v2-ticker-item">BAMBU · PRUSA · ENDER</span>\n <span class="v2-ticker-item">KOSTENLOS</span>\n <span class="v2-ticker-item">OPEN COMMUNITY</span>\n <span class="v2-ticker-item">4K+ MODELLE</span>\n </div>\n</div>\n\n<!-- STATS -->\n<div class="v2-stats">\n <div class="v2-stat">\n <span class="v2-stat-val">49<span>+</span></span>\n <span class="v2-stat-lbl">[GUIDES] // ALLE LEVELS</span>\n </div>\n <div class="v2-stat">\n <span class="v2-stat-val">DE<span>.</span></span>\n <span class="v2-stat-lbl">[OPEN] // COMMUNITY</span>\n </div>\n <div class="v2-stat">\n <span class="v2-stat-val">4K<span>+</span></span>\n <span class="v2-stat-lbl">[DATA] // MODELLE</span>\n </div>\n <div class="v2-stat">\n <span class="v2-stat-val">100<span>%</span></span>\n <span class="v2-stat-lbl">[ACCESS] // KOSTENLOS</span>\n </div>\n</div>\n\n<!-- MODELS -->\n<section class="v2-sec">\n <div class="v2-sec-hd">\n <div class="v2-sec-title-wrap">\n <span class="v2-label">01_MODELLE</span>\n <h2 class="v2-sec-title">TRENDING_PRINTS</h2>\n </div>\n <a href="/model-archiv/" class="v2-sec-link">ALLE MODELLE →</a>\n </div>\n \n <div class="v2-models">\n <div class="v2-mcard">\n <div class="v2-mcard-thumb"><img src="/wp-content/uploads/v2-models/flexi-snake.jpg" alt="Flexi Baby Snake" loading="lazy"></div>\n <span class="v2-mcard-tag">TRENDING // PRINT-IN-PLACE</span>\n <div class="v2-mcard-title">Flexi Baby Snake</div>\n <div class="v2-mcard-desc">Voll beweglich, keine Supports nötig. Perfekt für PLA-Einsteiger.</div>\n <div class="v2-mcard-meta"><span>PLA</span><span>//</span><span>KEINE SUPPORTS</span><span>//</span><span>EINSTEIGER</span></div>\n <a href="https://www.printables.com/model/561551" class="v2-mcard-link" target="_blank" rel="noopener">AUF PRINTABLES →</a>\n </div>\n <div class="v2-mcard">\n <div class="v2-mcard-thumb"><img src="/wp-content/uploads/v2-models/parcel-opener.jpg" alt="Parcel Opener" loading="lazy"></div>\n <span class="v2-mcard-tag">ALLTAGSHELFER</span>\n <div class="v2-mcard-title">Parcel Opener</div>\n <div class="v2-mcard-desc">Sicher öffnen ohne Klinge — PLA oder PETG.</div>\n <div class="v2-mcard-meta"><span>PLA / PETG</span><span>//</span><span>SUPPORTS: NEIN</span><span>//</span><span>EINSTEIGER</span></div>\n <a href="https://www.printables.com/model/759474" class="v2-mcard-link" target="_blank" rel="noopener">AUF PRINTABLES →</a>\n </div>\n <div class="v2-mcard">\n <div class="v2-mcard-thumb"><img src="/wp-content/uploads/v2-models/filament-storage.jpg" alt="Filament Storage Box" loading="lazy"></div>\n <span class="v2-mcard-tag">ORGANISATION</span>\n <div class="v2-mcard-title">Filament Storage Box</div>\n <div class="v2-mcard-desc">Trocken lagern, ordentlich organisieren — mit Desiccant-Halter.</div>\n <div class="v2-mcard-meta"><span>PLA</span><span>//</span><span>4x SPOOL</span><span>//</span><span>ORGANISATION</span></div>\n <a href="https://www.printables.com/model/620018" class="v2-mcard-link" target="_blank" rel="noopener">AUF PRINTABLES →</a>\n </div>\n <div class="v2-mcard">\n <div class="v2-mcard-thumb"><img src="/wp-content/uploads/v2-models/gridfinity.jpg" alt="Gridfinity Base" loading="lazy"></div>\n <span class="v2-mcard-tag">GRIDFINITY</span>\n <div class="v2-mcard-title">Gridfinity Base 2×2</div>\n <div class="v2-mcard-desc">Das modulare Ordnungssystem — kompatibel mit 1000+ Bins.</div>\n <div class="v2-mcard-meta"><span>PLA</span><span>//</span><span>GRIDFINITY</span><span>//</span><span>ORGANISATION</span></div>\n <a href="https://www.printables.com/model/417152" class="v2-mcard-link" target="_blank" rel="noopener">AUF PRINTABLES →</a>\n </div>\n <div class="v2-mcard">\n <div class="v2-mcard-thumb"><img src="/wp-content/uploads/v2-models/low-poly-fox.jpg" alt="Low Poly Fox" loading="lazy"></div>\n <span class="v2-mcard-tag">DEKO // KLASSIKER</span>\n <div class="v2-mcard-title">Low Poly Fox</div>\n <div class="v2-mcard-desc">Zeitloser Klassiker — perfektes Erstprojekt für alle Einsteiger.</div>\n <div class="v2-mcard-meta"><span>PLA</span><span>//</span><span>KEINE SUPPORTS</span><span>//</span><span>EINSTEIGER</span></div>\n <a href="https://www.printables.com/model/79590" class="v2-mcard-link" target="_blank" rel="noopener">AUF PRINTABLES →</a>\n </div>\n <div class="v2-mcard">\n <div class="v2-mcard-thumb"><img src="/wp-content/uploads/v2-models/cable-clip.jpg" alt="Cable Management Clip" loading="lazy"></div>\n <span class="v2-mcard-tag">KABELMANAGEMENT</span>\n <div class="v2-mcard-title">Cable Clip Set</div>\n <div class="v2-mcard-desc">Kabel ordentlich verlegen — parametrisch, druckbar in 10 Minuten.</div>\n <div class="v2-mcard-meta"><span>TPU / PLA</span><span>//</span><span>SUPPORTS: NEIN</span><span>//</span><span>EINSTEIGER</span></div>\n <a href="https://www.printables.com/model/75686" class="v2-mcard-link" target="_blank" rel="noopener">AUF PRINTABLES →</a>\n </div>\n </div>\n</section>\n\n<!-- GUIDES -->\n<section class="v2-sec">\n <div class="v2-sec-hd">\n <div class="v2-sec-title-wrap">\n <span class="v2-label">02_WISSEN</span>\n <h2 class="v2-sec-title">KNOWLEDGE_BASE</h2>\n </div>\n <a href="/wissen/" class="v2-sec-link">ALLE GUIDES →</a>\n </div>\n <div class="v2-guides">\n <a href="/pla-perfekt-einstellen/" class="v2-grow">\n <span class="v2-grow-id">SYS.001</span>\n <div>\n <div class="v2-grow-title">PLA perfekt einstellen</div>\n <div class="v2-grow-desc">Temperatur, Kühlung, Geschwindigkeit — vollständige Parameterübersicht.</div>\n <span class="v2-grow-tag">EINSTEIGER</span>\n </div>\n </a>\n <a href="/stringing-reduzieren/" class="v2-grow">\n <span class="v2-grow-id">SYS.002</span>\n <div>\n <div class="v2-grow-title">Stringing reduzieren</div>\n <div class="v2-grow-desc">Retraction, Temperatur und Travel-Speed richtig einstellen.</div>\n <span class="v2-grow-tag">FORTGESCHRITTEN</span>\n </div>\n </a>\n <a href="/petg-ohne-frust/" class="v2-grow">\n <span class="v2-grow-id">SYS.003</span>\n <div>\n <div class="v2-grow-title">PETG ohne Frust</div>\n <div class="v2-grow-desc">Zäh, wasserfest, hitzestabil — der ultimative PETG-Guide.</div>\n <span class="v2-grow-tag">MATERIAL</span>\n </div>\n </a>\n <a href="/warping-vermeiden/" class="v2-grow">\n <span class="v2-grow-id">SYS.004</span>\n <div>\n <div class="v2-grow-title">Warping vermeiden</div>\n <div class="v2-grow-desc">Betttemperatur, First-Layer und Haftungsmethoden im Vergleich.</div>\n <span class="v2-grow-tag">FEHLERANALYSE</span>\n </div>\n </a>\n <a href="/tpu-drucken/" class="v2-grow">\n <span class="v2-grow-id">SYS.005</span>\n <div>\n <div class="v2-grow-title">TPU erfolgreich drucken</div>\n <div class="v2-grow-desc">Direktantrieb vs Bowden — alles für flexibles Filament.</div>\n <span class="v2-grow-tag">FLEXIBEL</span>\n </div>\n </a>\n <a href="/slicer-profil-optimieren/" class="v2-grow">\n <span class="v2-grow-id">SYS.006</span>\n <div>\n <div class="v2-grow-title">Slicer-Profil optimieren</div>\n <div class="v2-grow-desc">OrcaSlicer, PrusaSlicer, Bambu Studio — perfektes Basisprofil.</div>\n <span class="v2-grow-tag">SLICER</span>\n </div>\n </a>\n </div>\n</section>\n\n<!-- COMMUNITY -->\n<section class="v2-sec">\n <div class="v2-sec-hd">\n <div class="v2-sec-title-wrap">\n <span class="v2-label">03_COMMUNITY</span>\n <h2 class="v2-sec-title">NETWORK_HUB</h2>\n </div>\n </div>\n <div class="v2-comm">\n <div class="v2-comm-left">\n <div>\n <div class="v2-comm-h">DEINE<br>MAKER<br>COMMUNITY.</div>\n <p class="v2-comm-sub">Die aktivste deutsche 3D-Druck Community — kostenlos, direkt, immer.</p>\n </div>\n <div>\n <a href="https://chat.whatsapp.com/BxdLHR5JvuXKqLYLLHRmjX" class="v2-comm-btn">WHATSAPP_BEITRETEN →</a>\n <div style="font-family:var(--f-hud);font-size:0.48rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,0.4);margin-top:.75rem;">[KOSTENLOS // KEIN SPAM // EXIT JEDERZEIT]</div>\n </div>\n </div>\n <div class="v2-comm-right">\n <div class="v2-comm-feat">\n <span class="v2-comm-feat-num">01</span>\n <div>\n <div class="v2-comm-feat-title">Sofortige Hilfe bei Druckfehlern</div>\n <div class="v2-comm-feat-desc">Frag die Community — meistens Antwort in Minuten.</div>\n </div>\n </div>\n <div class="v2-comm-feat">\n <span class="v2-comm-feat-num">02</span>\n <div>\n <div class="v2-comm-feat-title">Wöchentliche Modell-Highlights</div>\n <div class="v2-comm-feat-desc">Jeden Freitag die besten neuen Drucke aus der Community.</div>\n </div>\n </div>\n <div class="v2-comm-feat">\n <span class="v2-comm-feat-num">03</span>\n <div>\n <div class="v2-comm-feat-title">Filament- & Drucker-Empfehlungen</div>\n <div class="v2-comm-feat-desc">Echte Erfahrungen — von Makern für Maker.</div>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n<!-- CTA -->\n<div class="v2-cta">\n <div class="v2-cta-txt">Bereit für bessere <span>DRUCKE?</span></div>\n <div class="v2-cta-acts">\n <a href="/wissen/" class="v2-btn v2-btn-prim">GUIDES_STARTEN →</a>\n <a href="/resources/" class="v2-btn v2-btn-sec">RESSOURCEN</a>\n </div>\n</div>\n\n\n<footer class="v2-footer">\n <div class="v2-footer-brand">M0LZI<span>_</span>3D © 2026</div>\n <ul class="v2-footer-links">\n <li><a href="https://chat.whatsapp.com/BxdLHR5JvuXKqLYLLHRmjX">WHATSAPP</a></li>\n <li><a href="/impressum/">IMPRESSUM</a></li>\n <li><a href="/datenschutz/">DATENSCHUTZ</a></li>\n </ul>\n</footer>\n\n</div>\n<!-- /wp:html -->
|