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 & 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 & 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 & 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- & 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 -> 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'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'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.