PageSourceSearch

https://dfx.swiss/dfx-toolbox

html dfx.swiss collected 2026-10-01 13:51:00 UTC 52,305 bytes, 696 lines download raw bytes

1<!DOCTYPE html><!--  This site was created in Webflow. https://webflow.com  --><!--  Last Published: Tue Sep 02 2025 07:54:48 GMT+0000 (Coordinated Universal Time)  -->
2<html data-wf-page="685c34886510fcf81b619b1c" data-wf-site="6858f1072bf539f3881c69f8" lang="de">
3<head>
4  <meta charset="utf-8">
5  <title>Krypto On-Ramp API &amp; White Label Integration | DFX Toolbox</title>
6  <meta content="DFX Toolbox: Fiat-Krypto On-/Off-Ramp per API oder iFrame integrieren. White-Label Lösung für Wallets, Fintechs und Apps mit Schweizer Infrastruktur." name="description">
7  <meta name="keywords" content="Krypto Integration, Fiat Krypto API, White Label On-Ramp, Krypto Off-Ramp API, crypto on-ramp, Non-Custodial, Wallet SDK, B2B Krypto, Crypto Integration, Swiss crypto exchange">
8  <meta content="DFX Toolbox – Krypto On-Ramp API &amp; White Label Integration" property="og:title">
9  <meta content="Fiat-Krypto On-/Off-Ramp per API oder iFrame integrieren. White-Label Lösung für Wallets, Fintechs und Apps mit Schweizer Infrastruktur." property="og:description">
10  <meta property="og:image" content="https://dfx.swiss/images/og_image.png">
11  <meta property="og:image:secure_url" content="https://dfx.swiss/images/og_image.png">
12  <meta property="og:image:type" content="image/png">
13  <meta property="og:image:width" content="1200">
14  <meta property="og:image:height" content="630">
15  <meta property="og:image:alt" content="DFX Toolbox – White-Label Krypto-Integration">
16  <meta property="og:site_name" content="DFX">
17  <meta content="DFX Toolbox – Krypto On-Ramp API &amp; White Label Integration" property="twitter:title">
18  <meta content="Fiat-Krypto On-/Off-Ramp per API oder iFrame integrieren. White-Label Lösung für Wallets, Fintechs und Apps mit Schweizer Infrastruktur." property="twitter:description">
19  <meta content="https://dfx.swiss/images/og_image.png" property="twitter:image">
20  <meta content="DFX Toolbox – API und White-Label Krypto Integration" property="twitter:image:alt">
21  <meta property="og:type" content="website">
22  <meta property="og:locale" content="de_CH">
23  <meta property="og:locale:alternate" content="en_US">
24  <meta property="og:locale:alternate" content="fr_FR">
25  <meta property="og:locale:alternate" content="it_IT">
26  <meta content="summary_large_image" name="twitter:card">
27  <meta name="twitter:site" content="@DFX_Swiss">
28  <meta name="twitter:creator" content="@DFX_Swiss">
29  <meta content="width=device-width, initial-scale=1" name="viewport">
30  <meta name="theme-color" content="#0a3055">
31  <meta property="og:url" content="https://dfx.swiss/dfx-toolbox.html">
32  <meta name="author" content="DFX AG">
33  <meta name="geo.region" content="CH-ZG">
34  <meta name="geo.placename" content="Zug">
35  <link href="css/normalize.css" rel="stylesheet" type="text/css">
36  <link href="css/webflow.css" rel="stylesheet" type="text/css">
37  <link href="css/dfx-new.webflow.css?v=20260623e" rel="stylesheet" type="text/css">
38  
38<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
38
39  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
40  <link href="images/webclip.png" rel="apple-touch-icon">
41  <link href="https://dfx.swiss/dfx-toolbox.html" rel="canonical">
42  <link rel="alternate" hreflang="de" href="https://dfx.swiss/dfx-toolbox.html">
43  <link rel="alternate" hreflang="en" href="https://dfx.swiss/dfx-toolbox.html?lang=en">
44  <link rel="alternate" hreflang="fr" href="https://dfx.swiss/dfx-toolbox.html?lang=fr">
45  <link rel="alternate" hreflang="it" href="https://dfx.swiss/dfx-toolbox.html?lang=it">
46  <link rel="alternate" hreflang="x-default" href="https://dfx.swiss/dfx-toolbox.html">
47  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
48  <link rel="alternate" type="text/plain" href="https://dfx.swiss/llms.txt" title="LLM-readable company profile">
49  <link rel="alternate" type="text/plain" href="https://dfx.swiss/llms-full.txt" title="LLM-readable detailed profile">
50  <link rel="alternate" type="text/plain" href="https://dfx.swiss/agents.txt" title="AI agent instructions">
51  <link rel="alternate" type="application/json" href="https://dfx.swiss/ai-index.json" title="AI-readable site index">
52  <link href="css/dfx-dark-theme.css?v=20260703a" rel="stylesheet" type="text/css">
53  
53<script src="js/lib/i18n-core.js"></script>
53
54  
54<script src="js/i18n.js"></script>
54
55  
55<script src="js/dfx-dark-reveal.js?v=20260701d" defer></script>
55
56  
56<script type="application/ld+json">
57  {
58    "@context": "https://schema.org",
59    "@type": "SoftwareApplication",
60    "name": "DFX Toolbox",
61    "url": "https://dfx.swiss/dfx-toolbox.html",
62    "applicationCategory": "DeveloperApplication",
63    "operatingSystem": "Web",
64    "description": "White-label fiat on-/off-ramp integration for wallet providers and crypto apps. Integrate DFX bank-to-wallet infrastructure with just a few lines of code.",
65    "offers": {
66      "@type": "Offer",
67      "price": "0",
68      "priceCurrency": "CHF",
69      "description": "Revenue-sharing model for partners"
70    },
71    "featureList": "White-Label Integration, API, Wallet SDK, Fiat On-Ramp, Fiat Off-Ramp, SEPA, SEPA Instant, Non-Custodial, Swiss Regulated",
72    "provider": {
73      "@type": "Organization",
74      "name": "DFX AG",
75      "url": "https://dfx.swiss",
76      "address": {
77        "@type": "PostalAddress",
78        "streetAddress": "Bahnhofstrasse 7",
79        "addressLocality": "Zug",
80        "postalCode": "6300",
81        "addressCountry": "CH"
82      }
83    }
84  }
85  </script>
85
86  
86<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
86
87  <!--
88<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
88
89 -->
90  
90<script type="application/ld+json">
91  {
92    "@context": "https://schema.org",
93    "@type": "BreadcrumbList",
94    "itemListElement": [
95      {
96        "@type": "ListItem",
97        "position": 1,
98        "name": "Home",
99        "item": "https://dfx.swiss/"
100      },
101      {
102        "@type": "ListItem",
103        "position": 2,
104        "name": "DFX Toolbox",
105        "item": "https://dfx.swiss/dfx-toolbox.html"
106      }
107    ]
108  }
109  </script>
109
110</head>
111<body class="body dfx-dark-page">
112  <div class="page-wrapper">
113    <div data-animation="default" class="navbar w-nav" data-easing2="ease" data-easing="ease" data-collapse="medium" role="banner" data-no-scroll="1" data-duration="200" data-doc-height="1">
114      <div class="padding-global padding-section-nav">
115        <div class="container-large">
116          <div class="nav-wrapper">
117            <div class="nav-logo_wrapper">
118              <a href="index.html" class="nav-logo_link w-nav-brand"><img width="124" height="Auto" alt="DFX Logo" src="images/DFX-Logos.svg" loading="lazy" class="nav-logo"></a>
119            </div>
120            <nav role="navigation" class="nav-menu w-nav-menu">
121              <div class="nav_links-wrapper">
122                <a href="index.html" class="nav-link w-nav-link" data-i18n="nav.services">DFX Ramp</a>
123                <a href="dfx-toolbox.html" aria-current="page" class="nav-link w-nav-link w--current" data-i18n="nav.toolbox">DFX Toolbox</a>
124                <a href="dfx-taro-app.html" class="nav-link w-nav-link" data-i18n="nav.taro">BTC Taro App</a>
125                <a href="dfx-services-ag.html" class="nav-link w-nav-link" data-i18n="nav.services_ag">DFX Services AG</a>
126                <a href="help.html" class="nav-link w-nav-link" data-i18n="nav.support">Support</a>
127                <a href="https://dfx.shop/" target="_blank" rel="noopener noreferrer" class="nav-link w-nav-link" data-i18n="nav.shop">Shop</a>
128              </div>
129              <div class="nav_button-wrapper">
130                <a data-figma-id="7571:10030" href="https://app.dfx.swiss/?lang=en" target="_blank" rel="noopener noreferrer" class="nav-button hide-desktop w-inline-block">
131                  <div data-i18n="nav.buy_now">Jetzt kaufen</div>
132                </a>
133                <a href="https://app.dfx.swiss/login?lang=en" target="_blank" rel="noopener noreferrer" class="nav-button nav-button--secondary hide-desktop w-inline-block">
134                  <div data-i18n="nav.login">Login</div>
135                </a>
136                <div data-delay="0" data-hover="false" class="wg-element hide-desktop w-dropdown">
137                  <div class="wg-dropdown-toggle w-dropdown-toggle">
138                    <div class="wg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="none" viewBox="0 0 25 25">
139                        <style>
140    .st0-globe {
141      stroke: currentColor;
142      stroke-width: 1.5;
143      stroke-linecap: round;
144      stroke-linejoin: round;
145    }
146  </style>
147                        <g style="clip-path:url(#clip0_2920_18870)">
148                          <path d="M2.836 12.035c0 5.523 4.477 10 10 10s10-4.477 10-10-4.477-10-10-10-10 4.477-10 10" class="st0-globe"></path>
149                          <path d="M13.835 2.086s3 3.95 3 9.95-3 9.95-3 9.95m-2 0s-3-3.95-3-9.95 3-9.95 3-9.95m-8.37 13.45h18.74m-18.74-7h18.74" class="st0-globe"></path>
150                        </g>
151                        <defs>
152                          <clippath id="clip0_2920_18870">
153                            <path fill="#000000" d="M.836.035h26v26h-26z"></path>
154                          </clippath>
155                        </defs>
156                      </svg></div>
157                  </div>
158                  <nav class="wg-dropdown w-dropdown-list">
159                    <div class="wg-wrapper">
160                      <div class="language" data-i18n="nav.language">Language</div>
161                      <div class="weglot-switcher-component">
162                        <div class="weglot-switcher">
163                          <a lang="en" href="#" class="switcher_link w-inline-block">
164                            <div class="switcher_text">en</div>
165                          </a>
166                          <a lang="de" href="#" class="switcher_link w-inline-block">
167                            <div class="switcher_text">de</div>
168                          </a>
169                          <a lang="it" href="#" class="switcher_link w-inline-block">
170                            <div class="switcher_text">it</div>
171                          </a>
172                          <a lang="fr" href="#" class="switcher_link w-inline-block">
173                            <div class="switcher_text">fr</div>
174                          </a>
175                        </div>
176                      </div>
177                      <div class="wg-dropdown_arrow"></div>
178                    </div>
179                  </nav>
180                </div>
181              </div>
182            </nav>
183            <div class="nav-button_wrapper">
184              <a href="https://app.dfx.swiss/login?lang=en" target="_blank" rel="noopener noreferrer" class="nav-button nav-button--secondary hide-tablet w-inline-block">
185                <div data-i18n="nav.login">Login</div>
186              </a>
187              <a data-figma-id="7571:10030" href="https://app.dfx.swiss/?lang=en" target="_blank" rel="noopener noreferrer" class="nav-button hide-tablet w-inline-block">
188                <div data-i18n="nav.buy_now">Jetzt kaufen</div>
189              </a>
190              <div class="menu-button w-nav-button">
191                <div class="icon w-icon-nav-menu"></div>
192              </div>
193            </div>
194            <div data-delay="0" data-hover="false" class="wg-element hide-tablet w-dropdown">
195              <div class="wg-dropdown-toggle w-dropdown-toggle">
196                <div class="wg-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="none" viewBox="0 0 25 25">
197                    <style>
198    .st0-globe {
199      stroke: currentColor;
200      stroke-width: 1.5;
201      stroke-linecap: round;
202      stroke-linejoin: round;
203    }
204  </style>
205                    <g style="clip-path:url(#clip0_2920_18870_2)">
206                      <path d="M2.836 12.035c0 5.523 4.477 10 10 10s10-4.477 10-10-4.477-10-10-10-10 4.477-10 10" class="st0-globe"></path>
207                      <path d="M13.835 2.086s3 3.95 3 9.95-3 9.95-3 9.95m-2 0s-3-3.95-3-9.95 3-9.95 3-9.95m-8.37 13.45h18.74m-18.74-7h18.74" class="st0-globe"></path>
208                    </g>
209                    <defs>
210                      <clippath id="clip0_2920_18870_2">
211                        <path fill="#000000" d="M.836.035h26v26h-26z"></path>
212                      </clippath>
213                    </defs>
214                  </svg></div>
215              </div>
216              <nav class="wg-dropdown w-dropdown-list">
217                <div class="wg-wrapper">
218                  <div class="language" data-i18n="nav.language">Language</div>
219                  <div class="weglot-switcher-component">
220                    <div class="weglot-switcher">
221                      <a lang="en" href="#" class="switcher_link w-inline-block">
222                        <div class="switcher_text">en</div>
223                      </a>
224                      <a lang="de" href="#" class="switcher_link w-inline-block">
225                        <div class="switcher_text">de</div>
226                      </a>
227                      <a lang="it" href="#" class="switcher_link w-inline-block">
228                        <div class="switcher_text">it</div>
229                      </a>
230                      <a lang="fr" href="#" class="switcher_link w-inline-block">
231                        <div class="switcher_text">fr</div>
232                      </a>
233                    </div>
234                  </div>
235                  <div class="wg-dropdown_arrow"></div>
236                </div>
237              </nav>
238            </div>
239            <div class="hide w-embed w-script">
240              
240<script>
241// Close dropdown
242var Webflow = Webflow || [];
243Webflow.push(function () {
244  $(document).ready(function() {
245    $('.switcher_link').on('click', function () {
246      $(".w-dropdown").trigger("w-close");
247    });
248    $(document).on('keydown', function (e) {
249      if (e.key === 'Escape') {
250        $(".w-dropdown").trigger("w-close");
251      }
252    });
253  });
254});
255</script>
255
256            </div>
257          </div>
258        </div>
259      </div>
260    </div>
261    <main class="main-wrapper">
262      <section class="dk-hero" aria-label="Hero">
263        <div class="dk-hero__video" aria-hidden="true">
264          <video autoplay muted loop playsinline preload="metadata" poster="media/matterhorn-poster.jpg">
265            <source src="media/matterhorn-web.mp4" type="video/mp4">
266          </video>
267        </div>
268        <div class="dk-hero__overlay"></div>
269        <div class="dk-hero__gradient"></div>
270        <div class="dk-hero__gradient-top"></div>
271        <div class="dk-container">
272          <div class="dk-hero__content">
273            <h1 class="dk-hero__title" data-i18n-html="toolbox.hero_title">DFX Toolbox –<br>Die Lösung für nahtlose <span style="color: var(--dk-red)">Fiat-Krypto</span>-Integrationen</h1>
274            <p class="dk-hero__sub" data-i18n="toolbox.hero_sub">Erweitern Sie Ihr Produkt um einen Fiat On-/Off-Ramp. API- und iFrame-Lösung, 80+ Coins, 15 Blockchains. In Minuten integriert.</p>
275            <div class="dk-hero__ctas">
276              <a href="/cdn-cgi/l/email-protection#e58790968c8b809696a581839dcb96928c9696da9690878f808691d8ac8b94908c979c" class="dk-btn dk-btn--primary" data-i18n="toolbox.hero_cta">Kontakt aufnehmen</a>
277              <a href="https://github.com/DFXswiss" target="_blank" rel="noopener noreferrer" class="dk-btn dk-btn--ghost">GitHub</a>
278            </div>
279          </div>
280        </div>
281      </section>
282
283      <!-- FEATURES -->
284      <div style="background: #071e3a; border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);">
285        <div style="max-width: 900px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); padding: 4rem 2rem;">
286          <div style="text-align: center; padding: 0 1.5rem; border-right: 1px solid rgba(255,255,255,0.06);">
287            <svg width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#f5516c" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 1rem;"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>
288            <div style="color: #fff; font-weight: 700; font-size: 1.25rem; font-family: Inter, Arial, sans-serif; margin-bottom: 0.5rem;" data-i18n="toolbox.feat1_title">Nahtlose Integration</div>
289            <div style="color: #8a99b7; font-size: 0.95rem; font-family: Inter, Arial, sans-serif; line-height: 1.6;" data-i18n="toolbox.feat1_desc">API- und iFrame-Lösung für Ihr Produkt</div>
290          </div>
291          <div style="text-align: center; padding: 0 1.5rem; border-right: 1px solid rgba(255,255,255,0.06);">
292            <svg width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#f5516c" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 1rem;"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z"/></svg>
293            <div style="color: #fff; font-weight: 700; font-size: 1.25rem; font-family: Inter, Arial, sans-serif; margin-bottom: 0.5rem;" data-i18n="toolbox.feat2_title">Multi-Chain</div>
294            <div style="color: #8a99b7; font-size: 0.95rem; font-family: Inter, Arial, sans-serif; line-height: 1.6;" data-i18n="toolbox.feat2_desc">80+ Kryptowährungen auf 15 Blockchains</div>
295          </div>
296          <div style="text-align: center; padding: 0 1.5rem;">
297            <svg width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#f5516c" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 1rem;"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
298            <div style="color: #fff; font-weight: 700; font-size: 1.25rem; font-family: Inter, Arial, sans-serif; margin-bottom: 0.5rem;" data-i18n="toolbox.feat3_title">Open Source</div>
299            <div style="color: #8a99b7; font-size: 0.95rem; font-family: Inter, Arial, sans-serif; line-height: 1.6;" data-i18n="toolbox.feat3_desc">
299Vollständig transparent und anpassbar</div>
300          </div>
301        </div>
302      </div>
303
304      <section class="section_toolbox-code" aria-label="Integration">
305        <div class="padding-global padding-section-code">
306          <div class="container-main">
307            <h2 class="text-aling-center" style="margin-bottom: 3rem;" data-i18n="toolbox.code_heading">Unser Werkzeugkasten für Ihr Produkt</h2>
308            <div class="code-layout">
309              <div class="code_left-side"><img src="images/code.svg" loading="lazy" alt="Code Integration Beispiel" class="code_lift-side_image">
310                <div class="toolbox-animation_wrapper">
311                  <div class="toolbox-animation_bg">
312                    <div class="toolbox-animation_top-bar">
313                      <div>Our App</div>
314                    </div>
315                    <div class="toolbox-animation_area">
316                      <div class="toolbox-animation_main-wrapper">
317                        <div id="dash" class="toolbox-animation_dash"></div>
318                      </div>
319                      <div id="image-wrapper" class="toolbox-animation_image-wrapper"><img src="images/DFX.swiss--Buy--Sell-directly-into-your-wallet-1-1.png" loading="lazy" width="237.5" id="image" alt="DFX Buy and Sell direkt in deine Wallet" class="toolbox-animation_image"></div>
320                    </div>
321                  </div>
322                </div>
323              </div>
324              <div class="code_right-side">
325                <div class="code_right-side_heading">
326                  <div class="text-style-allcaps text-size-s text-color-r150" data-i18n="toolbox.code_label">Integration</div>
327                  <h4 style="color: var(--dk-text-dim) !important;" data-i18n="toolbox.code_title">In wenigen Minuten integriert</h4>
328                </div>
329                <p data-i18n="toolbox.code_desc">Integrieren Sie unsere DFX-Toolbox in Ihre Website und richten Sie mit unserer nahtlosen iFrame-Lösung in wenigen Minuten Ihre On- und Off-Ramp ein, oder nutzen Sie unsere APIs für eine tiefere Integration. Vergessen Sie nicht – alles, was wir tun, ist Open-Source.</p>
330              </div>
331            </div>
332          </div>
333        </div>
334      </section>
335      <section class="section_toolbox-services" aria-label="Business Services">
336        <div class="padding-global padding-section-services">
337          <div class="container-main">
338            <div class="code-layout">
339              <div class="services_left-side">
340                <div class="services_right-side_heading">
341                  <h2 class="text-color-g950" data-i18n="toolbox.biz_heading">Business Services</h2>
342                  <p data-i18n="toolbox.biz_desc">Sie möchten Ihr digitales Asset-Projekt auf das nächste Level heben? Wir bieten Ihnen ganzheitliche Unterstützung – von regulatorischer Expertise bis hin zu massgeschneiderten technischen Lösungen – für einen reibungslosen und erfolgreichen Start.</p>
343                </div>
344                <a href="/cdn-cgi/l/email-protection#88eafdfbe1e6edfbfbc8eceef0a6fbffe1fbfbb7fbfdeae2edebfcb5c1e6f9fde1faf1" class="button dark-outline w-button" data-i18n="toolbox.biz_cta">Kontakt aufnehmen</a>
345              </div>
346              <div class="services_right-side">
347                <div class="services_right-side_line"><img src="images/check-icon-2.svg" loading="lazy" alt="Häkchen" class="services_right-side_icon">
348                  <p class="text-size-xl text-weight-bold" data-i18n="toolbox.biz_item1">On-Off-Ramp Widget</p>
349                </div>
350                <div class="services_right-side_line"><img src="images/check-icon-2.svg" loading="lazy" alt="Häkchen" class="services_right-side_icon">
351                  <p class="text-size-xl text-weight-bold" data-i18n="toolbox.biz_item2">OTC Dienste</p>
352                </div>
353                <div class="services_right-side_line"><img src="images/check-icon-2.svg" loading="lazy" alt="Häkchen" class="services_right-side_icon">
354                  <p class="text-size-xl text-weight-bold" data-i18n="toolbox.biz_item3">Kompletter KYC-Prozess (Kundenverifizierung)</p>
355                </div>
356              </div>
357            </div>
358            <div class="spacer-xhuge"></div>
359            <h4 class="text-aling-center text-color-g900" data-i18n="toolbox.integrations_heading">DFX Toolbox: Erfolgreich integriert</h4>
360            <div class="integration-wrapper">
361              <a href="https://cakewallet.com/" target="_blank" rel="noopener noreferrer" class="w-inline-block"><img src="images/cake-wallet-logo.svg" loading="lazy" alt="Cake Wallet Integration" class="integration-logo"></a>
362              <a href="https://opencryptopay.io/" target="_blank" rel="noopener noreferrer" class="w-inline-block"><img src="images/Open-Crypto-Pay-Logo.svg" loading="lazy" alt="Open Crypto Pay Integration" class="integration-logo _2"></a>
363              <a href="https://exchange.pointpay.io/" target="_blank" rel="noopener noreferrer" class="w-inline-block"><img src="images/PointPay-Logo.svg" loading="lazy" alt="PointPay Integration" class="integration-logo"></a>
364              <a href="https://deuro.com/" target="_blank" rel="noopener noreferrer" class="w-inline-block"><img src="images/decentralized-EURO-logo.svg" loading="lazy" alt="Decentralized Euro Integration" class="integration-logo"></a>
365              <a href="https://frankencoin.app/" target="_blank" rel="noopener noreferrer" class="link-block-4 w-inline-block"><img src="images/Frankencoin-Logo.svg" loading="lazy" alt="Frankencoin Integration" class="integration-logo _3"></a>
366            </div>
367          </div>
368        </div>
369      </section>
370      <section class="dk-section dk-section--dark dk-faq-section" aria-label="FAQ">
371        <div class="dk-container">
372          <div style="text-align: center; margin-bottom: 3.5rem;">
373            <h2 class="dk-section__title" data-i18n="faq.heading">Fragen, die uns oft erreichen</h2>
374          </div>
375          <div class="dk-faq-list">
376            <div class="faq_list">
377              <div class="w-layout-grid faq_list-grid">
378                    <div class="faq_accordion">
379                      <div data-w-id="3c88293b-1fea-9225-26cd-6111f45926b2" class="faq_question">
380                        <div class="faq_text" data-i18n="faq.q1">Was genau beinhaltet der Service von DFX?</div>
381                        <div class="faq_icon-wrapper">
382                          <div class="icon-embed-small w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
383                              <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29279 7.29308C3.48031 7.10561 3.73462 7.00029 3.99979 7.00029C4.26495 7.00029 4.51926 7.10561 4.70679 7.29308L11.9998 14.5861L19.2928 7.29308C19.385 7.19757 19.4954 7.12139 19.6174 7.06898C19.7394 7.01657 19.8706 6.98898 20.0034 6.98783C20.1362 6.98668 20.2678 7.01198 20.3907 7.06226C20.5136 7.11254 20.6253 7.18679 20.7192 7.28069C20.8131 7.37458 20.8873 7.48623 20.9376 7.60913C20.9879 7.73202 21.0132 7.8637 21.012 7.99648
383C21.0109 8.12926 20.9833 8.26048 20.9309 8.38249C20.8785 8.50449 20.8023 8.61483 20.7068 8.70708L12.7068 16.7071C12.5193 16.8946 12.265 16.9999 11.9998 16.9999C11.7346 16.9999 11.4803 16.8946 11.2928 16.7071L3.29279 8.70708C3.10532 8.51955 3 8.26525 3 8.00008C3 7.73492 3.10532 7.48061 3.29279 7.29308Z" fill="currentColor"></path>
384                            </svg></div>
385                        </div>
386                      </div>
387                      <div class="faq_answer">
388                        <div class="margin-bottom margin-small">
389                          <div class="max-width-large">
390                            <p class="text-color-g950 text-weight-light" data-i18n-html="faq.a1">DFX ist die Brücke zwischen der Bank und dem Krypto-Space und ermöglicht somit Privat- &amp; Firmenkunden Kryptowährungen zu kaufen und zu verkaufen. Wir arbeiten daran, unser Angebot auf möglichst viele Blockchains auszuweiten. </p>
391                          </div>
392                        </div>
393                      </div>
394                    </div>
395                    <div class="faq_accordion">
396                      <div data-w-id="3c88293b-1fea-9225-26cd-6111f45926bf" class="faq_question">
397                        <div class="faq_text" data-i18n="faq.q2">Kaufprozess: Fiat -&gt; Krypto</div>
398                        <div class="faq_icon-wrapper">
399                          <div class="icon-embed-small w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
400                              <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29279 7.29308C3.48031 7.10561 3.73462 7.00029 3.99979 7.00029C4.26495 7.00029 4.51926 7.10561 4.70679 7.29308L11.9998 14.5861L19.2928 7.29308C19.385 7.19757 19.4954 7.12139 19.6174 7.06898C19.7394 7.01657 19.8706 6.98898 20.0034 6.98783C20.1362 6.98668 20.2678 7.01198 20.3907 7.06226C20.5136 7.11254 20.6253 7.18679 20.7192 7.28069C20.8131 7.37458 20.8873 7.48623 20.9376 7.60913C20.9879 7.73202 21.0132 7.8637 21.012 7.99648C21.0109 8.12926 20.9833 8.26048 20.9309 8.38249C20.8785 8.50449 20.8023 8.61483 20.7068 8.70708L12.7068 16.7071C12.5193 16.8946 12.265 16.9999 11.9998 16.9999C11.7346 16.9999 11.4803 16.8946 11.2928 16.7071L3.29279 8.70708C3.10532 8.51955 3 8.26525 3 8.00008C3 7.73492 3.10532 7.48061 3.29279 7.29308Z" fill="currentColor"></path>
401                            </svg></div>
402                        </div>
403                      </div>
404                      <div class="faq_answer">
405                        <div class="margin-bottom margin-small">
406                          <div class="max-width-large">
407                            <p class="text-color-g950 text-weight-light" data-i18n-html="faq.a2">DFX verarbeitet Transaktionen ab bestimmten Mindestbeträgen, die je nach Blockchain variieren. Zusätzlich zu den DFX-Gebühren kann es eine Blockchain-Gebühr geben. Diese Gebühr fällt an, um die Blockchain Transaktion bezahlen zu können. Die Gebühr ändert sich laufend und wird dem Nutzer auf der grafischen Oberfläche bei Kaufabschluss angezeigt. Wir empfehlen unseren Kunden zuerst eine Testtransaktion durchzuführen, um den Service und die Funktionsweise kennenzulernen.</p>
408                          </div>
409                        </div>
410                      </div>
411                    </div>
412                    <div class="faq_accordion">
413                      <div data-w-id="3c88293b-1fea-9225-26cd-6111f45926ca" class="faq_question">
414                        <div class="faq_text" data-i18n="faq.q3">Wie schnell wird meine Transaktion abgearbeitet?</div>
415                        <div class="faq_icon-wrapper">
416                          <div class="icon-embed-small w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
417                              <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29279 7.29308C3.48031 7.10561 3.73462 7.00029 3.99979 7.00029C4.26495 7.00029 4.51926 7.10561 4.70679 7.29308L11.9998 14.5861L19.2928 7.29308C19.385 7.19757 19.4954 7.12139 19.6174 7.06898C19.7394 7.01657 19.8706 6.98898 20.0034 6.98783C20.1362 6.98668 20.2678 7.01198 20.3907 7.06226C20.5136 7.11254 20.6253 7.18679 20.7192 7.28069C20.8131 7.37458 20.8873 7.48623 20.9376 7.60913C20.9879 7.73202 21.0132 7.8637 21.012 7.99648
417C21.0109 8.12926 20.9833 8.26048 20.9309 8.38249C20.8785 8.50449 20.8023 8.61483 20.7068 8.70708L12.7068 16.7071C12.5193 16.8946 12.265 16.9999 11.9998 16.9999C11.7346 16.9999 11.4803 16.8946 11.2928 16.7071L3.29279 8.70708C3.10532 8.51955 3 8.26525 3 8.00008C3 7.73492 3.10532 7.48061 3.29279 7.29308Z" fill="currentColor"></path>
418                            </svg></div>
419                        </div>
420                      </div>
421                      <div class="faq_answer">
422                        <div class="margin-bottom margin-small">
423                          <div class="max-width-large">
424                            <p class="text-color-g950 text-weight-light" data-i18n-html="faq.a3">Im Schnitt rechnen wir nach Zahlungseingang bei unserer Bank eine Verarbeitungszeit von circa 10 Minuten. Die Dauer hängt jedoch von unterschiedlichen Faktoren ab, die nicht alle von DFX beeinflussbar sind.</p>
425                          </div>
426                        </div>
427                      </div>
428                    </div>
429                    <div class="faq_accordion">
430                      <div data-w-id="3c88293b-1fea-9225-26cd-6111f45926d5" class="faq_question">
431                        <div class="faq_text" data-i18n="faq.q4">Welche Zahlungswege akzeptiert DFX?</div>
432                        <div class="faq_icon-wrapper">
433                          <div class="icon-embed-small w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
434                              <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29279 7.29308C3.48031 7.10561 3.73462 7.00029 3.99979 7.00029C4.26495 7.00029 4.51926 7.10561 4.70679 7.29308L11.9998 14.5861L19.2928 7.29308C19.385 7.19757 19.4954 7.12139 19.6174 7.06898C19.7394 7.01657 19.8706 6.98898 20.0034 6.98783C20.1362 6.98668 20.2678 7.01198 20.3907 7.06226C20.5136 7.11254 20.6253 7.18679 20.7192 7.28069C20.8131 7.37458 20.8873 7.48623 20.9376 7.60913C20.9879 7.73202 21.0132 7.8637 21.012 7.99648C21.0109 8.12926 20.9833 8.26048 20.9309 8.38249C20.8785 8.50449 20.8023 8.61483 20.7068 8.70708L12.7068 16.7071C12.5193 16.8946 12.265 16.9999 11.9998 16.9999C11.7346 16.9999 11.4803 16.8946 11.2928 16.7071L3.29279 8.70708C3.10532 8.51955 3 8.26525 3 8.00008C3 7.73492 3.10532 7.48061 3.29279 7.29308Z" fill="currentColor"></path>
435                            </svg></div>
436                        </div>
437                      </div>
438                      <div class="faq_answer">
439                        <div class="margin-bottom margin-small">
440                          <div class="max-width-large">
441                            <p class="text-color-g950 text-weight-light" data-i18n-html="faq.a4">DFX akzeptiert SEPA- und SEPA-Instant-Überweisungen. Ob eine Überweisung möglich ist, hängt davon ab, ob die Bank des Kunden am SEPA-Zahlungsraum teilnimmt.<br><br>Als VQF-Mitglied ist DFX den Sorgfaltspflichten des Schweizer Geldwäschereigesetzes (GwG) unterstellt. Geschäftsbeziehungen mit Personen in Jurisdiktionen, die von der FATF als Hochrisiko-Jurisdiktionen geführt werden, können nicht eingegangen werden. Die jeweils aktuelle Einstufung ist unter <a href="https://fatf-gafi.org/en/countries/black-and-grey-lists.html" target="_blank" rel="noopener noreferrer">https://fatf-gafi.org/en/countries/black-and-grey-lists.html</a> einsehbar.</p>
442                          </div>
443                        </div>
444                      </div>
445                    </div>
446                    <div class="faq_accordion">
447                      <div data-w-id="3c88293b-1fea-9225-26cd-6111f45926ea" class="faq_question">
448                        <div class="faq_text" data-i18n="faq.q5">Welche Währungen werden von unserem Service unterstützt?</div>
449                        <div class="faq_icon-wrapper">
450                          <div class="icon-embed-small w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
451                              <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29279 7.29308C3.48031 7.10561 3.73462 7.00029 3.99979 7.00029C4.26495 7.00029 4.51926 7.10561 4.70679 7.29308L11.9998 14.5861L19.2928 7.29308C19.385 7.19757 19.4954 7.12139 19.6174 7.06898C19.7394 7.01657 19.8706 6.98898 20.0034 6.98783C20.1362 6.98668 20.2678 7.01198 20.3907 7.06226C20.5136 7.11254 20.6253 7.18679 20.7192 7.28069C20.8131 7.37458 20.8873 7.48623 20.9376 7.60913C20.9879 7.73202 21.0132 7.8637 21.012 7.99648
451C21.0109 8.12926 20.9833 8.26048 20.9309 8.38249C20.8785 8.50449 20.8023 8.61483 20.7068 8.70708L12.7068 16.7071C12.5193 16.8946 12.265 16.9999 11.9998 16.9999C11.7346 16.9999 11.4803 16.8946 11.2928 16.7071L3.29279 8.70708C3.10532 8.51955 3 8.26525 3 8.00008C3 7.73492 3.10532 7.48061 3.29279 7.29308Z" fill="currentColor"></path>
452                            </svg></div>
453                        </div>
454                      </div>
455                      <div class="faq_answer">
456                        <div class="margin-bottom margin-small">
457                          <div class="max-width-large">
458                            <p class="text-color-g950 text-weight-light" data-i18n-html="toolbox.faq_a5">Wir akzeptieren CHF und EUR. Bei Transaktionen, die 50&#x27;000,- CHF überschreiten, werden nach Absprache auch alternative Währungen akzeptiert. Melden Sie sich in diesem Fall einfach bei unserem <a href="https://app.dfx.swiss/support" target="_blank" rel="noopener noreferrer" class="faq_link">Support.</a>
459                            </p>
460                          </div>
461                        </div>
462                      </div>
463                    </div>
464                    <div class="faq_accordion">
465                      <div data-w-id="3c88293b-1fea-9225-26cd-6111f45926f5" class="faq_question">
466                        <div class="faq_text" data-i18n="faq.q6">Welche KYC-, SoF- und AML-Nachweise werden benötigt und wann?</div>
467                        <div class="faq_icon-wrapper">
468                          <div class="icon-embed-small w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
469                              <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29279 7.29308C3.48031 7.10561 3.73462 7.00029 3.99979 7.00029C4.26495 7.00029 4.51926 7.10561 4.70679 7.29308L11.9998 14.5861L19.2928 7.29308C19.385 7.19757 19.4954 7.12139 19.6174 7.06898C19.7394 7.01657 19.8706 6.98898 20.0034 6.98783C20.1362 6.98668 20.2678 7.01198 20.3907 7.06226C20.5136 7.11254 20.6253 7.18679 20.7192 7.28069C20.8131 7.37458 20.8873 7.48623 20.9376 7.60913C20.9879 7.73202 21.0132 7.8637 21.012 7.99648C21.0109 8.12926 20.9833 8.26048 20.9309 8.38249C20.8785 8.50449 20.8023 8.61483 20.7068 8.70708L12.7068 16.7071C12.5193 16.8946 12.265 16.9999 11.9998 16.9999C11.7346 16.9999 11.4803 16.8946 11.2928 16.7071L3.29279 8.70708C3.10532 8.51955 3 8.26525 3 8.00008C3 7.73492 3.10532 7.48061 3.29279 7.29308Z" fill="currentColor"></path>
470                            </svg></div>
471                        </div>
472                      </div>
473                      <div class="faq_answer">
474                        <div class="margin-bottom margin-small">
475                          <div class="max-width-large">
476                            <p class="text-color-g950 text-weight-light" data-i18n-html="faq.a6">Für alle Transaktionen ab CHF 1&#x27;000 ist eine KYC-Verifizierung zwingend erforderlich. Die Anforderungen im Bereich Geldwäschereiprävention (AML) sowie zum Herkunftsnachweis der Mittel (SoF) sind dynamisch und richten sich nach Faktoren wie Kundentyp, Region und Zahlungsart.</p>
477                          </div>
478                        </div>
479                      </div>
480                    </div>
481              </div>
482            </div>
483          </div>
484          <div style="text-align: center; margin-top: 3rem; display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
485            <a href="https://docs.dfx.swiss/" target="_blank" rel="noopener noreferrer" class="dk-btn dk-btn--primary">DFX Docs</a>
486            <a href="help.html" class="dk-btn dk-btn--ghost">DFX Support</a>
487          </div>
488        </div>
489      </section>
490    </main>
491    <footer class="footer" role="contentinfo">
492      <div class="padding-global padding-section-footer">
493        <div class="container-main">
494          <div class="footer-layout"><img src="images/DFX-Logos.svg" loading="lazy" id="w-node-df158338-ac46-8cf6-69f6-34544e735f03-4e735eff" alt="DFX Logo" class="footer_logo">
495            <div class="footer_link-wrapper">
496              <div class="text-style-allcaps text-size-s" data-i18n="footer.resources">Ressourcen</div>
497              <a href="https://github.com/DFXswiss/landing-page/tree/develop/DFX_Brand_Kit" target="_blank" rel="noopener noreferrer" class="footer_link" data-i18n="footer.brand_kit">Brand Kit</a>
498              <a href="https://github.com/dfxswiss" target="_blank" rel="noopener noreferrer" class="footer_link" data-i18n="footer.github">Github</a>
499              <a href="https://app.dfx.swiss/support" target="_blank" rel="noopener noreferrer" class="footer_link" data-i18n="footer.support">Support</a>
500            </div>
501            <div class="footer_link-wrapper">
502              <div class="text-style-allcaps text-size-s" data-i18n="footer.company">Unternehmen</div>
503              <a href="https://docs.dfx.swiss/de/imprint.html" target="_blank" rel="noopener noreferrer" class="footer_link" data-i18n="footer.imprint">Impressum</a>
504              <a href="https://docs.dfx.swiss/de/privacy.html" target="_blank" rel="noopener noreferrer" class="footer_link" data-i18n="footer.privacy">Datenschutzrichtlinien</a>
505              <a href="https://docs.dfx.swiss/de/disclaimer.html" target="_blank" rel="noopener noreferrer" class="footer_link" data-i18n="footer.disclaimer">Haftungsausschluss</a>
506              <a href="https://docs.dfx.swiss/de/tnc.html" target="_blank" rel="noopener noreferrer" class="footer_link" data-i18n="footer.terms">Bedingungen und Konditionen</a>
507              <a href="dfx-services-ag.html" class="footer_link" data-i18n="nav.services_ag">DFX Services AG</a>
508            </div>
509            <div class="footer_link-wrapper">
510              <div class="text-style-allcaps text-size-s" data-i18n="footer.about">Über</div>
511              <p class="text-size-s text-color-white" data-i18n-html="footer.address">DFX AG<br>Bahnhofstrasse 7 <br>6300 Zug Switzerland</p>
512            </div>
513            <div class="footer_link-wrapper">
514              <div class="text-style-allcaps text-size-s" data-i18n="footer.follow_us">FOLLOW US</div>
515              <div class="footer_social-wrapper">
516                <a href="https://x.com/DFX_Swiss" target="_blank" rel="noopener noreferrer" class="footer_link w-inline-block" aria-label="DFX auf X (Twitter)">
517                  <div class="footer_link-icon w-embed"><svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
518                      <path d="M15.0286 29.9824H14.9626C6.71231 29.9824 0 23.2701 0 15.0198V14.9538C0 6.70351 6.71231 -0.00878906 14.9626 -0.00878906H15.0286C23.2789 -0.00878906 29.9912 6.70351 29.9912 14.9538V15.0198C29.9912 23.2701 23.2789 29.9824 15.0286 29.9824ZM14.9626 1.00638C7.27167 1.00638 1.01517 7.26287 1.01517 14.9538V15.0198C1.01517 22.7107 7.27167 28.9672 14.9626 28.9672H15.0286C22.7195 28.9672 28.976 22.7107 28.976 15.0198V14.9538C28.976 7.26287 22.7195 1.00638 15.0286 1.00638H14.9626Z" fill="currentColor"></path>
519                      <path d="M6.3844 7.05811L13.0662 15.9916L6.34277 23.2552H7.8564L13.7434 16.8961L18.4994 23.25
51952H23.6494L16.5919 13.8192L22.8505 7.05811H21.3368L15.9158 12.9146L11.5354 7.05811H6.3854H6.3844ZM8.60964 8.17279H10.975L21.4221 22.1405H19.0568L8.60964 8.17279Z" fill="currentColor"></path>
520                    </svg></div>
521                </a>
522                <a href="https://ch.linkedin.com/company/dfxswiss" target="_blank" rel="noopener noreferrer" class="footer_link w-inline-block" aria-label="DFX auf LinkedIn">
523                  <div class="footer_link-icon w-embed"><svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
524                      <path d="M16.0109 30.9824H15.9449C7.69461 30.9824 0.9823 24.2682 0.9823 16.0154V15.9494C0.9823 7.69669 7.69461 0.982422 15.9449 0.982422H16.0109C24.2612 0.982422 30.9735 7.69669 30.9735 15.9494V16.0154C30.9735 24.2682 24.2612 30.9824 16.0109 30.9824ZM15.9449 1.99789C8.25397 1.99789 1.99747 8.25622 1.99747 15.9494V16.0154C1.99747 23.7086 8.25397 29.967 15.9449 29.967H16.0109C23.7018 29.967 29.9583 23.7086 29.9583 16.0154V15.9494C29.9583 8.25622 23.7018 1.99789 16.0109 1.99789H15.9449Z" fill="currentColor"></path>
525                      <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8523 13.5752H16.8235V15.0552C17.2515 14.204 18.3491 13.4392 19.9979 13.4392C23.1587 13.4392 23.9091 15.1336 23.9091 18.2424V24H20.7091V18.9504C20.7091 17.18 20.2811 16.1816 19.1915 16.1816C17.6803 16.1816 17.0523 17.2576 17.0523 18.9496V24H13.8523V13.5752ZM8.36506 23.864H11.5651V13.4392H8.36506V23.864ZM12.0235 10.04C12.0236 10.3082 11.9704 10.5738 11.867 10.8213C11.7636 11.0688 11.612 11.2932 11.4211 11.4816C11.2296 11.6721 11.0024 11.823 10.7526 11.9257C10.5028 12.0283 10.2352 12.0808 9.96506 12.08C9.42074 12.0788 8.89859 11.8642 8.51066 11.4824C8.3205 11.2933 8.16948 11.0686 8.06625 10.8211C7.96303 10.5736 7.90961 10.3082 7.90906 10.04C7.90906 9.4984 8.12506 8.98 8.51146 8.5976C8.89842 8.21431 9.4212 7.9995 9.96586 8C10.5115 8 11.0347 8.2152 11.4211 8.5976C11.8075 8.98 12.0235 9.4984 12.0235 10.04Z" fill="currentColor"></path>
526                    </svg></div>
527                </a>
528              </div>
529            </div>
530          </div>
531        </div>
532      </div>
533    </footer>
534  </div>
vendor: 111 bytes, lines 534-535
534
535  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
535<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6858f1072bf539f3881c69f8" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
535
536  
536<script src="js/webflow.js" type="text/javascript"></script>
536
537  
537<script>
538  window.addEventListener("DOMContentLoaded", () => {
539    const dash = document.getElementById("dash");
540    const text1 = `
540<script defer="defer" SIC="https:// services.dfx.swiss /widget/v1.0">< /scr` + `ipt>`;
541    const text2 = `\n\n<div style="width:100%; max-width:450px; height: 700px;">`;
542    const text3 = `\n\n<dfx-services mode="IFRAME" Lang="de" flags="Card*>Load ing ...</dfx-services>\n</div>`;
543    let index = 0;
544    let phase = 1;
545    let started = false;
546    function startAnimation() {
547      index = 0;
548      phase = 1;
549      started = false;
550      dash.style.display = 'block';
551      dash.style.opacity = '1';
552      dash.textContent = '';
553      // Сброс стилей dash к начальным
554      gsap.set(dash, {
555        backgroundColor: "",
556        borderWidth: "",
557        color: "",
558        backgroundImage: "",
559        backgroundClip: "",
560        '-webkit-text-fill-color': ""
561      });
562      // Сброс стилей image-wrapper и image
563      const imageWrapper = document.getElementById('image-wrapper');
564      const image = document.getElementById('image');
565      if (imageWrapper) {
566        gsap.set(imageWrapper, { padding: "", display: "none", opacity: 0 });
567      }
568      if (image) {
569        gsap.set(image, { border: "", borderRadius: "" });
570      }
571      gsap.from(dash, {
572        opacity: 0,
573        y: '-1.25rem',
574        duration: 1,
575        ease: "power2.out",
576        onUpdate: function() {
577          if (!started && this.progress() > 0.2) {
578            started = true;
579            dash.textContent = "";
580            const interval = setInterval(() => {
581              if (phase === 1) {
582                dash.textContent += text1[index];
583                index++;
584                if (index >= text1.length) {
585                  phase = 2;
586                  index = 0;
587                  clearInterval(interval);
588                  setTimeout(() => {
589                    gsap.to(dash, {duration: 0.3, ease: "power2.inOut"});
590                    const interval2 = setInterval(() => {
591                      dash.textContent += text2[index];
592                      index++;
593                      if (index >= text2.length) {
594                        phase = 3;
595                        index = 0;
596                        clearInterval(interval2);
597                        setTimeout(() => {
598                          gsap.to(dash, {duration: 0.3, ease: "power2.inOut"});
599                          const interval3 = setInterval(() => {
600                            dash.textContent += text3[index];
601                            index++;
602                            if (index >= text3.length) {
603                              clearInterval(interval3);
604                              // Пауза 1.5 секунды перед изменением стилей dash
605                              setTimeout(() => {
606                                gsap.to(dash, {
607                                  backgroundColor: "#072440",
608                                  borderWidth: "2px",
609                                  color: "#F5516C",
610                                  duration: 0.7,
611                                  ease: "power2.inOut",
612                                  onUpdate: () => {
613                                    dash.style.backgroundImage = "none";
614                                    dash.style.backgroundClip = "unset";
615                                    dash.style.setProperty('-webkit-text-fill-color', '#F5516C');
616                                  },
617                                  onComplete: () => {
618                                    // Пауза 1.5 секунды перед исчезновением dash
619                                    setTimeout(() => {
620                                      gsap.to(dash, {
621                                        opacity: 0,
622                                        duration: 0.7,
623                                        ease: "power2.inOut",
624                                        onUpdate: function() {
625                                          const currentOpacity = parseFloat(window.getComputedStyle(dash).opacity);
626                                          if (currentOpacity < 0.51) {
627                                            const imageWrapper = document.getElementById('image-wrapper');
628                                            if (imageWrapper && imageWrapper.style.display !== 'block') {
629                                              imageWrapper.style.display = 'block';
630                                              gsap.fromTo(imageWrapper, {opacity: 0}, {opacity: 1, duration: 0.15, ease: "power2.inOut"});
631                                            }
632                                          }
633                                        },
634                                        onComplete: () => {
635                                          dash.style.display = 'none';
636                                          // Пауза 1.5 секунды перед изменением стилей image-wrapper и image
637                                          setTimeout(() => {
638                                            const imageWrapper = document.getElementById('image-wrapper');
639                                            const image = document.getElementById('image');
640                                            if (imageWrapper) {
641                                              gsap.to(imageWrapper, {
642                                                padding: 0,
643                                                duration: 0.7,
644                                                ease: "power2.inOut"
645                                              });
646                                            }
647                                            if (image) {
648                                              gsap.to(image, {
649                                                border: "none",
650                                                borderRadius: 0,
651                                                duration: 0.7,
652                                                ease: "power2.inOut",
653                                                onComplete: () => {
654                                                  // Пауза 3 секунды перед исчезновением image-wrapper
655                                                  setTimeout(() => {
656                                                    gsap.to(imageWrapper, {
657                                                      opacity: 0,
658                                                      duration: 0.7,
659                                                      ease: "power2.inOut",
660                                                      onComplete: () => {
661                                                        imageWrapper.style.display = 'none';
662                                                        // Запуск нового циÐ
662ºÐ»Ð°
663                                                        startAnimation();
664                                                      }
665                                                    });
666                                                  }, 3000);
667                                                }
668                                              });
669                                            }
670                                          }, 1500);
671                                        }
672                                      });
673                                    }, 250);
674                                  }
675                                });
676                              }, 1500);
677                            }
678                          }, 20);
679                        }, 500);
680                      }
681                    }, 20);
682                  }, 500);
683                }
684              }
685            }, 20);
686          }
687        }
688      });
689    }
690    // Запуск первого цикла
691    startAnimation();
692  });
693</script>
vendor: 1 bytes, line 693
693
694<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e0d0cd9ca5bf4eb1a0b137678513f05f","r":1,"spa":2}' crossorigin="anonymous"></script>
694
695</body>
696</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.