CINXE.COM
Login
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Login</title> <link rel="stylesheet" href="/site.css" /> <link rel="icon" type="image/x-icon" href="/favicon.ico" /> </head> <body> <style> @keyframes pk1 {0% {left: 6%;top: 12%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 2%;top: 18%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 6%;top: 12%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes pk1 {0% {left: 24%;top: 41%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 22%;top: 48%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 24%;top: 41%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes pk2 {0% {left: 17%;top: 44%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 15%;top: 37%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 17%;top: 44%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes pk3 {0% {left: 78%;top: 39%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 72%;top: 44%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 78%;top: 39%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes pk4 {0% {left: 75%;top: 99%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 78%;top: 94%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 75%;top: 99%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes rd1 {0% {left: 33%;top: 85%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 29%;top: 87%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 33%;top: 85%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes rd2 {0% {left: 25%;top: 87%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 23%;top: 84%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 25%;top: 87%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes rd3 {0% {left: 80%;top: 99%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 74%;top: 94%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 80%;top: 99%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes rd4 {0% {left: 70%;top: 94%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 64%;top: 91%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 70%;top: 94%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes re1 {0% {left: 10%;top: 16%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 16%;top: 12%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 10%;top: 16%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes re2 {0% {left: 26%;top: 45%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 31%;top: 38%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 26%;top: 45%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes re3 {0% {left: 76%;top: 29%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 83%;top: 34%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 76%;top: 29%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes re4 {0% {left: 86%;top: 34%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 81%;top: 36%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 86%;top: 34%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ch1 {0% {left: 39%;top: 73%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 36%;top: 70%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 39%;top: 73%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ch2 {0% {left: 32%;top: 54%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 27%;top: 57%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 32%;top: 54%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ch3 {0% {left: 80%;top: 82%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 83%;top: 80%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 80%;top: 82%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ch4 {0% {left: 67%;top: 58%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 63%;top: 60%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 67%;top: 58%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ci1 {0% {left: 39%;top: 21%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 36%;top: 14%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 39%;top: 21%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ci2 {0% {left: 22%;top: 40%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 27%;top: 35%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 22%;top: 40%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ci3 {0% {left: 64%;top: 35%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 62%;top: 41%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 64%;top: 35%;opacity: 0.1;width: 1rem; height: 1rem;}} @keyframes ci4 {0% {left: 83%;top: 8%;opacity: .1;width: 1rem; height: 1rem;}25% {opacity: 1;width: 2rem; height: 2rem;}50% {left: 87%;top: 2%;opacity: .1;width: 1rem; height: 1rem;}75% {opacity: 1;width: 2rem; height: 2rem;}100% {left: 83%;top: 8%;opacity: 0.1;width: 1rem; height: 1rem;}} </style> <div class="dark-part"> <div class="unten"> <svg class="sprite" style="animation: pk1 15s ease-in-out infinite;"><use href="/assets/icons.svg#ic-dot" /></svg> <svg class="sprite" style="animation: pk2 12s ease-in-out infinite;"><use href="/assets/icons.svg#ic-dot" /></svg> <svg class="sprite" style="animation: pk3 22s ease-in-out infinite;"><use href="/assets/icons.svg#ic-dot" /></svg> <svg class="sprite" style="animation: pk4 13s ease-in-out infinite;"><use href="/assets/icons.svg#ic-dot" /></svg> <svg class="sprite" style="animation: rd1 22s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-d" /></svg> <svg class="sprite" style="animation: rd2 16s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-d" /></svg> <svg class="sprite" style="animation: rd3 19s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-d" /></svg> <svg class="sprite" style="animation: rd4 15s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-d" /></svg> <svg class="sprite" style="animation: re1 18s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-h" /></svg> <svg class="sprite" style="animation: re2 15s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-h" /></svg> <svg class="sprite" style="animation: re3 16s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-h" /></svg> <svg class="sprite" style="animation: re4 22s ease-in-out infinite;"><use href="/assets/icons.svg#ic-circle-h" /></svg> <svg class="sprite" style="animation: ch1 24s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-d" /></svg> <svg class="sprite" style="animation: ch2 20s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-d" /></svg> <svg class="sprite" style="animation: ch3 10s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-d" /></svg> <svg class="sprite" style="animation: ch4 19s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-d" /></svg> <svg class="sprite" style="animation: ci1 11s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-h" /></svg> <svg class="sprite" style="animation: ci2 18s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-h" /></svg> <svg class="sprite" style="animation: ci3 15s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-h" /></svg> <svg class="sprite" style="animation: ci4 12s ease-in-out infinite;"><use href="/assets/icons.svg#ic-cross-h" /></svg> </div> <div class="oben"> <div class="container-fluid"> <div class="container no-background pb-5"> <div class="position-relative"> <div class="lang-select"> <button class="lang-toggle" id="lang-toggle" onclick="openclose()"> <svg class="svg-24 me-3"><use href="/assets/icons.svg#ic-flag-united-kingdom" /></svg> Language: English <svg class="svg-24 ms-2" id="ic-arrow-down"><use href="/assets/icons.svg#ic-arrow-down" /></svg> <svg class="svg-24 ms-2" id="ic-arrow-up" style="display:none;"><use href="/assets/icons.svg#ic-arrow-up" /></svg> </button> <div class="lang-menu" id="lang-menu"> <a class="lang-item" href="/Account/Login?culture=de"> <svg class="svg-24 me-2"><use href="/assets/icons.svg#ic-flag-germany" /></svg> Sprache: Deutsch </a> <a class="lang-item" href="/Account/Login?culture=en-US"> <svg class="svg-24 me-2"><use href="/assets/icons.svg#ic-flag-united-kingdom" /></svg> Language: English </a> </div> </div> </div> <script> var open = false; openclose = function() { open = !open; if (open) { $('#ic-arrow-down')[0].style.display = 'none'; $('#ic-arrow-up')[0].style.display = 'inline-block'; $('#lang-menu')[0].style.display = 'block'; } else { $('#ic-arrow-up')[0].style.display = 'none'; $('#ic-arrow-down')[0].style.display = 'inline-block'; $('#lang-menu')[0].style.display = 'none'; } } </script> <div class="text-center"> <div class="login-middle"> <div class="logo"> <span class="logo-desktop" title="B_I MEDIEN"> <svg> <use href="/assets/icons.svg#ic-logo-desktop" /> </svg> </span> <span class="logo-mobile"> <svg> <use href="/assets/icons.svg#ic-logo-mobile" /> </svg> </span> </div> <div class="login-card"> <h3>Login</h3> <div class="err-space"> </div> <section> <form id="account" method="post"> <div class="form-floating mb-4"> <input autocomplete="username" class="form-control" placeholder="#" type="text" data-val="true" data-val-required="The Email field is required." id="Input_Email" name="Input.Email" value="" /> <label for="Input_Email" class="ok-label"> E-mail / user name* </label> <label for="Input_Email" class="error-label"><span class="field-validation-valid" data-valmsg-for="Input.Email" data-valmsg-replace="true"></span></label> </div> <div class="form-floating mb-4"> <input autocomplete="current-password" class="form-control" placeholder="#" id="password" type="password" data-val="true" data-val-required="Password is required." name="Input.Password" /> <svg class="p-auge" role="button" id="loginAuge"><use href="/assets/icons.svg#ic-eye" /></svg> <label for="Input_Password" class="ok-label"> Password* </label> <label for="Input_Passwort" class="error-label"><span class="field-validation-valid" data-valmsg-for="Input.Password" data-valmsg-replace="true"></span></label> </div> <div class="forgot"> <a id="forgot-password" href="/Account/ForgotPassword?culture=en-US">Forgot your password?</a> </div> <div> <button type="submit" name="send" class="btn btn-warning" formaction="/Account/Login?culture=en-US">Log in</button> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8HhyoaScTA9LihlMvUMKBAqh5sO5wPbNWH1EGKPAxcOCwzKmK71Xn_Cg_FNLK3nQGkGTIoaPzd9t3aImb2kMGH9Scl7-3Yt-4XcFUgBeMtsjxfQSVpyVKFlurBANwtjn8jrkYn61Z9jSMbnvpvdgmbI" /></form> </section> </div> <div class="pt-4"> You don't have an account? <b><a href="/Account/Register?culture=en-US">Register now</a></b> </div> <div class="pt-3 small"> <a href="/Account/ResendEmailConfirmation?culture=en-US">Did not get confirmation e-mail?</a> </div> </div> </div> </div> </div> </div> </div> <script src="/lib/jquery/dist/jquery.min.js"></script> <script src="/bootstrap.bundle.js"></script> <script src="/popper.min.js"></script> <script type="text/jscript"> var el = document.getElementById('loginAuge'); if (el != null) { el.addEventListener('mousedown', setOpenT); el.addEventListener('mouseup', setOpenF); el.addEventListener('mouseleave', setOpenF); el.addEventListener('touchstart', handleStart1); el.addEventListener('touchend', handleEnd1); el.addEventListener('touchcancel', handleEnd1); } var ongoingTouches1 = []; function handleStart1(evt) { evt.preventDefault(); const touches = evt.changedTouches; for (let i = 0; i < touches.length; i++) { ongoingTouches1.push(copyTouch(touches[i])); } setOpen(ongoingTouches1.length > 0); } function handleEnd1(evt) { evt.preventDefault(); const touches = evt.changedTouches; for (let i = 0; i < touches.length; i++) { let idx = touchIndexById(ongoingTouches1, touches[i].identifier); if (idx >= 0) { ongoingTouches1.splice(idx, 1); } } setOpen(ongoingTouches1.length > 0); } function copyTouch({ identifier, pageX, pageY }) { return { identifier, pageX, pageY }; } function touchIndexById(touches, idToFind) { for (let i = 0; i < touches.length; i++) { if (touches[i].identifier === idToFind) { return i; } } console.error('touch not found'); return -1; // not found } function setOpenT() { setOpen(true); } function setOpenF() { setOpen(false); } var pwIsOpen = false; function setOpen(o) { if (o !== pwIsOpen) { pwIsOpen = o; var el = document.getElementById('password'); if (el != null) { el.type = pwIsOpen ? 'text' : 'password'; } } } </script> <script type="text/jscript"> $(function() { $(document).on('submit', 'form', function() { var el = document.getElementsByName('send'); if (el != null) { el.forEach((e) => { e.disabled = true; }); } }); }); function hide(id) { var el2 = document.getElementById('errors'); console.log('######hide', id, el2); if (el2 != null) { el2.style.display = 'none'; } } </script> </body> </html>