{"id":18111,"date":"2026-10-21T19:50:14","date_gmt":"2026-10-21T19:50:14","guid":{"rendered":"https:\/\/www.rapidclouddevelopment.com\/?page_id=18111"},"modified":"2026-10-22T09:55:50","modified_gmt":"2026-10-22T09:55:50","slug":"anleitungen","status":"publish","type":"page","link":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/","title":{"rendered":"Tutorials"},"content":{"rendered":"\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');.rcd-page{overflow-x:hidden;background:#F6F7FB;color:#0E1424;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.rcd-page *,.rcd-page *::before,.rcd-page *::after{box-sizing:border-box}.rcd-page img{max-width:100%}.rcd-page picture{display:block}.rcd-page picture>img{display:block;width:inherit;height:inherit;max-width:100%;max-height:inherit;object-fit:inherit;object-position:inherit;border-radius:inherit;aspect-ratio:inherit}.rcd-page details>summary{list-style:none}.rcd-page details>summary::-webkit-details-marker{display:none}.rcd-page details[open]{border-color:#FF6B2C!important}.rcd-page details .rcd-sign{transition:transform .2s,background .2s}.rcd-page details[open] .rcd-sign{background:#C2410C!important;color:#fff!important;transform:rotate(45deg)}.rcd-page a[href^=\"mailto:\"]{word-break:break-all}@media(max-width:600px){.rcd-page [style*=\"minmax(min(100%,200px),1fr)\"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.rcd-page [style*=\"minmax(min(100%,200px),1fr)\"] a{min-height:80px!important}.rcd-page [style*=\"flex:1 1 420px\"],.rcd-page [style*=\"flex:1 1 400px\"]{flex-direction:column;align-items:flex-start!important}.rcd-page [style*=\"repeat(3,minmax(0,1fr))\"]>div{padding:14px!important}.rcd-page [style*=\"repeat(3,minmax(0,1fr))\"] b{font-size:24px!important}.rcd-page .rcd-mosaic{min-height:0!important;display:flex;flex-direction:column;gap:12px}.rcd-page .rcd-mosaic>div{position:static!important;width:auto!important}.rcd-page .rcd-mosaic>div:first-child{aspect-ratio:3\/2}}.rcd-page{background: rgb(246, 247, 251); color: rgb(14, 20, 36); font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased;}.rcd-page a{color: rgb(75, 50, 214);}.rcd-page a:hover{color: rgb(46, 27, 166);}.rcd-page .wrap{max-width: 1200px; margin: 0px auto; padding: 0px 32px; box-sizing: border-box;}.rcd-page .dark{background: rgb(10, 14, 26); color: rgb(231, 234, 243);}.rcd-page .dots{background: radial-gradient(50% 60% at 78% 30%, rgba(255, 107, 44, 0.18), transparent 70%), radial-gradient(40% 50% at 12% 85%, rgba(124, 92, 255, 0.18), transparent 70%), linear-gradient(rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0px 0px \/ 48px 48px, linear-gradient(90deg, rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0px 0px \/ 48px 48px, linear-gradient(135deg, rgb(10, 14, 26) 0%, rgb(20, 26, 51) 60%, rgb(28, 22, 56) 100%);}.rcd-page .gtext{background: linear-gradient(90deg, rgb(255, 107, 44), rgb(255, 177, 74) 45%, rgb(184, 168, 255)) text; color: transparent;}.rcd-page .glow-btn{box-shadow: rgba(255, 138, 76, 0.4) 0px 0px 0px 1px, rgba(255, 107, 44, 0.7) 0px 10px 40px -8px;}.rcd-page .flow{position: relative; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; align-items: center; padding: 40px 32px; border-radius: 28px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(13, 18, 32, 0.55); backdrop-filter: blur(6px);}.rcd-page .fcol{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px;}.rcd-page .track{position: absolute; left: 12%; right: 12%; top: 50%; height: 2px; background: linear-gradient(90deg, rgba(255, 107, 44, 0.15), rgba(255, 107, 44, 0.6), rgba(124, 92, 255, 0.6), rgba(124, 92, 255, 0.15));}.rcd-page .track i{position: absolute; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 177, 74); box-shadow: rgba(255, 138, 76, 0.9) 0px 0px 12px 3px; animation: 4s linear 0s infinite normal none running flow;}.rcd-page .track i:nth-child(2){animation-delay: 1s; background: rgb(255, 255, 255);}.rcd-page .track i:nth-child(3){animation-delay: 2s; background: rgb(184, 168, 255); box-shadow: rgba(124, 92, 255, 0.9) 0px 0px 12px 3px;}.rcd-page .track i:nth-child(4){animation-delay: 3s;}@keyframes flow { \n  0% { left: 0px; opacity: 0; }\n  10% { opacity: 1; }\n  90% { opacity: 1; }\n  100% { left: 100%; opacity: 0; }\n}.rcd-page .agent{display: flex; align-items: center; gap: 12px; width: 100%; max-width: 220px; padding: 12px 14px; border-radius: 16px; background: rgb(17, 23, 41); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255,255,255,.02),0 0 24px -10px var(--c); text-align: left; box-sizing: border-box;}.rcd-page .agent b{display: block; font: 500 10px \/ 1.2 \"JetBrains Mono\", monospace; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c);}.rcd-page .agent span:last-child{font: 500 14px \/ 1.3 Inter, sans-serif; color: rgb(231, 234, 243);}.rcd-page .agent-i{width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; color: var(--c); background: rgb(10, 14, 26); border: 1px solid var(--c); flex: 0 0 auto;}.rcd-page .codecard{width: 100%; max-width: 250px; box-sizing: border-box; background: rgb(11, 16, 32); border: 1px solid rgb(42, 51, 80); border-radius: 14px; padding: 14px 16px; font-size: 11.5px; line-height: 1.7; color: rgb(126, 137, 166); text-align: left; box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 40px -20px;}.rcd-page .dotw{width: 8px; height: 8px; border-radius: 50%; background: rgb(42, 51, 80);}.rcd-page .flabel{font: 500 12px \/ 1.2 \"JetBrains Mono\", monospace; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(174, 182, 202);}.rcd-page .engine{position: relative; width: 200px; height: 200px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle, rgb(42, 26, 46) 0%, rgb(18, 24, 41) 65%); border: 1px solid rgba(255, 138, 76, 0.35); box-shadow: rgba(255, 107, 44, 0.55) 0px 0px 80px -10px, rgba(124, 92, 255, 0.5) 0px 0px 140px -20px;}.rcd-page .engine-ring{position: absolute; inset: -14px; border-radius: 50%; border: 1px dashed rgba(184, 168, 255, 0.45); animation: 24s linear 0s infinite normal none running spin;}@keyframes spin { \n  100% { transform: rotate(360deg); }\n}@media (max-width: 980px){.rcd-page .flow{grid-template-columns: repeat(2, minmax(0px, 1fr));}.rcd-page .track{display: none;}}@media (max-width: 560px){.rcd-page .flow{grid-template-columns: minmax(0px, 1fr);}}@media (prefers-reduced-motion: reduce){.rcd-page .track i,.rcd-page .engine-ring{animation: auto ease 0s 1 normal none running none;}}.rcd-page .eyebrow{font: 500 12px \/ 1.2 \"JetBrains Mono\", monospace; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(194, 65, 12);}.rcd-page .dark .eyebrow{color: rgb(255, 138, 76);}.rcd-page .h1{font: 700 clamp(44px, 6vw, 84px) \/ 1.02 Sora, sans-serif; letter-spacing: -0.035em; margin: 0px;}.rcd-page .h2{font: 700 clamp(30px, 3.4vw, 48px) \/ 1.08 Sora, sans-serif; letter-spacing: -0.025em; margin: 0px;}.rcd-page .lead{font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; color: rgb(74, 84, 104); margin: 0px;}.rcd-page .dark .lead{color: rgb(174, 182, 202);}.rcd-page .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0px 22px; border-radius: 12px; font: 600 15px \/ 1 Inter, sans-serif; text-decoration: none; box-sizing: border-box;}.rcd-page .btn-p{background: rgb(194, 65, 12); color: rgb(255, 255, 255);}.rcd-page .btn-p:hover{background: rgb(154, 52, 18); color: rgb(255, 255, 255);}.rcd-page .btn-o{border: 1px solid rgb(203, 210, 225); color: rgb(14, 20, 36); background: rgb(255, 255, 255);}.rcd-page .btn-o:hover{border-color: rgb(14, 20, 36); color: rgb(14, 20, 36);}.rcd-page .crumb{display: flex; gap: 10px; align-items: center; font-size: 14px; color: rgb(139, 149, 174);}.rcd-page .crumb a{color: rgb(201, 208, 224); text-decoration: none;}.rcd-page .crumb a:hover{color: rgb(255, 255, 255); text-decoration: underline;}.rcd-page .grp{font: 500 11px \/ 1 \"JetBrains Mono\", monospace; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(91, 100, 120); margin: 22px 0px 10px;}.rcd-page .li{display: flex; gap: 12px; align-items: flex-start; padding: 7px 0px; line-height: 1.45;}.rcd-page .ck{flex: 0 0 auto; width: 22px; height: 22px; border-radius: 7px; background: rgb(255, 241, 234); color: rgb(194, 65, 12); display: flex; align-items: center; justify-content: center; margin-top: 1px;}.rcd-page .feat .ck{background: rgba(255, 107, 44, 0.16); color: rgb(255, 138, 76);}.rcd-page .feat .grp{color: rgb(139, 149, 174);}@media (max-width: 860px){.rcd-page .wrap{padding: 0px 20px;}}.rcd-page{}.rcd-page .cf-in{width: 100%; box-sizing: border-box; min-height: 48px; padding: 12px 14px; border: 1px solid rgb(203, 210, 225); border-radius: 12px; font: 400 15px Inter, sans-serif; color: rgb(14, 20, 36); background: rgb(255, 255, 255);}.rcd-page .cf-in:focus{outline: rgb(124, 92, 255) solid 2px; outline-offset: 1px; border-color: rgb(124, 92, 255);}.rcd-page .cf-l{display: flex; flex-direction: column; gap: 8px; font: 500 14px Inter, sans-serif; color: rgb(42, 50, 71);}.rcd-page a{color: rgb(75, 50, 214);}.rcd-page a:hover{color: rgb(46, 27, 166);}.rcd-page .gform_wrapper.gravity-theme{margin: 8px 0px 0px;}.rcd-page .gform_wrapper.gravity-theme .gform_fields{gap: 16px;}.rcd-page .gform_wrapper.gravity-theme .gfield_label{font: 500 14px Inter, sans-serif; color: rgb(42, 50, 71); margin-bottom: 8px;}.rcd-page .gform_wrapper.gravity-theme .gfield_required{color: rgb(194, 65, 12);}.rcd-page .gform_wrapper.gravity-theme .gform_required_legend{font-size: 13px; color: rgb(91, 100, 120);}.rcd-page .gform_wrapper.gravity-theme input[type=\"text\"],.rcd-page .gform_wrapper.gravity-theme input[type=\"email\"],.rcd-page .gform_wrapper.gravity-theme input[type=\"tel\"],.rcd-page .gform_wrapper.gravity-theme select,.rcd-page .gform_wrapper.gravity-theme textarea{width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid rgb(203, 210, 225); border-radius: 12px; font: 400 15px Inter, sans-serif; color: rgb(14, 20, 36); background: rgb(255, 255, 255); transition: border-color 0.2s, box-shadow 0.2s;}.rcd-page .gform_wrapper.gravity-theme textarea{min-height: 120px; height: 140px; resize: vertical;}.rcd-page .gform_wrapper.gravity-theme input:focus,.rcd-page .gform_wrapper.gravity-theme select:focus,.rcd-page .gform_wrapper.gravity-theme textarea:focus{outline: none; border-color: rgb(124, 92, 255); box-shadow: rgba(124, 92, 255, 0.2) 0px 0px 0px 3px;}.rcd-page .gform_wrapper.gravity-theme .gfield_checkbox label,.rcd-page .gform_wrapper.gravity-theme .ginput_container_consent label{font-size: 14px; color: rgb(42, 50, 71);}.rcd-page .gform_wrapper.gravity-theme input[type=\"checkbox\"]{width: 20px; height: 20px; accent-color: rgb(194, 65, 12);}.rcd-page .gform_wrapper.gravity-theme .gform_footer{margin: 8px 0px 0px; padding: 0px;}.rcd-page .gform_wrapper.gravity-theme .gform_button{min-height: 48px; padding: 0px 28px; border: 0px; border-radius: 12px; background: rgb(194, 65, 12); color: rgb(255, 255, 255); font: 600 15px Inter, sans-serif; cursor: pointer; box-shadow: rgba(255, 107, 44, 0.8) 0px 10px 30px -10px; transition: background 0.2s;}.rcd-page .gform_wrapper.gravity-theme .gform_button:hover{background: rgb(154, 52, 18);}.rcd-page .gform_wrapper.gravity-theme .gfield_error input,.rcd-page .gform_wrapper.gravity-theme .gfield_error textarea{border-color: rgb(192, 38, 38);}<\/style><div class=\"rcd-page\"> <div> <section class=\"dark dots\" style=\"padding:56px 0 104px;overflow:hidden\"> <div class=\"wrap\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:56px;align-items:center\"> <div style=\"display:flex;flex-direction:column;gap:26px\"> <nav class=\"crumb\" aria-label=\"Breadcrumb-Navigation\"><a href=\"https:\/\/www.rapidclouddevelopment.com\/de\/\">Startseite<\/a><span aria-hidden=\"true\">\/<\/span><span>Tutorials<\/span><\/nav> <span class=\"eyebrow\">Starten Sie mit dem RCD-Framework durch \u2013 mit ausf\u00fchrlichen Text- und Video-Tutorials<\/span> <h1 class=\"h1\"><span class=\"gtext\">Tutorials<\/span><\/h1> <p class=\"lead\">Legen Sie schnell los mit Schritt-f\u00fcr-Schritt-Tutorials, die klare Erl\u00e4uterungen mit praxisnahen Videos verbinden. Ob Sie neu im Framework sind oder fortgeschrittene Funktionen erkunden: Diese Anleitungen helfen Ihnen, jeden Aspekt von Rapid Cloud Development zu verstehen, anzuwenden und zu beherrschen.<\/p> <div><a class=\"btn btn-p glow-btn\" href=\"#contact-us\">Kontaktieren Sie uns<\/a><\/div> <\/div> <div aria-hidden=\"true\" style=\"position:relative;min-height:380px\"> <div style=\"position:absolute;left:0;top:0;width:82%;aspect-ratio:16\/9;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -24px rgba(0,0,0,.85);background:#fff\"> <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/k2iIyG7Fgt0\/hqdefault.jpg\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover\"> <span style=\"position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(255,107,44,.2),0 0 60px rgba(255,107,44,.7)\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <div style=\"position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(14,20,36,.15)\"><div style=\"width:38%;height:100%;background:linear-gradient(90deg,#FF6B2C,#7C5CFF)\"><\/div><\/div> <\/div> <div style=\"position:absolute;right:0;bottom:0;width:270px;padding:16px;border-radius:18px;background:rgba(17,23,41,.95);border:1px solid rgba(184,168,255,.3);display:flex;flex-direction:column;gap:10px;box-shadow:0 0 50px -14px rgba(124,92,255,.6)\"> <span style=\"font:500 11px 'JetBrains Mono';letter-spacing:.1em;color:#B8A8FF;text-transform:uppercase\">Playlist<\/span> <span style=\"color:#fff;font:600 14px\/1.35 Sora\">Eine Webanwendung in unter 10 Minuten erstellen<\/span> <span style=\"color:#fff;font:600 14px\/1.35 Sora;opacity:.6\">Ein Treeview-Grid erstellen<\/span> <span style=\"color:#fff;font:600 14px\/1.35 Sora;opacity:.4\">Mobile Apps erstellen<\/span> <\/div> <\/div> <\/div> <\/section> <section style=\"padding:72px 0 112px\"> <div class=\"wrap\" style=\"display:flex;flex-direction:column;gap:36px\"> <div role=\"tablist\" aria-label=\"Tutorial-Kategorien\" style=\"display:flex;flex-wrap:wrap;gap:8px\"> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:0;background:#0E1424;color:#fff;font:600 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Erste Schritte<\/span> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CBD2E1;background:#fff;color:#0E1424;font:500 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Komponenten erstellen<\/span> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CBD2E1;background:#fff;color:#0E1424;font:500 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Apps erstellen<\/span> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CBD2E1;background:#fff;color:#0E1424;font:500 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Objekte<\/span> <\/div> <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px\"> <div style=\"grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding:32px 36px;border-radius:24px;background:#fff;border:1px solid #E3E7F0\"> <div style=\"display:flex;gap:20px;align-items:center;flex:1 1 400px\"><span style=\"flex:none;width:56px;height:56px;border-radius:16px;background:#FFF1EA;color:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h12a4 4 0 0 1 4 4v12H8a4 4 0 0 1-4-4zM8 9h8M8 13h6\"><\/path><\/svg><\/span><div style=\"display:flex;flex-direction:column;gap:6px\"><h2 style=\"margin:0;font:700 24px Sora\">Grundlegende Schl\u00fcsselw\u00f6rter<\/h2><p style=\"margin:0;color:#4A5468\">Hier finden Sie eine Liste der grundlegenden Schl\u00fcsselw\u00f6rter, die im Framework verwendet werden.<\/p><\/div><\/div> <a class=\"btn btn-o\" href=\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/grundbegriffe\/\">Mehr erfahren<\/a> <\/div> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/9TLXuGIYHrg\" aria-label=\"Video abspielen: Rundgang durch den Designer\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v12H3zM8 20h8M12 16v4\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">01 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Rundgang durch den Designer<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen einen Rundgang durch den Rapid Cloud Development Designer.<\/p> <a href=\"https:\/\/youtu.be\/9TLXuGIYHrg\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/vKne4P-1O_0\" aria-label=\"Video abspielen: Rundgang durch das Portal\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h7v7h-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">02 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Rundgang durch das Portal<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen einen Rundgang durch das Rapid Cloud Development Portal.<\/p> <a href=\"https:\/\/youtu.be\/vKne4P-1O_0\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/JkHFghPXFFc\" aria-label=\"Video abspielen: Eine Komponente erstellen und verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2l9 5v10l-9 5-9-5V7zM12 12l9-5M12 12v10M12 12L3 7\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">03 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Eine Komponente erstellen und verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie eine Komponente erstellen und verwenden. Eine Komponente ist ein Teil einer App \u2013 eine Sammlung von Elementen, die an mehreren Stellen wiederverwendet werden kann. Dem Inhalt einer Komponente sind keine Grenzen gesetzt; Sie k\u00f6nnen alles aufnehmen, was Sie normalerweise auch einer App hinzuf\u00fcgen w\u00fcrden.<\/p> <a href=\"https:\/\/youtu.be\/JkHFghPXFFc\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/T9zGcdAayNs\" aria-label=\"Video abspielen: Badges auf Tabs mithilfe einer Komponente einrichten\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 8h8V4H3zM13 8h8V4h-8zM3 8v12h18V8\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">04 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Badges auf Tabs mithilfe einer Komponente einrichten<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie mithilfe einer Komponente Badges auf Tabs einrichten. Eine Komponente ist ein Teil einer App \u2013 eine Gruppe von Elementen, die an mehreren Stellen wiederverwendet werden kann.<\/p> <a href=\"https:\/\/youtu.be\/T9zGcdAayNs\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/XTrSKW2eXsk\" aria-label=\"Video abspielen: Eine Grid-Zeilenvorlage f\u00fcr eine Komponente erstellen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v16H3zM3 9h18M3 14h18M9 4v16\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">05 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Eine Grid-Zeilenvorlage f\u00fcr eine Komponente erstellen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie eine App als Grid-Zeilenvorlage erstellen. Sie erfahren, wie Sie Parameter aus dem \u00fcbergeordneten Grid \u00fcbergeben, die Vorlagen-App mit einem Grid verkn\u00fcpfen und die Panelgr\u00f6\u00dfe anpassen. Eine Vorlagen-App bietet dieselbe Flexibilit\u00e4t wie jede regul\u00e4re App \u2013 ihren M\u00f6glichkeiten sind keine Grenzen gesetzt.<\/p> <a href=\"https:\/\/youtu.be\/XTrSKW2eXsk\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/k2iIyG7Fgt0\" aria-label=\"Video abspielen: Eine Webanwendung in unter 10 Minuten erstellen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">06 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Eine Webanwendung in unter 10 Minuten erstellen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie eine voll funktionsf\u00e4hige Webanwendung von Grund auf erstellen. Wir bauen sowohl die Benutzeroberfl\u00e4che als auch die Backend-Endpoints, die sie antreiben. Das Video zeigt, wie Sie einen Bildschirm erstellen mit: einem Grid, Grid-Filtern, einem Formular mit bearbeitbaren Feldern, einer bef\u00fcllten Dropdown-Liste und einem Ribbon-Men\u00fc mit den Standard-CRUD-Aktionen.<\/p> <a href=\"https:\/\/youtu.be\/k2iIyG7Fgt0\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/OAd9JvNBX1Q\" aria-label=\"Video abspielen: Einen List-Endpoint erstellen und anwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 6h13M8 12h13M8 18h13M3 6h1M3 12h1M3 18h1\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">07 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Einen List-Endpoint erstellen und anwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie einen List-Endpoint erstellen und anwenden. Dieser Endpoint kann in verschiedenen Objekttypen verwendet werden. Hier eine \u00dcbersicht: Dropdown, Dropdown Multi, Autocomplete, Radioset, Selectionlist, EmailAddressSelect.<\/p> <a href=\"https:\/\/youtu.be\/OAd9JvNBX1Q\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/h6j335t69pU\" aria-label=\"Video abspielen: Attribute f\u00fcr Grid-Zellen und -Zeilen festlegen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v16H3zM3 10h18M9 10v10M15 10v10\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">08 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Attribute f\u00fcr Grid-Zellen und -Zeilen festlegen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie Zellen- und Zeilenattribute anhand Ihrer Daten festlegen. Sie erfahren, wie Sie Bilder oder Icons hinzuf\u00fcgen, Farben anwenden, Buttons einf\u00fcgen, Fortschrittsbalken anzeigen und Daten formatieren \u2013 alles dynamisch.<\/p> <a href=\"https:\/\/youtu.be\/h6j335t69pU\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/guUO5DRhtts\" aria-label=\"Video abspielen: Grid-Filter dynamisch erstellen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 5h18l-7 8v6l-4 2v-8z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">09 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Grid-Filter dynamisch erstellen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie Grid-Filter dynamisch \u00fcber den GridDef-Endpoint erstellen.<\/p> <a href=\"https:\/\/youtu.be\/guUO5DRhtts\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/-2hv2ZweSvc\" aria-label=\"Video abspielen: Ein Treeview-Grid erstellen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h6v4H4zM10 6h4v6h4M18 10h3v4h-3zM14 12v6h4M18 16h3v4h-3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">10 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Ein Treeview-Grid erstellen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie ein Treeview-Grid erstellen. Die Anzahl der Hierarchieebenen ist unbegrenzt. Die interne Beziehung zwischen \u00fcber- und untergeordneten Zeilen wird im Wesentlichen durch zwei Felder definiert: RowIdData und RowIdDataParent.<\/p> <a href=\"https:\/\/youtu.be\/-2hv2ZweSvc\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/qD-FvBcfmno\" aria-label=\"Video abspielen: Die Programm-Tabs anpassen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9h18v11H3zM3 9V5h6v4M9 5h6v4\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">11 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Die Programm-Tabs anpassen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie den Inhalt der Programm-Tabs anpassen. Ihnen stehen zwei Zeilen zur Verf\u00fcgung, und der dort platzierte Text l\u00e4sst sich vollst\u00e4ndig formatieren und gestalten.<\/p> <a href=\"https:\/\/youtu.be\/qD-FvBcfmno\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/2Smw9VpUI_0\" aria-label=\"Video abspielen: Einen vom Endpoint gesteuerten Fortschrittsbalken verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 10h18v4H3zM3 10h11v4H3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">12 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Einen vom Endpoint gesteuerten Fortschrittsbalken verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie einen Fortschrittsbalken \u00fcber einen Endpoint steuern. Bei l\u00e4ngeren Prozessen ist es hilfreich, im Frontend einen Fortschrittsbalken anzuzeigen \u2013 erm\u00f6glicht durch das WebSocket-System. Sie k\u00f6nnen zwei Varianten verwenden: schrittweise oder endlos, mit voller Kontrolle \u00fcber Wert, Status und angezeigten Text.<\/p> <a href=\"https:\/\/youtu.be\/2Smw9VpUI_0\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/KPGUWF7__Qo\" aria-label=\"Video abspielen: Drag &amp; Drop zwischen Datagrids aktivieren\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">13 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Drag &amp; Drop zwischen Datagrids aktivieren<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie die Drag-&amp;-Drop-Aktion f\u00fcr ein Grid aktivieren. Das Ablegen kann auf dem Grid selbst oder auch auf anderen und mehreren Datagrids erfolgen.<\/p> <a href=\"https:\/\/youtu.be\/KPGUWF7__Qo\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/JWjcXqC3tzQ\" aria-label=\"Video abspielen: Mobile Apps erstellen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 2h10v20H7zM11 18h2\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">14 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Mobile Apps erstellen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie mobile Apps erstellen.<\/p> <a href=\"https:\/\/youtu.be\/JWjcXqC3tzQ\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/yK6IPeaJz1Y\" aria-label=\"Video abspielen: Die Ribbonbar aktivieren\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v6H3zM6 7h2M10 7h2M14 7h2M3 14h18v6H3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">15 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Die Ribbonbar aktivieren<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie eine Ribbonbar aktivieren, verwenden und anpassen. Diese Ribbon- bzw. Buttonleiste kann auf drei Ebenen zugewiesen werden: Layout, Datagrid, Formular.<\/p> <a href=\"https:\/\/youtu.be\/yK6IPeaJz1Y\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/Sv6kIxnhR-E\" aria-label=\"Video abspielen: Einem Autocomplete-\/Eingabefeld einen Lookup-Bildschirm hinzuf\u00fcgen\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 6h12v4H3zM15 13a4 4 0 1 0-8 0a4 4 0 0 0 8 0M18 19l-3-3\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">16 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Einem Autocomplete-\/Eingabefeld einen Lookup-Bildschirm hinzuf\u00fcgen<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie die Lookup-Funktion f\u00fcr ein Autocomplete- oder Eingabefeld konfigurieren.<\/p> <a href=\"https:\/\/youtu.be\/Sv6kIxnhR-E\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/VNfftz0arcM\" aria-label=\"Video abspielen: Dynamische Felder aus einem Endpoint verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 5h16v4H4zM4 11h10v4H4zM4 17h13v3H4z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">17 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Dynamische Felder aus einem Endpoint verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Dieses Video erkl\u00e4rt, wie Sie dynamische Felder \u00fcber einen Endpoint erstellen und mit RecordGet und RecordSet verbinden, sodass sie wie regul\u00e4re Objekte funktionieren.<\/p> <a href=\"https:\/\/youtu.be\/VNfftz0arcM\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/LlUy2OeQV_U\" aria-label=\"Video abspielen: Das Countdown-Objekt verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 7v5l3 2M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">18 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Das Countdown-Objekt verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie das Countdown-Objekt verwenden.<\/p> <a href=\"https:\/\/youtu.be\/LlUy2OeQV_U\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/y7rzQHjBwck\" aria-label=\"Video abspielen: Ein File-Upload-Objekt in einer kleinen Wizard-App verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 16V4M7 9l5-5 5 5M4 20h16\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">19 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Ein File-Upload-Objekt in einer kleinen Wizard-App verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen anhand einer einfachen Wizard-App, wie Sie das File-Upload-Objekt verwenden.<\/p> <a href=\"https:\/\/youtu.be\/y7rzQHjBwck\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/5Mi5dkSaqlY\" aria-label=\"Video abspielen: Das EmailAddressSelect-Objekt verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 5h18v14H3zM3 6l9 7 9-7\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">20 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Das EmailAddressSelect-Objekt verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie das EmailAddressSelect-Objekt verwenden.<\/p> <a href=\"https:\/\/youtu.be\/5Mi5dkSaqlY\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/ONxbo_4NGkQ\" aria-label=\"Video abspielen: Das ColorPicker-Objekt verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3a9 9 0 1 0 0 18c1 0 2-1 2-2s-1-2 0-3 2 0 4 0a3 3 0 0 0 3-3c0-5-4-10-9-10\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">21 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Das ColorPicker-Objekt verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie das ColorPicker-Objekt verwenden.<\/p> <a href=\"https:\/\/youtu.be\/ONxbo_4NGkQ\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/GzfL-itQm3g\" aria-label=\"Video abspielen: Das Signature-Objekt verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 17c3-6 5-6 6-2s3 1 5-3 4 0 2 3M3 21h18\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">22 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Das Signature-Objekt verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie das Signature-Objekt verwenden.<\/p> <a href=\"https:\/\/youtu.be\/GzfL-itQm3g\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/3wumawvfN9Y\" aria-label=\"Video abspielen: Den HTML-Editor verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 6l-6 6 6 6M16 6l6 6-6 6M14 4l-4 16\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">23 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Den HTML-Editor verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">In diesem Video zeigen wir Ihnen, wie Sie das HTML-Editor-Objekt verwenden.<\/p> <a href=\"https:\/\/youtu.be\/3wumawvfN9Y\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/z8glAk-QtKE\" aria-label=\"Video abspielen: Den PDF Viewer verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 2h9l5 5v15H6zM14 2v6h6M9 13h6M9 17h6\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">24 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Den PDF Viewer verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Erfahren Sie, wie Sie mit dem PDF-Viewer-Objekt PDF-Dokumente direkt in Ihrer App \u00f6ffnen.<\/p> <a href=\"https:\/\/youtu.be\/z8glAk-QtKE\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/_eKud6b-fRg\" aria-label=\"Video abspielen: Das Tiles-Objekt verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3h8v8H3zM13 3h8v5h-8zM13 10h8v11h-8zM3 13h8v8H3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">25 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Das Tiles-Objekt verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Erfahren Sie, wie Sie das Tiles-Objekt verwenden.<\/p> <a href=\"https:\/\/youtu.be\/_eKud6b-fRg\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/4IuvML8g7Mc\" aria-label=\"Video abspielen: Das ImageViewer-Objekt verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v16H3zM21 16l-5-5-9 9\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">26 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Das ImageViewer-Objekt verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Dieses Video zeigt, wie Sie das ImageViewer-Objekt verwenden.<\/p> <a href=\"https:\/\/youtu.be\/4IuvML8g7Mc\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/zVX3ngCn2tM\" aria-label=\"Video abspielen: Das Map-Objekt verwenden\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 4L3 6v14l6-2 6 2 6-2V4l-6 2zM9 4v14M15 6v14\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">27 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Das Map-Objekt verwenden<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Dieses Video zeigt, wie Sie das Map-Objekt verwenden.<\/p> <a href=\"https:\/\/youtu.be\/zVX3ngCn2tM\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">Mehr erfahren<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <div style=\"grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding:32px 36px;border-radius:24px;background:#0A0E1A;color:#E7EAF3;border:1px solid #232C44\"> <div style=\"display:flex;flex-direction:column;gap:6px;flex:1 1 400px\"><h2 style=\"margin:0;font:700 24px Sora;color:#fff\">UIRules: bearbeitbare Objektattribute<\/h2><p style=\"margin:0;color:#AEB6CA\">Jeder Endpoint kann UIRules \u00fcber den ttRules-Antwortmechanismus zur\u00fcckgeben. Klicken Sie auf den Button unten, um alle verf\u00fcgbaren Attribute pro Objekt anzuzeigen.<\/p><\/div> <a class=\"btn btn-p\" href=\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/uirules-bearbeitbare-objektattribute\/\">Mehr erfahren<\/a> <\/div> <\/div> <div style=\"display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:24px 28px;border-radius:20px;background:#fff;border:1px solid #E3E7F0;align-self:flex-start\"> <img decoding=\"async\" src=\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/10\/Ferry.png\" alt=\"Ferry Bode\" style=\"width:64px;height:64px;border-radius:18px;object-fit:cover\"> <a href=\"https:\/\/www.linkedin.com\/in\/ferry-bode-3801792\/\" style=\"display:inline-flex;align-items:center;min-height:44px\">LinkedIn<\/a> <\/div> <\/div> <\/section> <section id=\"contact-us\" style=\"background:#F6F7FB;padding:104px 0;font-family:Inter,system-ui,sans-serif;color:#0E1424\"> <div style=\"max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:32px;align-items:stretch\"> <div style=\"background:#0A0E1A;color:#E7EAF3;border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:28px;position:relative;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px\"> <h3 style=\"margin:0;font:700 clamp(28px,3vw,40px)\/1.1 Sora,sans-serif;letter-spacing:-.02em;color:#fff\">Warum RCD?<\/h3> <ul style=\"list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px\"> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Entdecken und nutzen Sie die neuen technischen M\u00f6glichkeiten<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Erf\u00fcllen Sie moderne Sicherheitsanforderungen<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Werden Sie wieder wettbewerbsf\u00e4hig am Markt<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Werden Sie ger\u00e4teunabh\u00e4ngig<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Senken Sie Ihre Entwicklungskosten<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Und viele weitere Vorteile &#8230;<\/li> <\/ul> <div style=\"margin-top:auto;height:2px;background:linear-gradient(90deg,#FF6B2C,#7C5CFF);border-radius:2px\"><\/div> <\/div> <div style=\"background:#fff;border:1px solid #E3E7F0;border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box\"><h3 style=\"margin:0;font:700 clamp(26px,2.6vw,34px)\/1.15 Sora,sans-serif;letter-spacing:-.02em\">Fragen? Interesse?<\/h3><p style=\"margin:0;color:#4A5468;line-height:1.55\">F\u00fcllen Sie das untenstehende Formular aus, und wir melden uns schnellstm\u00f6glich bei Ihnen!<\/p><script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_30' ><div id='gf_30' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>\u201e<span class=\"gfield_required gfield_required_asterisk\">*<\/span>\u201c zeigt erforderliche Felder an<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_30' id='gform_30'  action='\/de\/wp-json\/wp\/v2\/pages\/18111#gf_30' data-formid='30' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_30' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_30_9\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_30_9'>Phone<\/label><div class='ginput_container'><input name='input_9' id='input_30_9' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_30_9'>Dieses Feld dient zur Validierung und sollte nicht ver\u00e4ndert werden.<\/div><\/div><div id=\"field_30_1\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_30_1'>Vor- und Nachname<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_30_1' type='text' value='' class='large'    placeholder='Vor- und Nachname' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_30_7\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_30_7'>Firmenname<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_30_7' type='text' value='' class='large'    placeholder='Firmenname' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_30_3\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_30_3'>E-Mail-Adresse<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_3' id='input_30_3' type='email' value='' class='large'   placeholder='E-Mail-Adresse' aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_30_2\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_30_2'>Telefonnummer<\/label><div class='ginput_container ginput_container_phone'><input name='input_2' id='input_30_2' type='tel' value='' class='large'  placeholder='Telefonnummer'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_30_8\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_30_8'>Wie k\u00f6nnen wir Ihnen helfen?<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_8' id='input_30_8' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='Request a demo' >Demo anfragen<\/option><option value='Pricing request' >Preisanfrage<\/option><option value='Support request' >Supportanfrage<\/option><option value='General inquiry' >Allgemeine Anfrage<\/option><option value='Other' >Sonstiges<\/option><\/select><\/div><\/div><div id=\"field_30_4\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_30_4'>Ihre Frage oder Anmerkung<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_4' id='input_30_4' class='textarea small'    placeholder='Ihre Frage oder Anmerkung' aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_30_5\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Allgemeine Gesch\u00e4ftsbedingungen<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_5.1' id='input_30_5_1' type='checkbox' value='1'   aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_30_5_1' >Ich stimme den <a href=\"https:\/\/www.rapidclouddevelopment.com\/en\/terms-and-conditions\/\/\" target=\"_blank\">Allgemeinen Gesch\u00e4ftsbedingungen<\/a> zu.<span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/label><input type='hidden' name='input_5.2' value='Ich stimme den &lt;a href=&quot;https:\/\/www.rapidclouddevelopment.com\/en\/terms-and-conditions\/\/&quot; target=&quot;_blank&quot;&gt;Allgemeinen Gesch\u00e4ftsbedingungen&lt;\/a&gt; zu.' class='gform_hidden' \/><input type='hidden' name='input_5.3' value='18' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_30' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Senden'  \/> <input type='hidden' name='gform_ajax' value='form_id=30&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=8a38202277502aad3924b13840cde1f6' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_30' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_30' id='gform_theme_30' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_30' id='gform_style_settings_30' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_30' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='30' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='g7v2T3Rwr0xd9IewfNiYq3oWtIbVUd0eE+4lpf2viiXaKGNLNqcyDgzWzwr5kxSnL2wicoFrw8Gu2HdYquqammba2Aw7OBa1NrWiOLBM1qcLPOg=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_30' value='WyJ7XCI4XCI6W1wiMjljYjUzYTk0ZWQwNWExMTczYzdmNjFhZTM2MjdiODdcIixcIjU0ZmQ2NGJmNjg4ZGFmMGI2YjkzZjAxZDYzN2U0NWM3XCIsXCJlN2UyYTU5M2QyNDY1NmZhMDg3YTE3Yzg2OTFiNDBkYlwiLFwiNWYxZjNmN2ZhOGUxOWNjYTA5YmUzM2JjZWQ2OGExZGRcIixcIjJlMWFlNTc2N2UyYzVlYzU3ZTI2MTkxYzg1ZTU2NjI5XCJdLFwiNS4xXCI6XCJhNTBiMTNjOGZiNzUyZjVjYjY0NTQyOTcxYzUwMzYzM1wiLFwiNS4yXCI6XCI0MDI4NTk2YmY3ODIwZDlkYzc0MThmMzY4Yjg4NmE5ZVwiLFwiNS4zXCI6XCI3N2Y5MTE4ZDgzMWNkYjk5Y2I5NzZjMDJjYzAxODU5MFwifSIsIjc0MzZjYjJkOThkNDJmOTU1YzAxYmYwZGNkNDEyMmY4Il0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_30' id='gform_target_page_number_30' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_30' id='gform_source_page_number_30' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"44\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_30' id='gform_ajax_frame_30' title='Dieser iframe enth\u00e4lt die erforderliche Logik um Gravity Forms Formulare mit AJAX zu handhaben.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 30, 'https:\/\/www.rapidclouddevelopment.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_30').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_30');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_30').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_30').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_30').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_30').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_30').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_30').val();gformInitSpinner( 30, 'https:\/\/www.rapidclouddevelopment.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [30, current_page]);window['gf_submitting_30'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_30').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_30').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [30]);window['gf_submitting_30'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_30').text());}else{jQuery('#gform_30').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"30\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_30\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_30\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_30\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 30, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n<\/div> <\/div> <\/section> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Startseite\/Tutorials Starten Sie mit dem RCD-Framework durch \u2013 mit ausf\u00fchrlichen Text- und Video-Tutorials Tutorials Legen Sie schnell los mit Schritt-f\u00fcr-Schritt-Tutorials, die klare Erl\u00e4uterungen mit praxisnahen Videos verbinden. Ob Sie neu im Framework sind oder fortgeschrittene Funktionen erkunden: Diese Anleitungen helfen Ihnen, jeden Aspekt von Rapid Cloud Development zu verstehen, anzuwenden und zu beherrschen. Kontaktieren Sie [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":18109,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18111","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tutorials - Rapid Cloud Development<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorials - Rapid Cloud Development\" \/>\n<meta property=\"og:description\" content=\"Startseite\/Tutorials Starten Sie mit dem RCD-Framework durch \u2013 mit ausf\u00fchrlichen Text- und Video-Tutorials Tutorials Legen Sie schnell los mit Schritt-f\u00fcr-Schritt-Tutorials, die klare Erl\u00e4uterungen mit praxisnahen Videos verbinden. Ob Sie neu im Framework sind oder fortgeschrittene Funktionen erkunden: Diese Anleitungen helfen Ihnen, jeden Aspekt von Rapid Cloud Development zu verstehen, anzuwenden und zu beherrschen. Kontaktieren Sie [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/\" \/>\n<meta property=\"og:site_name\" content=\"Rapid Cloud Development\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-22T09:55:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/\",\"name\":\"Tutorials - Rapid Cloud Development\",\"isPartOf\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\",\"datePublished\":\"2026-10-21T19:50:14+00:00\",\"dateModified\":\"2026-10-22T09:55:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#primaryimage\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\",\"contentUrl\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rapidclouddevelopment.com\/de\/startseite\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/#website\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/de\/\",\"name\":\"Rapid Cloud Development\",\"description\":\"The first OpenEdge web development framework for small and medium-sized companies\",\"publisher\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rapidclouddevelopment.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/#organization\",\"name\":\"Rapid Cloud Development\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png\",\"contentUrl\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png\",\"width\":501,\"height\":500,\"caption\":\"Rapid Cloud Development\"},\"image\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/de\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorials - Rapid Cloud Development","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/","og_locale":"de_DE","og_type":"article","og_title":"Tutorials - Rapid Cloud Development","og_description":"Startseite\/Tutorials Starten Sie mit dem RCD-Framework durch \u2013 mit ausf\u00fchrlichen Text- und Video-Tutorials Tutorials Legen Sie schnell los mit Schritt-f\u00fcr-Schritt-Tutorials, die klare Erl\u00e4uterungen mit praxisnahen Videos verbinden. Ob Sie neu im Framework sind oder fortgeschrittene Funktionen erkunden: Diese Anleitungen helfen Ihnen, jeden Aspekt von Rapid Cloud Development zu verstehen, anzuwenden und zu beherrschen. Kontaktieren Sie [&hellip;]","og_url":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/","og_site_name":"Rapid Cloud Development","article_modified_time":"2026-10-22T09:55:50+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/","url":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/","name":"Tutorials - Rapid Cloud Development","isPartOf":{"@id":"https:\/\/www.rapidclouddevelopment.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#primaryimage"},"image":{"@id":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","datePublished":"2026-10-21T19:50:14+00:00","dateModified":"2026-10-22T09:55:50+00:00","breadcrumb":{"@id":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#primaryimage","url":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","contentUrl":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/www.rapidclouddevelopment.com\/de\/anleitungen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rapidclouddevelopment.com\/de\/startseite\/"},{"@type":"ListItem","position":2,"name":"Tutorials"}]},{"@type":"WebSite","@id":"https:\/\/www.rapidclouddevelopment.com\/de\/#website","url":"https:\/\/www.rapidclouddevelopment.com\/de\/","name":"Rapid Cloud Development","description":"The first OpenEdge web development framework for small and medium-sized companies","publisher":{"@id":"https:\/\/www.rapidclouddevelopment.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rapidclouddevelopment.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.rapidclouddevelopment.com\/de\/#organization","name":"Rapid Cloud Development","url":"https:\/\/www.rapidclouddevelopment.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.rapidclouddevelopment.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png","contentUrl":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png","width":501,"height":500,"caption":"Rapid Cloud Development"},"image":{"@id":"https:\/\/www.rapidclouddevelopment.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.rapidclouddevelopment.com\/de\/wp-json\/wp\/v2\/pages\/18111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rapidclouddevelopment.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rapidclouddevelopment.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rapidclouddevelopment.com\/de\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rapidclouddevelopment.com\/de\/wp-json\/wp\/v2\/comments?post=18111"}],"version-history":[{"count":3,"href":"https:\/\/www.rapidclouddevelopment.com\/de\/wp-json\/wp\/v2\/pages\/18111\/revisions"}],"predecessor-version":[{"id":18269,"href":"https:\/\/www.rapidclouddevelopment.com\/de\/wp-json\/wp\/v2\/pages\/18111\/revisions\/18269"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rapidclouddevelopment.com\/de\/wp-json\/wp\/v2\/media\/18109"}],"wp:attachment":[{"href":"https:\/\/www.rapidclouddevelopment.com\/de\/wp-json\/wp\/v2\/media?parent=18111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}