1<!DOCTYPE html> 2<html class="login-pf" lang="de" dir="ltr"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 7 <meta name="robots" content="noindex, nofollow"> 8 <meta name="color-scheme" content="light"> 9 10 <meta name="viewport" content="width=device-width,initial-scale=1"/> 11 <title>Anmeldung bei sbroker</title> 12 <link rel="icon" href="/resources/dh43g/login/hfe/img/favicon.ico" sizes="any"> 13 <link rel="icon" type="image/svg+xml" href="/resources/dh43g/login/hfe/img/favicon.svg"> 14 <link rel="apple-touch-icon" sizes="180x180" href="/resources/dh43g/login/hfe/img/apple-touch-icon.png"> 15 16 <link rel="preload" href="/resources/dh43g/login/hfe/fonts/open-sans-v43-latin-300.woff2" as="font" type="font/woff2" crossorigin> 17 <link rel="preload" href="/resources/dh43g/login/hfe/fonts/open-sans-v43-latin-400.woff2" as="font" type="font/woff2" crossorigin> 18 <link rel="preload" href="/resources/dh43g/login/hfe/fonts/open-sans-v43-latin-700.woff2" as="font" type="font/woff2" crossorigin> 19 20 <link href="/resources/dh43g/common/keycloak/vendor/patternfly-v5/patternfly.min.css" rel="stylesheet" /> 21 <link href="/resources/dh43g/common/keycloak/vendor/patternfly-v5/patternfly-addons.css" rel="stylesheet" /> 22 <link href="/resources/dh43g/login/hfe/css/hfe.min.css" rel="stylesheet" /> 23
23<script type="importmap"> 24 { 25 "imports": { 26 "rfc4648": "/resources/dh43g/common/keycloak/vendor/rfc4648/rfc4648.js" 27 } 28 } 29 </script>
29 30
30<script src="/resources/dh43g/login/hfe/js/hfe.min.js" type="text/javascript"></script>
30 31
31<script type="module"> 32 import { startSessionPolling } from "/resources/dh43g/login/hfe/js/authChecker.js"; 33 34 startSessionPolling( 35 "/realms/sbroker/login-actions/restart?client_id=hfe-nkfe&tab_id=wFKiVnQOkDU&client_data=eyJydSI6Imh0dHBzOi8vZGVwb3Quc2Jyb2tlci5kZS9hdXRoL2xvZ2luL29hdXRoMi9jb2RlL2tleWNsb2FrIiwicnQiOiJjb2RlIiwic3QiOiJua2ZlLXByZWxvZ2luLWRkLWJiNmJjZTI5LTNmZmYtNGNjYy04NDc4LWJhN2RmZjAxMmY0NCJ9&skip_logout=true" 36 ); 37 </script>
37 38
38<script type="module"> 39 document.addEventListener("click", (event) => { 40 const link = event.target.closest("a[data-once-link]"); 41 42 if (!link) { 43 return; 44 } 45 46 if (link.getAttribute("aria-disabled") === "true") { 47 event.preventDefault(); 48 return; 49 } 50 51 const { disabledClass } = link.dataset; 52 53 if (disabledClass) { 54 link.classList.add(...disabledClass.trim().split(/\s+/)); 55 } 56 57 link.setAttribute("role", "link"); 58 link.setAttribute("aria-disabled", "true"); 59 }); 60 </script>
60 61
61<script type="module"> 62 import { checkAuthSession } from "/resources/dh43g/login/hfe/js/authChecker.js"; 63 64 checkAuthSession( 65 "2Dz5zzF+LYISdCNB1jSNEheuV+eLAJ9Q07C26w2CQvjUttrTEpXM0/hpovIjI1gG" 66 ); 67 </script>
67 68
68<script> 69 // Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1404468 70 const isFirefox = true; 71 </script>
71 72</head> 73 74<body id="keycloak-bg" class="" data-page-id="login-login"> 75 76 <!-- SVG Icon Sprite über JavaScript laden (umgeht CSP object-src Beschränkungen) --> 77
77<script> 78 // SVG-Sprite laden und in DOM einfügen 79 fetch("/resources/dh43g/login/hfe/public/icons/icons-sprite.svg") 80 .then(response => response.text()) 81 .then(svg => { 82 const div = document.createElement('div'); 83 div.innerHTML = svg; 84 div.style.cssText = 'position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none;'; 85 div.setAttribute('aria-hidden', 'true'); 86 document.body.insertBefore(div, document.body.firstChild); 87 }) 88 .catch(err => console.warn('SVG Sprite konnte nicht geladen werden:', err)); 89 </script>
89 90 91 <div class="hfe-bfsg-page-wrapper"> 92 <header id="kc-header" class="hfe-bfsg-header"> 93 <a href="#kc-form" class="hfe-bfsg-skip-link pf-v5-c-button pf-m-outlined">Zum Hauptinhalt springen</a> 94 <div class="hfe-bfsg-header__logo"> 95 <svg role="img" aria-label="Anmeldung bei sbroker"> 96 <use href="#icon-hfe-logo"></use> 97 </svg> 98 </div> 99 </header> 100 101 <main class="hfe-bfsg-main"> 102 <div class="hfe-bfsg-main__container"> 103 104 <section class="hfe-bfsg-main__column"> 105 <div class="hfe-bfsg-card"> 106 <h1 class="pf-v5-c-title pf-m-3xl pf-v5-u-text-align-center-on-xl" id="kc-page-title"><!-- template: login.ftl --> 107 108 Anmelden mit Zugangsdaten 109 110</h1> 111 <div class="hfe-bfsg-card__content"> 112 113<!-- template: login.ftl --> 114 115 <div id="kc-form"> 116 <div id="kc-form-wrapper"> 117 <form id="kc-form-login" class="pf-v5-c-form pf-v5-u-w-100" onsubmit="login.disabled = true; return true;" action="https://api.sbroker.de/realms/sbroker/login-actions/authenticate?session_code=7nxFiqADbY3yasLVVoIm1K_XBoCxw2In7mbd-T1OdIg&execution=535bc221-713e-414d-bb1b-3e258ddc807f&client_id=hfe-nkfe&tab_id=wFKiVnQOkDU&client_data=eyJydSI6Imh0dHBzOi8vZGVwb3Quc2Jyb2tlci5kZS9hdXRoL2xvZ2luL29hdXRoMi9jb2RlL2tleWNsb2FrIiwicnQiOiJjb2RlIiwic3QiOiJua2ZlLXByZWxvZ2luLWRkLWJiNmJjZTI5LTNmZmYtNGNjYy04NDc4LWJhN2RmZjAxMmY0NCJ9" method="post" novalidate="novalidate"> 118 <div class="pf-v5-c-form__group"> 119 <div class="pf-v5-c-form-control--floating "> 120 <input 121 id="username" 122 name="username" 123 value="" 124 type="text" 125 class="pf-v5-c-form-control pf-v5-c-form-control " 126 autocomplete="username" 127 autofocus 128 placeholder=" " 129 aria-invalid="false" 130 131 required aria-required="true" 132 inputmode="numeric" data-customer-number="true" 133 /> 134 <label for="username" class="pf-v5-c-form__label pf-v5-c-form__label--floating"> 135 Kundennummer 136 <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span> 137 </label> 138 </div> 139 140 <div id="input-error-container-username"> 141 </div> 142 </div> 143 <div class="pf-v5-c-form__group"> 144 <div class="pf-v5-c-form-control--floating "> 145 <div class="pf-v5-c-input-group"> 146 <div class="pf-v5-c-input-group__item pf-m-fill"> 147 <input 148 id="password" 149 name="password" 150 value="" 151 type="password" 152 class="pf-v5-c-form-control pf-v5-c-form-control " 153 autocomplete="current-password" 154 155 placeholder=" " 156 aria-invalid="" 157 158 required aria-required="true" 159 /> 160 </div> 161 <div class="pf-v5-c-input-group__item"> 162 <button class="pf-v5-c-button pf-m-control hfe-bfsg-password-toggle" type="button" 163 aria-controls="password" data-password-toggle 164 aria-label="Passwort einblenden" 165 data-icon-show="icon-hfe-eye-open" data-icon-hide="icon-hfe-eye-closed" 166 data-label-show="Passwort einblenden" data-label-hide="Passwort ausblenden" id="password-show-password"> 167 <svg class="hfe-bfsg-icon hfe-bfsg-icon--md hfe_bfsg-icon-theme-primary" aria-hidden="true"> 168 <use href="#icon-hfe-eye-closed"></use> 169 </svg> 170 </button> 171 </div> 172 </div> 173 <label for="password" class="pf-v5-c-form__label pf-v5-c-form__label--floating"> 174 PIN 175 <span class="pf-v5-c-form__label-required" aria-hidden="true">*</span> 176 </label> 177 </div> 178 179 </div> 180 <div class="pf-v5-c-check--hfe-bfsg-wrapper"> 181 <div class="pf-v5-c-check--hfe-bfsg pf-v5-c-check--hfe-bfsg "> 182 <input 183 class=" pf-v5-c-check--hfe-bfsg__input" 184 type="checkbox" 185 id="sessionTan" 186 name="sessionTan" 187 188 189 aria-invalid="false" 190 aria-describedby="tooltip-sessionTan" 191 /> 192 <div class="pf-v5-c-check--hfe-bfsg__visual"> 193 <svg class="pf-v5-c-check--hfe-bfsg__checkmark" aria-hidden="true"> 194 <use href="#icon-hfe-checkmark"></use> 195 </svg> 196 </div> 197 <label for="sessionTan" class=" pf-v5-c-check--hfe-bfsg__label"> 198 Session TAN-Aktivierung 199 </label> 200 </div>
201 <span class="pf-v5-c-check--hfe-bfsg__icon" 202 aria-hidden="true" 203 data-tooltip-trigger="true" 204 data-tooltip-placement="right" 205 data-tooltip-content="Die Session TAN bietet Ihnen die Möglichkeit, mit nur einer TAN beliebig viele TAN-pflichtige Transaktionen innerhalb einer Sitzung zu tätigen." 206 data-tooltip-id="tooltip-sessionTan" 207 > 208 <svg aria-hidden="true"> 209 <use href="#icon-hfe-info"></use> 210 </svg> 211 </span> 212 </div> 213 214 <input type="hidden" id="id-hidden-input" name="credentialId" /> 215 <div class="pf-v5-c-form__group"> 216 <div class="pf-v5-c-form__actions pf-v5-u-my-lg "> 217 <button class="pf-v5-c-button pf-m-primary pf-m-block" 218 name="login" id="kc-login" type="submit""> 219 <span class="pf-v5-c-button__icon pf-m-start"> 220 <svg class="hfe-bfsg-icon hfe-bfsg-icon--md" aria-hidden="true"> 221 <use href="#icon-hfe-login"></use> 222 </svg> 223 </span> 224 Anmelden 225 </button> 226 </div> 227 </div> 228 <div class="pf-v5-u-text-align-center"> 229 <a href="https://www.sbroker.de/fileadmin/redaktion/hinweise/zugangsdaten.html" aria-label="Zur externen Seite gehen - Probleme beim Login?" target="_blank">Probleme beim Login?</a> 230 </div> 231 <div id="hfe-bottom-link" class="pf-v5-u-mt-lg pf-v5-u-display-flex pf-v5-u-align-items-center pf-v5-u-justify-content-center pf-v5-u-flex-wrap"> 232 <span>Noch kein S Broker Kunde?</span> <a href="https://www.sbroker.de/service/leistungen/depoteroeffnung" target="_blank" aria-label="Zur externen Seite gehen - Depot eröffnen" class="pf-v5-c-button pf-m-outlined">Depot eröffnen</a> 233 </div> 234 </form> 235 </div> 236 </div> 237 238 239 240<!-- template: login.ftl --> 241 242 243 </div> 244 </div> 245 246 </section> 247 248 <section class="hfe-bfsg-main__column"> 249 <div class="hfe-bfsg-card"> 250 251<div id="marketing-container"> 252 <div class="hfe-bfsg-card__content"> 253 <div class="hfe-bfsg-card__content-block">
254 <h2 class="pf-v5-c-title pf-m-3xl pf-v5-u-font-weight-light">Das könnte Sie auch interessieren</h2> 255 256 <a class="hfe-inline-link" href="https://www.sbroker.de/handel/aktionen/premium-partner-aktion?internal=login" target="_blank" aria-label="Premium-Partner-Aktion"> 257 <svg class="hfe-bfsg-icon hfe-bfsg-icon--md pf-v5-u-color-200" aria-hidden="true"> 258 <use href="#icon-hfe-chevron-right"></use> 259 </svg> 260 <span><b>Ãber 740.000 Produkte unserer Premium-Partner im Direkthandel und an allen verfügbaren Handelsplätzen handeln</b></span> 261 </a> 262 263 <a class="hfe-inline-link" href="https://www.sbroker.de/handel/sparen?internal=login" target="_blank" aria-label="Information über alle sparplanfähigen Gattungen"> 264 <svg class="hfe-bfsg-icon hfe-bfsg-icon--md pf-v5-u-color-200" aria-hidden="true"> 265 <use href="#icon-hfe-chevron-right"></use> 266 </svg> 267 <span>11.800 sparplanfähige Gattungen, davon 9.000 kostenlos</span> 268 </a> 269 270 <a class="hfe-inline-link" href="https://www.sbroker.de/service/support/faq?internal=login" target="_blank" aria-label="FAQ zur pushTAN"> 271 <svg class="hfe-bfsg-icon hfe-bfsg-icon--md pf-v5-u-color-200" aria-hidden="true"> 272 <use href="#icon-hfe-chevron-right"></use> 273 </svg> 274 <span>pushTAN: FAQs zur einfachen Nutzung</span> 275 </a> 276 277 <!--<a class="hfe-inline-link" href="https://www.sbroker.de/fileadmin/redaktion/hinweise/zugangsdaten.html" target="_blank" aria-label="Vorabpauschale"> 278 <svg class="hfe-bfsg-icon hfe-bfsg-icon--md pf-v5-u-color-200" aria-hidden="true"> 279 <use href="#icon-hfe-chevron-right"></use> 280 </svg> 281 <span>Zugangsdaten vergessen?</span> 282 </a>--> 283 284 285 <!--<a class="hfe-inline-link" href="https://www.sbroker.de/service/support/allgemeine-informationen" target="_blank" aria-label="Seite mit Links zu Aktuellen Informationen"> 286 <svg class="hfe-bfsg-icon hfe-bfsg-icon--md pf-v5-u-color-200" aria-hidden="true"> 287 <use href="#icon-hfe-chevron-right"></use> 288 </svg> 289 <span>Aktuelles & Hintergrund</span> 290 </a>--> 291 292 </div> 293<div class="hfe-bfsg-card__content-block pf-v5-u-justify-content-center"> 294<br> 295 <a href="https://www.sbroker.de/handel/depots-konten/depots-uebersicht/minderjaehrige" target="_blank" aria-label= "Informationsseite zu Kinderdepot Start Invest"> 296 <img class="promotion-container-image" src="https://www.sbroker.de/sites/default/files/images/kinderdepot-start-invest-siegel-eltern.jpg" alt="Eröffnen Sie das Kinderdepot Start Invest"> 297 </a> 298 </div> 299 </div> 300 </div> 301</div> 302 303 304 305 </div> 306 </section> 307 </div> 308 </main> 309 310 <footer class="hfe-bfsg-footer"> 311 <div class="hfe-bfsg-footer__content"> 312 <div class="hfe-bfsg-footer__top-row"> 313 <div class="hfe-bfsg-footer__logo hfe-bfsg-icon"> 314 <svg class="hfe-bfsg-footer__logo-icon" role="img" aria-label="S Broker Logo"> 315 <use href="#icon-hfe-logo-white"></use> 316 </svg> 317 </div> 318 <div class="hfe-bfsg-footer__help"> 319 <a href="https://www.sbroker.de/service/support/faq" target="_blank" aria-label="Gehe zur externen Seite - Hilfe & FAQ" class="hfe-bfsg-footer__help-link"> 320 <span class="hfe-bfsg-icon hfe-bfsg-icon--lg"> 321 <svg class=hfe-bfsg-footer__help-svg" role="img" aria-hidden="true"> 322 <use href="#icon-hfe-help"></use> 323 </svg> 324 </span> 325 Hilfe & FAQ 326 </a> 327 </div> 328 </div> 329 <div class="hfe-bfsg-footer__bottom-row"> 330 <div class="hfe-bfsg-footer__links-left"> 331 <a href="https://www.sbroker.de/impressum" target="_blank" aria-label="Gehe zur externen Seite - Impressum" class="hfe-bfsg-footer__link">Impressum</a> 332 <a href="https://www.sbroker.de/datenschutz" target="_blank" aria-label="Gehe zur externen Seite - Datenschutz" class="hfe-bfsg-footer__link">Datenschutz</a> 333 </div> 334 <div class="hfe-bfsg-footer__links-right"> 335 <a href="https://www.sbroker.de/sicherheitshinweise" target="_blank" aria-label="Gehe zur externen Seite - Sicherheitshinweise" class="hfe-bfsg-footer__link">Sicherheitshinweise</a> 336 </div> 337 </div> 338 </div> 339 </footer> 340 </div> 341</body> 342</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.