{"id":2926,"date":"2026-02-13T12:53:41","date_gmt":"2026-02-13T12:53:41","guid":{"rendered":"https:\/\/brettonwoods.gold\/?page_id=2926"},"modified":"2026-02-13T13:20:10","modified_gmt":"2026-02-13T13:20:10","slug":"aff","status":"publish","type":"page","link":"https:\/\/brettonwoods.gold\/en\/aff\/","title":{"rendered":"Aff"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nPartner werden \u2013 Bretton Woods digital AG<\/title>\n<meta name=\"theme-color\" content=\"#05211C\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\n:root{\n --teal:#125a4f;\n --teal-dark:#05211c;\n --teal-mid:#0e4a40;\n --gold:#d7b66f;\n --gold-light:#e8d4a0;\n --gold-dark:#b8953a;\n --cream:#faf9f5;\n --cream-dark:#f0f0f1;\n --dark:#1d2327;\n --body-text:#546078;\n --white:#fff;\n --radius-sm:12px;\n --radius-md:16px;\n --radius-lg:24px;\n}\nhtml{scroll-behavior:smooth}\nbody{font-family:'Inter',sans-serif;color:var(--body-text);background:var(--cream);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}\n.container{max-width:1100px;margin:0 auto;padding:0 24px}\n\n\/* BUTTONS *\/\n.btn{display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-weight:500;font-size:16px;padding:18px 40px;border-radius:var(--radius-md);text-decoration:none;transition:all .35s ease;cursor:pointer;border:none}\n.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--teal-dark)}\n.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(215,182,111,.4)}\n.btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.4)}\n.btn-outline:hover{border-color:var(--gold);color:var(--gold)}\n.btn-primary{background:var(--teal);color:var(--white)}\n.btn-primary:hover{background:var(--teal-dark);transform:translateY(-2px)}\n.btn-lg{padding:20px 48px;font-size:18px}\n\n\/* HERO - Big Promise *\/\n.hero{background:var(--teal-dark);min-height:100vh;display:flex;align-items:center;padding:150px 0 80px;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(18,90,79,.5) 0%,transparent 60%)}\n\n\/* 3D SCENE *\/\n.hero-3d-scene{position:absolute;inset:0;pointer-events:none;perspective:1000px}\n\n\/* FLOATING COINS *\/\n.floating-coin{position:absolute;width:80px;height:80px;transform-style:preserve-3d;animation:float-rotate 8s ease-in-out infinite}\n.coin-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:50%;background:rgba(215,182,111,.1);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}\n.coin-back{transform:rotateY(180deg)}\n.coin-1{top:15%;left:10%;animation-delay:0s;opacity:.7}\n.coin-2{top:60%;left:5%;width:60px;height:60px;animation-delay:-2s;animation-duration:10s;opacity:.5}\n.coin-3{top:25%;right:8%;width:100px;height:100px;animation-delay:-4s;animation-duration:12s;opacity:.6}\n@keyframes float-rotate{\n 0%,100%{transform:translateY(0) rotateY(0deg) rotateX(10deg)}\n 25%{transform:translateY(-20px) rotateY(90deg) rotateX(5deg)}\n 50%{transform:translateY(-10px) rotateY(180deg) rotateX(-5deg)}\n 75%{transform:translateY(-30px) rotateY(270deg) rotateX(10deg)}\n}\n\n\/* PARTICLES *\/\n.particle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:0;animation:particle-float 6s linear infinite}\n.p1{top:20%;left:20%;animation-delay:0s}\n.p2{top:40%;left:15%;animation-delay:-1s;width:3px;height:3px}\n.p3{top:70%;left:25%;animation-delay:-2s}\n.p4{top:30%;right:20%;animation-delay:-0.5s;width:5px;height:5px}\n.p5{top:55%;right:15%;animation-delay:-3s}\n.p6{top:80%;right:25%;animation-delay:-4s;width:3px;height:3px}\n.p7{top:15%;right:30%;animation-delay:-2.5s}\n.p8{top:85%;left:30%;animation-delay:-1.5s;width:6px;height:6px}\n@keyframes particle-float{\n 0%{opacity:0;transform:translateY(100px) scale(0)}\n 10%{opacity:.8}\n 90%{opacity:.3}\n 100%{opacity:0;transform:translateY(-100px) scale(1)}\n}\n\n\/* GLOWING ORBS *\/\n.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:orb-pulse 8s ease-in-out infinite}\n.orb-1{width:300px;height:300px;background:var(--gold);top:10%;left:-5%;animation-delay:0s}\n.orb-2{width:200px;height:200px;background:var(--teal);top:50%;right:-5%;animation-delay:-3s}\n.orb-3{width:250px;height:250px;background:var(--gold);bottom:-10%;left:30%;animation-delay:-5s;opacity:.2}\n@keyframes orb-pulse{\n 0%,100%{transform:scale(1);opacity:.3}\n 50%{transform:scale(1.2);opacity:.5}\n}\n\n\/* Hero center glow *\/\n.hero::after{\n content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;\n transform:translate(-50%,-50%);\n background:radial-gradient(circle at 30% 30%, rgba(215,182,111,.08) 0%, transparent 50%),radial-gradient(circle at 70% 70%, rgba(18,90,79,.15) 0%, transparent 50%);\n border-radius:50%;animation:hero-glow 10s ease-in-out infinite;pointer-events:none;\n}\n@keyframes hero-glow{\n 0%,100%{transform:translate(-50%,-50%) scale(1) rotate(0deg);opacity:.5}\n 50%{transform:translate(-50%,-50%) scale(1.1) rotate(180deg);opacity:.8}\n}\n\n.hero-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}\n.hero-eyebrow{display:inline-block;background:rgba(215,182,111,.15);border:1px solid rgba(215,182,111,.3);border-radius:50px;padding:10px 24px;font-size:14px;color:var(--gold);font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-bottom:32px}\n.hero h1{font-family:'DM Sans',sans-serif;font-size:clamp(36px,6vw,72px);font-weight:400;color:var(--white);line-height:1.1;margin-bottom:24px}\n.hero h1 .gold{color:var(--gold)}\n.hero h1 .highlight{display:block;font-size:clamp(48px,8vw,96px);font-weight:600;color:var(--gold);margin:16px 0}\n.hero-sub{font-size:clamp(18px,2.5vw,24px);color:rgba(255,255,255,.7);margin-bottom:40px;line-height:1.6}\n.hero-cta{margin-bottom:48px}\n.hero-trust{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,.5)}\n.hero-trust span{display:flex;align-items:center;gap:6px}\n\n\/* CALCULATION SECTION *\/\n.calc-section{background:var(--white);padding:80px 0;border-bottom:1px solid rgba(0,0,0,.06)}\n.calc-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}\n.calc-content h2{font-family:'DM Sans',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:400;color:var(--teal-dark);line-height:1.2;margin-bottom:20px}\n.calc-content h2 .gold{color:var(--gold)}\n.calc-content p{font-size:17px;color:var(--body-text);line-height:1.7;margin-bottom:24px}\n.calc-content .btn{margin-top:8px}\n.calc-box{background:var(--cream);border-radius:var(--radius-lg);padding:40px;border:2px solid rgba(18,90,79,.08);overflow:hidden}\n.calc-title{font-family:'DM Sans',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--teal);margin-bottom:24px;font-weight:600}\n.calc-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06)}\n.calc-row:last-of-type{border:none}\n.calc-row.total{background:var(--teal);margin:20px -40px -40px;padding:28px 40px;border-radius:0 0 22px 22px}\n.calc-label{font-size:15px;color:var(--body-text)}\n.calc-row.total .calc-label{color:rgba(255,255,255,.9);font-size:16px;font-weight:500}\n.calc-value{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:600;color:var(--teal-dark)}\n.calc-row.total .calc-value{color:var(--gold);font-size:32px;font-weight:700}\n.calc-note{font-size:12px;color:var(--body-text);opacity:.7;margin-top:20px;text-align:center}\n@media(max-width:900px){.calc-grid{grid-template-columns:1fr}}\n\n\/* HOW IT WORKS - Simple Steps *\/\n.steps-section{background:var(--cream);padding:100px 0}\n.steps-header{text-align:center;margin-bottom:64px}\n.steps-header h2{font-family:'DM Sans',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:400;color:var(--teal-dark)}\n.steps-wrapper{position:relative;max-width:900px;margin:0 auto}\n.steps-line{position:absolute;top:56px;left:calc(16.66% + 32px);right:calc(16.66% + 32px);height:3px;background:linear-gradient(90deg,var(--gold),var(--teal),var(--gold));border-radius:2px;z-index:0}\n.steps-line::before,.steps-line::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--gold);border-radius:50%;border:3px solid var(--cream)}\n.steps-line::before{left:-6px}\n.steps-line::after{right:-6px}\n.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;z-index:1}\n.step-card{text-align:center;padding:32px 24px}\n.step-num{width:64px;height:64px;border-radius:50%;background:var(--teal);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-size:24px;font-weight:600;margin:0 auto 20px;position:relative;box-shadow:0 4px 20px rgba(18,90,79,.3);border:4px solid var(--cream)}\n.step-card h3{font-family:'DM Sans',sans-serif;font-size:20px;font-weight:500;color:var(--teal-dark);margin-bottom:8px}\n.step-card p{font-size:15px;color:var(--body-text);line-height:1.6}\n@media(max-width:768px){\n .steps-wrapper .steps-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}\n .steps-line{display:none}\n}\n\n\/* GOLD CHART SECTION *\/\n.chart-section{background:var(--white);padding:100px 0;border-top:1px solid rgba(0,0,0,.06)}\n.chart-toggles{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}\n.chart-toggle{background:var(--cream);border:2px solid transparent;border-radius:var(--radius-md);padding:16px 24px;cursor:pointer;transition:all .3s ease;text-align:center;min-width:140px}\n.chart-toggle:hover{border-color:var(--gold);background:var(--white)}\n.chart-toggle.active{background:var(--teal);border-color:var(--teal)}\n.chart-toggle .toggle-name{display:block;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;color:var(--teal-dark);margin-bottom:4px;transition:color .3s}\n.chart-toggle.active .toggle-name{color:var(--white)}\n.chart-toggle .toggle-price{display:block;font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700;color:var(--gold)}\n.chart-toggle.active .toggle-price{color:var(--gold-light)}\n\n.chart-container{background:var(--cream);border-radius:var(--radius-lg);padding:32px;border:2px solid rgba(18,90,79,.08)}\n.chart-stats{display:flex;justify-content:center;gap:32px;margin-bottom:32px;flex-wrap:wrap}\n.chart-stat{text-align:center;padding:16px 24px;background:var(--white);border-radius:var(--radius-sm);min-width:160px}\n.chart-stat.highlight{background:var(--teal)}\n.chart-stat.profit{background:linear-gradient(135deg,var(--gold),var(--gold-dark))}\n.chart-stat .stat-label{display:block;font-size:12px;color:var(--body-text);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}\n.chart-stat.highlight .stat-label,.chart-stat.profit .stat-label{color:rgba(255,255,255,.8)}\n.chart-stat .stat-value{display:block;font-family:'DM Sans',sans-serif;font-size:28px;font-weight:700;color:var(--teal-dark)}\n.chart-stat.highlight .stat-value{color:var(--white)}\n.chart-stat.profit .stat-value{color:var(--teal-dark)}\n.chart-stat .stat-percent{display:block;font-size:14px;font-weight:600;color:var(--teal-dark);margin-top:2px}\n\n.chart-wrapper{position:relative;margin-bottom:16px}\n.chart-wrapper .gold-chart{width:100%;height:300px;display:block}\n.gold-chart{width:100%;height:300px;display:block}\n.grid-line{stroke:rgba(0,0,0,.06);stroke-width:1}\n.chart-area{fill:url(#goldGradient);transition:d .6s ease}\n.chart-line{fill:none;stroke:url(#lineGradient);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:d .6s ease;filter:drop-shadow(0 2px 4px rgba(215,182,111,.4))}\n.chart-points circle{fill:var(--gold);stroke:var(--white);stroke-width:3;filter:drop-shadow(0 2px 8px rgba(215,182,111,.5));transition:all .3s}\n.chart-points circle:hover{r:8;cursor:pointer}\n\n.chart-labels{display:flex;justify-content:space-between;padding:16px 10px 0;font-size:12px;color:var(--body-text);background:var(--cream)}\n.chart-note{text-align:center;font-size:12px;color:var(--body-text);opacity:.7;margin-top:32px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06)}\n\n@media(max-width:768px){\n .chart-toggles{gap:8px}\n .chart-toggle{min-width:auto;padding:12px 16px;flex:1 1 calc(50% - 8px)}\n .chart-stats{gap:12px}\n .chart-stat{min-width:auto;flex:1;padding:12px 16px}\n .chart-stat .stat-value{font-size:22px}\n}\n\n\/* BENEFITS - Keep it simple *\/\n.benefits-section{background:var(--white);padding:100px 0}\n.benefits-header{text-align:center;margin-bottom:56px}\n.benefits-header h2{font-family:'DM Sans',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:400;color:var(--teal-dark);margin-bottom:16px}\n.benefits-header p{font-size:17px;color:var(--body-text);max-width:600px;margin:0 auto}\n.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}\n.benefit-item{display:flex;gap:16px;padding:24px;background:var(--cream);border-radius:var(--radius-md);transition:all .3s}\n.benefit-item:hover{background:var(--white);box-shadow:0 8px 32px rgba(0,0,0,.06)}\n.benefit-icon{width:48px;height:48px;border-radius:50%;background:rgba(18,90,79,.1);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}\n.benefit-item h4{font-family:'DM Sans',sans-serif;font-size:17px;font-weight:500;color:var(--teal-dark);margin-bottom:4px}\n.benefit-item p{font-size:14px;color:var(--body-text);line-height:1.5}\n@media(max-width:600px){.benefits-grid{grid-template-columns:1fr}}\n\n\/* CTA FORM SECTION *\/\n.form-section{background:var(--teal-dark);padding:100px 0;position:relative;overflow:hidden}\n.form-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(18,90,79,.4) 0%,transparent 60%)}\n.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}\n.form-content h2{font-family:'DM Sans',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:400;color:var(--gold);margin-bottom:16px}\n.form-content p{font-size:17px;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:24px}\n.form-content ul{list-style:none;margin-bottom:32px}\n.form-content li{padding:8px 0;font-size:15px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:12px}\n.form-content li::before{content:'\u2713';color:var(--gold);font-weight:700}\n.form-box{background:var(--white);border-radius:var(--radius-lg);padding:40px}\n.form-box h3{font-family:'DM Sans',sans-serif;font-size:22px;font-weight:500;color:var(--teal-dark);margin-bottom:24px;text-align:center}\n.form-group{margin-bottom:16px}\n.form-group label{display:block;font-size:13px;font-weight:500;color:var(--teal-dark);margin-bottom:6px}\n.form-group input,.form-group select{width:100%;padding:14px 16px;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;transition:border .3s}\n.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--teal)}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.form-submit{width:100%;margin-top:24px}\n.form-note{font-size:11px;color:var(--body-text);text-align:center;margin-top:16px;line-height:1.5}\n.form-note a{color:var(--teal)}\n@media(max-width:900px){.form-grid{grid-template-columns:1fr}.form-content{text-align:center}.form-content ul{display:inline-block;text-align:left}}\n\n\/* TRUST SECTION *\/\n.trust-section{background:var(--cream);padding:60px 0}\n.trust-inner{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap}\n.trust-item{text-align:center}\n.trust-item-value{font-family:'DM Sans',sans-serif;font-size:32px;font-weight:600;color:var(--teal)}\n.trust-item-label{font-size:13px;color:var(--body-text)}\n\n\/* ANIMATIONS *\/\n.fade-in{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}\n.fade-in.visible{opacity:1;transform:translateY(0)}\n.fade-in-left{opacity:0;transform:translateX(-40px);transition:all .8s cubic-bezier(.4,0,.2,1)}\n.fade-in-left.visible{opacity:1;transform:translateX(0)}\n.fade-in-right{opacity:0;transform:translateX(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}\n.fade-in-right.visible{opacity:1;transform:translateX(0)}\n.fade-in-scale{opacity:0;transform:scale(.9);transition:all .8s cubic-bezier(.4,0,.2,1)}\n.fade-in-scale.visible{opacity:1;transform:scale(1)}\n.stagger-1{transition-delay:.1s}\n.stagger-2{transition-delay:.2s}\n.stagger-3{transition-delay:.3s}\n.stagger-4{transition-delay:.4s}\n\n\/* Hero entrance animations *\/\n.hero-content{animation:heroFadeIn 1s ease .2s both}\n.hero-eyebrow{animation:slideDown .8s ease .4s both}\n.hero h1{animation:heroFadeIn 1s ease .5s both}\n.hero h1 .highlight{animation:goldPulse 3s ease-in-out infinite, heroFadeIn 1s ease .7s both}\n.hero-sub{animation:heroFadeIn 1s ease .8s both}\n.hero-cta{animation:heroFadeIn 1s ease 1s both}\n.hero-trust{animation:heroFadeIn 1s ease 1.2s both}\n.hero-trust span{transition:all .3s ease}\n.hero-trust span:hover{color:var(--gold);transform:translateY(-2px)}\n\n@keyframes heroFadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}\n@keyframes goldPulse{0%,100%{text-shadow:0 0 20px rgba(215,182,111,.3)}50%{text-shadow:0 0 40px rgba(215,182,111,.6)}}\n\n\/* Enhanced Button animations *\/\n.btn{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}\n.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}\n.btn:hover::before{width:300px;height:300px}\n.btn:active{transform:scale(.98)}\n.btn-gold{box-shadow:0 4px 15px rgba(215,182,111,.3)}\n.btn-gold:hover{box-shadow:0 8px 30px rgba(215,182,111,.5);transform:translateY(-3px)}\n.btn-primary{box-shadow:0 4px 15px rgba(18,90,79,.2)}\n.btn-primary:hover{box-shadow:0 8px 25px rgba(18,90,79,.4);transform:translateY(-3px)}\n\n\/* Calc box enhanced *\/\n.calc-box{transition:all .4s ease;box-shadow:0 4px 20px rgba(0,0,0,.04)}\n.calc-box:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}\n.calc-row{transition:all .3s ease}\n.calc-row:hover:not(.total){background:rgba(18,90,79,.02);padding-left:8px;padding-right:8px;margin:0 -8px;border-radius:8px}\n.calc-value{transition:all .3s ease}\n.calc-row:hover .calc-value{transform:scale(1.05)}\n\n\/* Steps enhanced animations *\/\n.step-card{transition:all .4s cubic-bezier(.4,0,.2,1)}\n.step-card:hover{transform:translateY(-8px)}\n.step-card:hover .step-num{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 30px rgba(18,90,79,.4)}\n.step-num{transition:all .4s cubic-bezier(.4,0,.2,1)}\n.steps-line{background:linear-gradient(90deg,var(--gold),var(--teal),var(--gold));background-size:200% 100%;animation:gradientMove 4s linear infinite}\n@keyframes gradientMove{0%{background-position:0% 50%}100%{background-position:200% 50%}}\n\n\/* Chart enhanced interactions *\/\n.chart-toggle{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}\n.chart-toggle::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--gold);transition:all .3s ease;transform:translateX(-50%)}\n.chart-toggle:hover::after{width:60%}\n.chart-toggle.active::after{width:100%;background:var(--gold-light)}\n.chart-toggle:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.1)}\n.chart-toggle.active{transform:translateY(-3px);box-shadow:0 8px 25px rgba(18,90,79,.3)}\n\n.chart-stat{transition:all .4s cubic-bezier(.4,0,.2,1)}\n.chart-stat:hover{transform:translateY(-4px) scale(1.02)}\n.chart-stat.profit{animation:profitPulse 2s ease-in-out infinite}\n@keyframes profitPulse{0%,100%{box-shadow:0 4px 20px rgba(215,182,111,.3)}50%{box-shadow:0 8px 35px rgba(215,182,111,.5)}}\n\n.chart-container{transition:all .4s ease}\n.chart-line{animation:drawLine 2s ease forwards;stroke-dasharray:2000;stroke-dashoffset:2000}\n.chart-container.animated .chart-line{stroke-dashoffset:0}\n@keyframes drawLine{to{stroke-dashoffset:0}}\n\n\/* Benefits enhanced *\/\n.benefit-item{transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid transparent}\n.benefit-item:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(18,90,79,.1);box-shadow:0 16px 40px rgba(0,0,0,.08)}\n.benefit-icon{transition:all .4s cubic-bezier(.4,0,.2,1)}\n.benefit-item:hover .benefit-icon{transform:scale(1.15) rotate(-5deg);background:var(--teal);box-shadow:0 8px 20px rgba(18,90,79,.3)}\n\n\/* Form enhanced *\/\n.form-box{transition:all .4s ease;box-shadow:0 10px 40px rgba(0,0,0,.1)}\n.form-box:hover{box-shadow:0 20px 60px rgba(0,0,0,.15)}\n.form-group input,.form-group select{transition:all .3s cubic-bezier(.4,0,.2,1)}\n.form-group input:focus,.form-group select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(18,90,79,.1);transform:translateY(-1px)}\n.form-group input:hover,.form-group select:hover{border-color:rgba(18,90,79,.3)}\n.form-submit{transition:all .4s cubic-bezier(.4,0,.2,1)}\n.form-submit:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(215,182,111,.4)}\n.form-content li{transition:all .3s ease;transform:translateX(0)}\n.form-content li:hover{transform:translateX(8px);color:rgba(255,255,255,.9)}\n\n\/* Trust items enhanced *\/\n.trust-item{transition:all .4s cubic-bezier(.4,0,.2,1);padding:20px;border-radius:var(--radius-md)}\n.trust-item:hover{background:var(--white);transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.06)}\n.trust-item-value{transition:all .3s ease}\n.trust-item:hover .trust-item-value{transform:scale(1.1);color:var(--gold)}\n\n\/* Scroll indicator *\/\n.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);animation:bounce 2s infinite}\n@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOBILE OPTIMIZATION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1024px){\n .container{padding:0 20px}\n .calc-grid{gap:40px}\n .form-grid{gap:40px}\n}\n\n@media(max-width:900px){\n .hero{padding:150px 0 60px;min-height:auto}\n .hero h1{font-size:clamp(32px,8vw,48px)}\n .hero h1 .highlight{font-size:clamp(40px,10vw,64px)}\n .hero-sub{font-size:16px}\n .hero-trust{gap:16px;font-size:12px}\n .hero-trust span{padding:8px 12px;background:rgba(255,255,255,.05);border-radius:20px}\n \n .calc-section{padding:60px 0}\n .calc-grid{grid-template-columns:1fr}\n .calc-content{text-align:center}\n .calc-content .btn{width:100%}\n .calc-box{padding:28px 20px}\n .calc-row.total{margin:20px -20px -28px;padding:24px 20px;border-radius:0 0 20px 20px}\n \n .chart-section{padding:60px 0}\n .chart-container{padding:20px}\n .chart-stats{gap:8px}\n .chart-stat{padding:12px;min-width:0}\n .chart-stat .stat-value{font-size:20px}\n .chart-stat .stat-label{font-size:10px}\n \n .steps-section{padding:60px 0}\n .benefits-section{padding:60px 0}\n .form-section{padding:60px 0}\n \n .form-grid{grid-template-columns:1fr}\n .form-content{text-align:center;margin-bottom:20px}\n .form-content ul{display:inline-block;text-align:left}\n .form-box{padding:28px 20px}\n}\n\n@media(max-width:768px){\n .hero-cta .btn{width:100%;justify-content:center}\n \n .steps-wrapper .steps-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto;gap:24px}\n .steps-line{display:none}\n .step-card{padding:24px 16px;background:var(--white);border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,.04)}\n \n .chart-toggles{gap:6px}\n .chart-toggle{padding:10px 12px;flex:1 1 calc(50% - 6px)}\n .chart-toggle .toggle-name{font-size:12px}\n .chart-toggle .toggle-price{font-size:14px}\n \n .benefits-grid{grid-template-columns:1fr;gap:16px}\n .benefit-item{padding:20px}\n \n .form-row{grid-template-columns:1fr}\n \n .trust-inner{gap:20px}\n .trust-item{flex:1 1 calc(50% - 20px);min-width:120px}\n}\n\n@media(max-width:480px){\n .container{padding:0 16px}\n \n .hero{padding:140px 0 50px}\n .hero-eyebrow{padding:8px 16px;font-size:11px}\n .hero h1{font-size:28px;margin-bottom:16px}\n .hero h1 .highlight{font-size:36px;margin:12px 0}\n .hero-sub{font-size:15px;margin-bottom:28px}\n .hero-trust{flex-direction:column;gap:8px}\n .hero-trust span{width:100%;justify-content:center}\n \n .calc-box{padding:20px 16px}\n .calc-title{font-size:12px;margin-bottom:16px}\n .calc-row{padding:12px 0}\n .calc-label{font-size:13px}\n .calc-value{font-size:16px}\n .calc-row.total{margin:16px -16px -20px;padding:20px 16px}\n .calc-row.total .calc-value{font-size:26px}\n \n .chart-stats{flex-direction:column;gap:8px}\n .chart-stat{width:100%}\n .chart-toggle{flex:1 1 calc(50% - 4px)}\n \n .step-num{width:56px;height:56px;font-size:20px}\n .step-card h3{font-size:18px}\n .step-card p{font-size:14px}\n \n .benefit-icon{width:40px;height:40px;font-size:18px}\n .benefit-item h4{font-size:15px}\n .benefit-item p{font-size:13px}\n \n .form-content h2{font-size:28px}\n .form-box h3{font-size:18px}\n .form-group input,.form-group select{padding:12px 14px;font-size:14px}\n \n .trust-item{flex:1 1 100%}\n .trust-item-value{font-size:28px}\n \n .footer-top{flex-direction:column;text-align:center}\n .footer-links{flex-wrap:wrap;justify-content:center;gap:16px}\n .footer-bottom{flex-direction:column;text-align:center;gap:8px}\n}\n\n\/* Touch device optimizations *\/\n@media(hover:none){\n .btn:hover::before{display:none}\n .btn:hover{transform:none}\n .btn:active{transform:scale(.97)}\n \n .calc-box:hover,.chart-toggle:hover,.benefit-item:hover,.trust-item:hover,.step-card:hover{transform:none;box-shadow:none}\n .chart-toggle.active{transform:none}\n \n .form-group input:hover,.form-group select:hover{border-color:rgba(0,0,0,.1)}\n}\n\n\/* Reduced motion preference *\/\n@media(prefers-reduced-motion:reduce){\n *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}\n}\n\n\/* Safe area for notched devices *\/\n@supports(padding:max(0px)){\n .hero{padding-top:max(150px,env(safe-area-inset-top) + 130px)}\n}\n\n\/* Ripple effect *\/\n.btn .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:ripple .6s linear;pointer-events:none}\n@keyframes ripple{to{transform:scale(4);opacity:0}}\n\n\/* Chart tooltip *\/\n.chart-tooltip{position:absolute;background:var(--teal-dark);color:var(--white);padding:10px 14px;border-radius:8px;font-size:13px;pointer-events:none;z-index:100;opacity:0;transition:opacity .2s;box-shadow:0 4px 20px rgba(0,0,0,.2)}\n.chart-tooltip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--teal-dark)}\n\n\/* Point pop animation *\/\n@keyframes pointPop{from{r:0;opacity:0}to{r:5;opacity:1}}\n\n\/* Form group animations *\/\n.form-group{position:relative}\n.form-group.focused label{color:var(--teal)}\n.form-group.filled label{color:var(--teal)}\n\n\/* Loading state *\/\nbody:not(.loaded) .hero-content{opacity:0}\nbody.loaded .hero-content{opacity:1}\n\n\/* Smooth page transitions *\/\n.fade-in{will-change:transform,opacity}\n\n\/* Performance optimizations *\/\n.floating-coin,.glow-orb,.particle{will-change:transform}\n.chart-line,.chart-area{will-change:d}\n\n\/* Custom scrollbar *\/\n::-webkit-scrollbar{width:10px}\n::-webkit-scrollbar-track{background:var(--cream)}\n::-webkit-scrollbar-thumb{background:var(--teal);border-radius:5px}\n::-webkit-scrollbar-thumb:hover{background:var(--teal-dark)}\n\n\/* Selection color *\/\n::selection{background:var(--gold);color:var(--teal-dark)}\n\n\/* Focus visible for accessibility *\/\n:focus-visible{outline:2px solid var(--gold);outline-offset:2px}\n.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 4px rgba(215,182,111,.3)}\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO - One Big Promise -->\n<section class=\"hero\">\n <!-- 3D Floating Elements -->\n <div class=\"hero-3d-scene\">\n <div class=\"floating-coin coin-1\">\n <div class=\"coin-face coin-front\">\n <svg viewbox=\"0 0 80 80\" fill=\"none\">\n <circle cx=\"40\" cy=\"40\" r=\"36\" stroke=\"#d7b66f\" stroke-width=\"2\"\/>\n <circle cx=\"40\" cy=\"40\" r=\"28\" stroke=\"#d7b66f\" stroke-width=\"1\" opacity=\".5\"\/>\n <text x=\"40\" y=\"46\" text-anchor=\"middle\" fill=\"#d7b66f\" font-size=\"20\" font-weight=\"600\">Au<\/text>\n <\/svg>\n <\/div>\n <div class=\"coin-face coin-back\">\n <svg viewbox=\"0 0 80 80\" fill=\"none\">\n <circle cx=\"40\" cy=\"40\" r=\"36\" stroke=\"#d7b66f\" stroke-width=\"2\"\/>\n <path d=\"M28 50 L40 25 L52 50 L40 42 Z\" fill=\"#d7b66f\" opacity=\".8\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"floating-coin coin-2\">\n <div class=\"coin-face coin-front\">\n <svg viewbox=\"0 0 80 80\" fill=\"none\">\n <circle cx=\"40\" cy=\"40\" r=\"36\" stroke=\"#d7b66f\" stroke-width=\"2\"\/>\n <circle cx=\"40\" cy=\"40\" r=\"28\" stroke=\"#d7b66f\" stroke-width=\"1\" opacity=\".5\"\/>\n <text x=\"40\" y=\"46\" text-anchor=\"middle\" fill=\"#d7b66f\" font-size=\"20\" font-weight=\"600\">Au<\/text>\n <\/svg>\n <\/div>\n <div class=\"coin-face coin-back\">\n <svg viewbox=\"0 0 80 80\" fill=\"none\">\n <circle cx=\"40\" cy=\"40\" r=\"36\" stroke=\"#d7b66f\" stroke-width=\"2\"\/>\n <path d=\"M28 50 L40 25 L52 50 L40 42 Z\" fill=\"#d7b66f\" opacity=\".8\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"floating-coin coin-3\">\n <div class=\"coin-face coin-front\">\n <svg viewbox=\"0 0 80 80\" fill=\"none\">\n <circle cx=\"40\" cy=\"40\" r=\"36\" stroke=\"#d7b66f\" stroke-width=\"2\"\/>\n <circle cx=\"40\" cy=\"40\" r=\"28\" stroke=\"#d7b66f\" stroke-width=\"1\" opacity=\".5\"\/>\n <text x=\"40\" y=\"46\" text-anchor=\"middle\" fill=\"#d7b66f\" font-size=\"20\" font-weight=\"600\">Au<\/text>\n <\/svg>\n <\/div>\n <div class=\"coin-face coin-back\">\n <svg viewbox=\"0 0 80 80\" fill=\"none\">\n <circle cx=\"40\" cy=\"40\" r=\"36\" stroke=\"#d7b66f\" stroke-width=\"2\"\/>\n <path d=\"M28 50 L40 25 L52 50 L40 42 Z\" fill=\"#d7b66f\" opacity=\".8\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <!-- Connection particles -->\n <div class=\"particle p1\"><\/div>\n <div class=\"particle p2\"><\/div>\n <div class=\"particle p3\"><\/div>\n <div class=\"particle p4\"><\/div>\n <div class=\"particle p5\"><\/div>\n <div class=\"particle p6\"><\/div>\n <div class=\"particle p7\"><\/div>\n <div class=\"particle p8\"><\/div>\n <!-- Glowing orbs -->\n <div class=\"glow-orb orb-1\"><\/div>\n <div class=\"glow-orb orb-2\"><\/div>\n <div class=\"glow-orb orb-3\"><\/div>\n <\/div>\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-eyebrow\">Partner-Programm<\/div>\n <h1>\n Verdiene\n <span class=\"highlight\">200 \u20ac und mehr<\/span>\n <span class=\"gold\">mit jeder Empfehlung<\/span>\n <\/h1>\n <p class=\"hero-sub\">Empfiehl das sicherste Gold-Investment der Welt und verdiene 20% Provision auf jeden Verkauf. Keine Vorkenntnisse n\u00f6tig \u2013 wir zeigen dir wie.<\/p>\n <div class=\"hero-cta\">\n <a href=\"#formular\" class=\"btn btn-gold btn-lg\">Jetzt informieren \u2192<\/a>\n <\/div>\n <div class=\"hero-trust\">\n <span>\ud83c\udde8\ud83c\udded Schweizer Unternehmen<\/span>\n <span>\ud83d\udd12 100% Gold-gedeckt<\/span>\n <span>\ud83d\udcb0 20% Provision<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CALCULATION - Simple Math -->\n<section class=\"calc-section\" id=\"rechnung\">\n <div class=\"container\">\n <div class=\"calc-grid\">\n <div class=\"calc-content fade-in\">\n <h2>So einfach verdienst du <span class=\"gold\">echtes Geld<\/span><\/h2>\n <p>Du empfiehlst Bretton Woods an Freunde, Familie oder Bekannte. F\u00fcr jeden erfolgreichen Verkauf erh\u00e4ltst du <strong>20% Provision<\/strong> \u2013 direkt auf dein Konto.<\/p>\n <p>Starte bereits ab 99 \u20ac mit deinem Starter-Paket, das echtes Gold enth\u00e4lt. Mit nur einer Empfehlung hast du deinen Einsatz schon wieder drin.<\/p>\n <a href=\"#formular\" class=\"btn btn-primary\">Jetzt loslegen \u2192<\/a>\n <\/div>\n <div class=\"calc-box fade-in\">\n <div class=\"calc-title\">Beispielrechnung<\/div>\n <div class=\"calc-row\">\n <span class=\"calc-label\">Dein Startpaket (inkl. echtem Gold)<\/span>\n <span class=\"calc-value\">99 \u20ac<\/span>\n <\/div>\n <div class=\"calc-row\">\n <span class=\"calc-label\">Deine Empfehlung kauft Gold f\u00fcr 1.000 \u20ac<\/span>\n <span class=\"calc-value\" style=\"color:var(--teal)\">+ 200 \u20ac<\/span>\n <\/div>\n <div class=\"calc-row\">\n <span class=\"calc-label\">Bereits nach 1 Empfehlung<\/span>\n <span class=\"calc-value\" style=\"color:var(--teal)\">+ 101 \u20ac Gewinn<\/span>\n <\/div>\n <div class=\"calc-row total\">\n <span class=\"calc-label\">Bei 3 Empfehlungen pro Monat<\/span>\n <span class=\"calc-value\">501 \u20ac Gewinn<\/span>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"calc-note fade-in\" style=\"text-align:center;margin-top:24px;font-size:13px;color:var(--body-text);opacity:.7\">*Beispielrechnung bei 1.000 \u20ac Kaufwert pro Empfehlung. 20% Provision auf jeden Verkauf.<\/p>\n <\/div>\n<\/section>\n\n<!-- GOLD CHART SECTION -->\n<section class=\"chart-section\" id=\"goldchart\">\n <div class=\"container\">\n <div class=\"section-header fade-in\" style=\"text-align:center;margin-bottom:48px\">\n <h2 style=\"font-family:'DM Sans',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:400;color:var(--teal-dark);margin-bottom:12px\">Dein Gold <span class=\"gold\">w\u00e4chst mit<\/span><\/h2>\n <p style=\"font-size:17px;color:var(--body-text);max-width:600px;margin:0 auto\">Jedes Paket enth\u00e4lt echtes Gold. Sieh selbst, wie sich dein Investment 2025 entwickelt h\u00e4tte.<\/p>\n <\/div>\n \n <!-- Package Toggle Buttons -->\n <div class=\"chart-toggles fade-in\">\n <button class=\"chart-toggle active\" data-package=\"ticket\">\n <span class=\"toggle-name\">Golden Ticket<\/span>\n <span class=\"toggle-price\">99 \u20ac<\/span>\n <\/button>\n <button class=\"chart-toggle\" data-package=\"compass\">\n <span class=\"toggle-name\">Golden Compass<\/span>\n <span class=\"toggle-price\">349 \u20ac<\/span>\n <\/button>\n <button class=\"chart-toggle\" data-package=\"rush\">\n <span class=\"toggle-name\">Gold Rush<\/span>\n <span class=\"toggle-price\">799 \u20ac<\/span>\n <\/button>\n <button class=\"chart-toggle\" data-package=\"eldorado\">\n <span class=\"toggle-name\">El Dorado<\/span>\n <span class=\"toggle-price\">1.999 \u20ac<\/span>\n <\/button>\n <\/div>\n\n <!-- Chart Container -->\n <div class=\"chart-container fade-in\">\n <div class=\"chart-stats\">\n <div class=\"chart-stat\">\n <span class=\"stat-label\">Dein Gold-Wert (Jan '25)<\/span>\n <span class=\"stat-value\" id=\"startValue\">99 \u20ac<\/span>\n <\/div>\n <div class=\"chart-stat highlight\">\n <span class=\"stat-label\">Dein Gold-Wert (Dez '25)<\/span>\n <span class=\"stat-value\" id=\"endValue\">144 \u20ac<\/span>\n <\/div>\n <div class=\"chart-stat profit\">\n <span class=\"stat-label\">Dein Gewinn<\/span>\n <span class=\"stat-value\" id=\"profitValue\">+45 \u20ac<\/span>\n <span class=\"stat-percent\" id=\"profitPercent\">+45,9%<\/span>\n <\/div>\n <\/div>\n \n <div class=\"chart-wrapper\">\n <svg class=\"gold-chart\" viewbox=\"0 0 800 300\" preserveaspectratio=\"none\">\n <!-- Grid lines -->\n <defs>\n <lineargradient id=\"goldGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#d7b66f;stop-opacity:0.3\"\/>\n <stop offset=\"100%\" style=\"stop-color:#d7b66f;stop-opacity:0\"\/>\n <\/lineargradient>\n <lineargradient id=\"lineGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#b8953a\"\/>\n <stop offset=\"100%\" style=\"stop-color:#d7b66f\"\/>\n <\/lineargradient>\n <\/defs>\n \n <!-- Horizontal grid -->\n <line x1=\"0\" y1=\"60\" x2=\"800\" y2=\"60\" class=\"grid-line\"\/>\n <line x1=\"0\" y1=\"120\" x2=\"800\" y2=\"120\" class=\"grid-line\"\/>\n <line x1=\"0\" y1=\"180\" x2=\"800\" y2=\"180\" class=\"grid-line\"\/>\n <line x1=\"0\" y1=\"240\" x2=\"800\" y2=\"240\" class=\"grid-line\"\/>\n \n <!-- Area fill -->\n <path id=\"chartArea\" class=\"chart-area\" d=\"M0,280 L0,280 L800,280 L800,280 Z\"\/>\n \n <!-- Main line -->\n <path id=\"chartLine\" class=\"chart-line\" d=\"M0,280 L800,280\"\/>\n \n <!-- Data points -->\n <g id=\"chartPoints\" class=\"chart-points\"><\/g>\n <\/svg>\n \n <!-- Month labels -->\n <div class=\"chart-labels\">\n <span>Jan<\/span><span>Feb<\/span><span>M\u00e4r<\/span><span>Apr<\/span><span>Mai<\/span><span>Jun<\/span><span>Jul<\/span><span>Aug<\/span><span>Sep<\/span><span>Okt<\/span><span>Nov<\/span><span>Dez<\/span>\n <\/div>\n <\/div>\n \n <p class=\"chart-note\">*Basierend auf dem tats\u00e4chlichen Goldkurs 2025. Gold stieg um +45,9% (\u20ac2.535 \u2192 \u20ac3.699\/oz)<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- HOW IT WORKS - 3 Simple Steps -->\n<section class=\"steps-section\" id=\"so-gehts\">\n <div class=\"container\">\n <div class=\"steps-header fade-in\">\n <h2>So einfach geht's<\/h2>\n <\/div>\n <div class=\"steps-wrapper\">\n <div class=\"steps-line\"><\/div>\n <div class=\"steps-grid\">\n <div class=\"step-card fade-in\">\n <div class=\"step-num\">1<\/div>\n <h3>Formular ausf\u00fcllen<\/h3>\n <p>Trage dich unverbindlich ein. Wir brauchen nur wenige Angaben \u2013 kein Lebenslauf, keine Bewerbung.<\/p>\n <\/div>\n <div class=\"step-card fade-in\">\n <div class=\"step-num\">2<\/div>\n <h3>Wir melden uns<\/h3>\n <p>Ein pers\u00f6nlicher Ansprechpartner kontaktiert dich und erkl\u00e4rt dir alle Details in Ruhe.<\/p>\n <\/div>\n <div class=\"step-card fade-in\">\n <div class=\"step-num\">3<\/div>\n <h3>Leg los!<\/h3>\n <p>Teile deinen pers\u00f6nlichen Link und verdiene bei jeder erfolgreichen Empfehlung.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- BENEFITS - Keep minimal -->\n<section class=\"benefits-section\">\n <div class=\"container\">\n <div class=\"benefits-header fade-in\">\n <h2>Warum Partner werden?<\/h2>\n <p>Ein Nebeneinkommen, das zu deinem Leben passt<\/p>\n <\/div>\n <div class=\"benefits-grid\">\n <div class=\"benefit-item fade-in\">\n <div class=\"benefit-icon\">\u23f0<\/div>\n <div>\n <h4>Flexible Zeiteinteilung<\/h4>\n <p>Arbeite wann und wo du willst \u2013 perfekt als Nebenverdienst<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item fade-in\">\n <div class=\"benefit-icon\">\ud83e\ude99<\/div>\n <div>\n <h4>Echtes Gold inklusive<\/h4>\n <p>Dein Startpaket enth\u00e4lt echtes Gold \u2013 kein verlorenes Geld<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item fade-in\">\n <div class=\"benefit-icon\">\ud83d\udcc8<\/div>\n <div>\n <h4>Wachsender Markt<\/h4>\n <p>Gold-Investments sind gefragter denn je<\/p>\n <\/div>\n <\/div>\n <div class=\"benefit-item fade-in\">\n <div class=\"benefit-icon\">\ud83e\udd1d<\/div>\n <div>\n <h4>Pers\u00f6nliche Betreuung<\/h4>\n <p>Dein Ansprechpartner unterst\u00fctzt dich bei jedem Schritt<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FORM SECTION -->\n<section class=\"form-section\" id=\"formular\">\n <div class=\"container\">\n <div class=\"form-grid\">\n <div class=\"form-content fade-in\">\n <h2>Bereit durchzustarten?<\/h2>\n <p>F\u00fclle das kurze Formular aus und wir erkl\u00e4ren dir pers\u00f6nlich, wie du schon mit der ersten Empfehlung deinen Einsatz zur\u00fcckverdienst.<\/p>\n <ul>\n <li>Keine Bewerbungsunterlagen n\u00f6tig<\/li>\n <li>Pers\u00f6nliches Gespr\u00e4ch zum Kennenlernen<\/li>\n <li>Alle Pakete und Vorteile erkl\u00e4rt<\/li>\n <li>Du entscheidest, ob es passt<\/li>\n <\/ul>\n <\/div>\n <div class=\"form-box fade-in\">\n <h3>Jetzt informieren lassen<\/h3>\n <form action=\"#\" method=\"post\" data-trp-original-action=\"#\">\n <div class=\"form-group\">\n <label>Anrede *<\/label>\n <select required>\n <option value=\"\">Bitte w\u00e4hlen<\/option>\n <option value=\"frau\">Frau<\/option>\n <option value=\"herr\">Herr<\/option>\n <option value=\"divers\">Divers<\/option>\n <\/select>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Vorname *<\/label>\n <input type=\"text\" required placeholder=\"Max\">\n <\/div>\n <div class=\"form-group\">\n <label>Nachname *<\/label>\n <input type=\"text\" required placeholder=\"Mustermann\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>E-Mail *<\/label>\n <input type=\"email\" required placeholder=\"max@beispiel.de\">\n <\/div>\n <div class=\"form-group\">\n <label>Telefon *<\/label>\n <input type=\"tel\" required placeholder=\"+49 123 456789\">\n <\/div>\n <div class=\"form-group\">\n <label>Wie bist du auf uns aufmerksam geworden?<\/label>\n <select>\n <option value=\"\">Bitte w\u00e4hlen<\/option>\n <option value=\"social\">Social Media<\/option>\n <option value=\"website\">Website<\/option>\n <option value=\"empfehlung\">Empfehlung<\/option>\n <option value=\"sonstiges\">Sonstiges<\/option>\n <\/select>\n <\/div>\n <button type=\"submit\" class=\"btn btn-gold form-submit\">Absenden \u2192<\/button>\n <p class=\"form-note\">Mit dem Absenden erkl\u00e4rst du dich mit der einmaligen Kontaktaufnahme einverstanden. <a href=\"https:\/\/brettonwoods.gold\/en\/datenschutz\/\">Datenschutz<\/a><\/p>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- TRUST NUMBERS -->\n<section class=\"trust-section\">\n <div class=\"container\">\n <div class=\"trust-inner fade-in\">\n <div class=\"trust-item\">\n <div class=\"trust-item-value\">20%<\/div>\n <div class=\"trust-item-label\">Provision pro Verkauf<\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-item-value\">100%<\/div>\n <div class=\"trust-item-label\">Gold-gedeckt<\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-item-value\">\ud83c\udde8\ud83c\udded<\/div>\n <div class=\"trust-item-label\">Schweizer Qualit\u00e4t<\/div>\n <\/div>\n <div class=\"trust-item\">\n <div class=\"trust-item-value\">ab 99 \u20ac<\/div>\n <div class=\"trust-item-label\">Einstieg m\u00f6glich<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n\/\/ Enhanced Intersection Observer with staggered animations\nconst observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n};\n\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n \/\/ Add stagger delay based on element position\n const siblings = Array.from(entry.target.parentElement.children).filter(el => el.classList.contains('fade-in'));\n const index = siblings.indexOf(entry.target);\n entry.target.style.transitionDelay = `${index * 0.1}s`;\n entry.target.classList.add('visible');\n \n \/\/ Trigger chart animation when visible\n if (entry.target.closest('.chart-container')) {\n entry.target.closest('.chart-container').classList.add('animated');\n }\n \n observer.unobserve(entry.target);\n }\n });\n}, observerOptions);\n\ndocument.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n\/\/ Smooth scroll with offset for fixed header\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const target = document.querySelector(a.getAttribute('href'));\n if (target) {\n e.preventDefault();\n const headerOffset = 80;\n const elementPosition = target.getBoundingClientRect().top;\n const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n \n window.scrollTo({\n top: offsetPosition,\n behavior: 'smooth'\n });\n }\n });\n});\n\n\/\/ Parallax effect for hero elements\nlet ticking = false;\nwindow.addEventListener('scroll', () => {\n if (!ticking) {\n window.requestAnimationFrame(() => {\n const scrolled = window.pageYOffset;\n const heroContent = document.querySelector('.hero-content');\n const coins = document.querySelectorAll('.floating-coin');\n const orbs = document.querySelectorAll('.glow-orb');\n \n if (heroContent && scrolled < window.innerHeight) {\n heroContent.style.transform = `translateY(${scrolled * 0.3}px)`;\n heroContent.style.opacity = 1 - (scrolled \/ window.innerHeight);\n }\n \n coins.forEach((coin, i) => {\n coin.style.transform = `translateY(${scrolled * (0.1 + i * 0.05)}px) rotateY(${scrolled * 0.5}deg)`;\n });\n \n orbs.forEach((orb, i) => {\n orb.style.transform = `scale(${1 + scrolled * 0.0005}) translateY(${scrolled * (0.1 + i * 0.02)}px)`;\n });\n \n ticking = false;\n });\n ticking = true;\n }\n});\n\n\/\/ Magnetic button effect\ndocument.querySelectorAll('.btn').forEach(btn => {\n btn.addEventListener('mousemove', (e) => {\n const rect = btn.getBoundingClientRect();\n const x = e.clientX - rect.left - rect.width \/ 2;\n const y = e.clientY - rect.top - rect.height \/ 2;\n \n btn.style.transform = `translate(${x * 0.1}px, ${y * 0.1}px)`;\n });\n \n btn.addEventListener('mouseleave', () => {\n btn.style.transform = '';\n });\n});\n\n\/\/ Form input animations\ndocument.querySelectorAll('.form-group input, .form-group select').forEach(input => {\n input.addEventListener('focus', () => {\n input.parentElement.classList.add('focused');\n });\n \n input.addEventListener('blur', () => {\n input.parentElement.classList.remove('focused');\n if (input.value) {\n input.parentElement.classList.add('filled');\n } else {\n input.parentElement.classList.remove('filled');\n }\n });\n});\n\n\/\/ Counter animation for stats\nfunction animateCounter(element, target, duration = 2000) {\n const start = 0;\n const increment = target \/ (duration \/ 16);\n let current = start;\n \n const timer = setInterval(() => {\n current += increment;\n if (current >= target) {\n element.textContent = target + (element.dataset.suffix || '');\n clearInterval(timer);\n } else {\n element.textContent = Math.floor(current) + (element.dataset.suffix || '');\n }\n }, 16);\n}\n\n\/\/ Observe trust items for counter animation\nconst trustObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const value = entry.target.querySelector('.trust-item-value');\n const text = value.textContent;\n const num = parseInt(text.replace(\/[^0-9]\/g, ''));\n if (num && !entry.target.classList.contains('counted')) {\n entry.target.classList.add('counted');\n value.dataset.suffix = text.replace(\/[0-9]\/g, '');\n animateCounter(value, num);\n }\n trustObserver.unobserve(entry.target);\n }\n });\n}, { threshold: 0.5 });\n\ndocument.querySelectorAll('.trust-item').forEach(el => trustObserver.observe(el));\n\n\/\/ Ripple effect for buttons\ndocument.querySelectorAll('.btn').forEach(btn => {\n btn.addEventListener('click', function(e) {\n const ripple = document.createElement('span');\n ripple.classList.add('ripple');\n this.appendChild(ripple);\n \n const rect = this.getBoundingClientRect();\n const size = Math.max(rect.width, rect.height);\n ripple.style.width = ripple.style.height = size + 'px';\n ripple.style.left = e.clientX - rect.left - size \/ 2 + 'px';\n ripple.style.top = e.clientY - rect.top - size \/ 2 + 'px';\n \n setTimeout(() => ripple.remove(), 600);\n });\n});\n\n\/\/ Tilt effect for cards\ndocument.querySelectorAll('.calc-box, .form-box, .chart-container').forEach(card => {\n card.addEventListener('mousemove', (e) => {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n \n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n \n const rotateX = (y - centerY) \/ 20;\n const rotateY = (centerX - x) \/ 20;\n \n card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.02)`;\n });\n \n card.addEventListener('mouseleave', () => {\n card.style.transform = '';\n });\n});\n\n\/\/ Gold Chart Interactive with enhanced animations\nconst goldData2025 = [\n { month: 'Jan', price: 2535 },\n { month: 'Feb', price: 2680 },\n { month: 'M\u00e4r', price: 2820 },\n { month: 'Apr', price: 2950 },\n { month: 'Mai', price: 2890 },\n { month: 'Jun', price: 3020 },\n { month: 'Jul', price: 3150 },\n { month: 'Aug', price: 3280 },\n { month: 'Sep', price: 3450 },\n { month: 'Okt', price: 3755 },\n { month: 'Nov', price: 3620 },\n { month: 'Dez', price: 3699 }\n];\n\nconst packages = {\n ticket: { name: 'Golden Ticket', price: 99, goldGrams: 1 },\n compass: { name: 'Golden Compass', price: 349, goldGrams: 3.5 },\n rush: { name: 'Gold Rush', price: 799, goldGrams: 8 },\n eldorado: { name: 'El Dorado', price: 1999, goldGrams: 20 }\n};\n\nlet currentPackage = 'ticket';\n\nfunction calculateGoldValue(grams, pricePerOz) {\n const pricePerGram = pricePerOz \/ 31.1035;\n return grams * pricePerGram;\n}\n\nfunction animateValue(element, start, end, duration = 800) {\n const startTime = performance.now();\n const suffix = element.textContent.includes('\u20ac') ? ' \u20ac' : (element.textContent.includes('%') ? '%' : '');\n const prefix = element.textContent.includes('+') ? '+' : '';\n \n function update(currentTime) {\n const elapsed = currentTime - startTime;\n const progress = Math.min(elapsed \/ duration, 1);\n const easeProgress = 1 - Math.pow(1 - progress, 3); \/\/ Ease out cubic\n \n const current = Math.round(start + (end - start) * easeProgress);\n element.textContent = prefix + current + suffix;\n \n if (progress < 1) {\n requestAnimationFrame(update);\n }\n }\n \n requestAnimationFrame(update);\n}\n\nfunction updateChart(pkg) {\n const prevPackage = currentPackage;\n currentPackage = pkg;\n const packageData = packages[pkg];\n const prevPackageData = packages[prevPackage];\n \n \/\/ Update toggle buttons with animation\n document.querySelectorAll('.chart-toggle').forEach(btn => {\n const isActive = btn.dataset.package === pkg;\n btn.classList.toggle('active', isActive);\n });\n \n \/\/ Calculate values\n const startPrice = goldData2025[0].price;\n const endPrice = goldData2025[11].price;\n const startValue = calculateGoldValue(packageData.goldGrams, startPrice);\n const endValue = calculateGoldValue(packageData.goldGrams, endPrice);\n const profit = endValue - startValue;\n const profitPercent = ((endValue - startValue) \/ startValue * 100).toFixed(1);\n \n \/\/ Get previous values for animation\n const prevStartValue = calculateGoldValue(prevPackageData.goldGrams, startPrice);\n const prevEndValue = calculateGoldValue(prevPackageData.goldGrams, endPrice);\n const prevProfit = prevEndValue - prevStartValue;\n \n \/\/ Animate stats\n animateValue(document.getElementById('startValue'), Math.round(prevStartValue), Math.round(startValue));\n animateValue(document.getElementById('endValue'), Math.round(prevEndValue), Math.round(endValue));\n animateValue(document.getElementById('profitValue'), Math.round(prevProfit), Math.round(profit));\n document.getElementById('profitPercent').textContent = '+' + profitPercent + '%';\n \n \/\/ Generate chart path\n const width = 800;\n const height = 280;\n const padding = 10;\n \n const minPrice = Math.min(...goldData2025.map(d => d.price)) * 0.95;\n const maxPrice = Math.max(...goldData2025.map(d => d.price)) * 1.02;\n \n const points = goldData2025.map((d, i) => {\n const x = padding + (i \/ 11) * (width - padding * 2);\n const y = height - padding - ((d.price - minPrice) \/ (maxPrice - minPrice)) * (height - padding * 2);\n return { x, y };\n });\n \n \/\/ Create smooth curve\n const linePath = points.map((p, i) => {\n if (i === 0) return `M${p.x},${p.y}`;\n const prev = points[i - 1];\n const cpx = (prev.x + p.x) \/ 2;\n return `C${cpx},${prev.y} ${cpx},${p.y} ${p.x},${p.y}`;\n }).join(' ');\n \n const areaPath = linePath + ` L${points[11].x},${height} L${points[0].x},${height} Z`;\n \n \/\/ Animate paths\n const chartLine = document.getElementById('chartLine');\n const chartArea = document.getElementById('chartArea');\n \n chartLine.style.transition = 'd 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n chartArea.style.transition = 'd 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\n \n chartLine.setAttribute('d', linePath);\n chartArea.setAttribute('d', areaPath);\n \n \/\/ Update points with staggered animation\n const pointsGroup = document.getElementById('chartPoints');\n pointsGroup.innerHTML = points.map((p, i) => \n `<circle cx=\"${p.x}\" cy=\"${p.y}\" r=\"0\" data-month=\"${goldData2025[i].month}\" data-price=\"${goldData2025[i].price}\" style=\"animation: pointPop 0.4s ease ${i * 0.05}s forwards\"\/>`\n ).join('');\n}\n\n\/\/ Tooltip for chart points\ndocument.addEventListener('mouseover', (e) => {\n if (e.target.matches('.chart-points circle')) {\n const month = e.target.dataset.month;\n const price = e.target.dataset.price;\n \n let tooltip = document.querySelector('.chart-tooltip');\n if (!tooltip) {\n tooltip = document.createElement('div');\n tooltip.className = 'chart-tooltip';\n document.body.appendChild(tooltip);\n }\n \n tooltip.innerHTML = `<strong>${month} 2025<\/strong><br>\u20ac${parseInt(price).toLocaleString()}\/oz`;\n tooltip.style.opacity = '1';\n tooltip.style.left = e.pageX + 10 + 'px';\n tooltip.style.top = e.pageY - 40 + 'px';\n }\n});\n\ndocument.addEventListener('mouseout', (e) => {\n if (e.target.matches('.chart-points circle')) {\n const tooltip = document.querySelector('.chart-tooltip');\n if (tooltip) tooltip.style.opacity = '0';\n }\n});\n\n\/\/ Initialize\ndocument.addEventListener('DOMContentLoaded', () => {\n updateChart('ticket');\n \n \/\/ Add click handlers to toggles\n document.querySelectorAll('.chart-toggle').forEach(btn => {\n btn.addEventListener('click', () => {\n updateChart(btn.dataset.package);\n });\n });\n \n \/\/ Add keyboard navigation for chart toggles\n document.querySelectorAll('.chart-toggle').forEach((btn, index, btns) => {\n btn.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowRight' && index < btns.length - 1) {\n btns[index + 1].focus();\n btns[index + 1].click();\n } else if (e.key === 'ArrowLeft' && index > 0) {\n btns[index - 1].focus();\n btns[index - 1].click();\n }\n });\n });\n \n \/\/ Preload animations\n document.body.classList.add('loaded');\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Partner werden \u2013 Bretton Woods digital AG Au Au Au Partner-Programm Verdiene 200 \u20ac und mehr mit jeder Empfehlung Empfiehl das sicherste […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2926","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brettonwoods.gold\/en\/wp-json\/wp\/v2\/pages\/2926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brettonwoods.gold\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brettonwoods.gold\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brettonwoods.gold\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brettonwoods.gold\/en\/wp-json\/wp\/v2\/comments?post=2926"}],"version-history":[{"count":17,"href":"https:\/\/brettonwoods.gold\/en\/wp-json\/wp\/v2\/pages\/2926\/revisions"}],"predecessor-version":[{"id":2945,"href":"https:\/\/brettonwoods.gold\/en\/wp-json\/wp\/v2\/pages\/2926\/revisions\/2945"}],"wp:attachment":[{"href":"https:\/\/brettonwoods.gold\/en\/wp-json\/wp\/v2\/media?parent=2926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}