STADTWERK AM SEE – Kundenportal

<!DOCTYPE html> <html lang="de"> <head> <title>STADTWERK AM SEE – Kundenportal</title> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="description" content="Online-Service 24/7: Keine Wartezeit. Kein Papierkram."> <meta name="robots" content="none"> <meta name="referrer" content="strict-origin"> <meta name="theme-color" content="#37AB49"> <meta name="msapplication-TileColor" content="#37AB49"> <link rel="icon" type="image/png" sizes="16x16" href="/resources/icons/favicon/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/resources/icons/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/resources/icons/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="128x128" href="/resources/icons/favicon/favicon-128x128.png"> <link rel="icon" href="/resources/icons/favicon/favicon.ico"> <link rel="stylesheet" href="/css/font-awesome-4.7.0.min.css"/> <link rel="stylesheet" href="/css/fusionauth-style.css?version=1.51.2"/> <style> body { background: #F8F8F8; font-size: var(--font-size) !important; letter-spacing: unset; } a { color: var(--primary-color); } a:hover, a:visited { color: var(--primary-color); opacity: .8; } .button { font-size: var(--font-size) !important; width: 100%; letter-spacing: unset !important; } /* button are always the primary buttons*/ .button.blue { background: var(--primary-color) !important; color: var(--primary-button-text-color) !important; border-radius: 0; min-width: 150px; } .button.blue:hover, .button.blue:focus { background: var(--primary-color) !important; color: var(--primary-button-text-color) !important; opacity: .8; } .button.blue i { display: none; } body > main { height: 100%; min-height: 100%; padding: 0; position: relative; overflow-y: scroll; display: flex; flex-direction: column; justify-content: space-between; } main .page-body{ display: flex; flex-direction: column; } main .page-body .panel { padding: 20px 40px 10px 40px; border-top: none; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } main .page-body .panel .login-info { text-align: center; width: 100%; margin-bottom: 20px; color: #696D73 } main .page-body .panel > h2 { color: var(--primary-color); margin-top: 30px; padding-bottom: 10px; text-align: center; width: 100%; } main .login-button-container { display: none; } main .login-button-container .form-row { display: none; } .progress-bar div { background: var(--primary-color); } .blue-text { color: var(--primary-color) !important; } main .page-body .panel .logo { height: 100px; background-repeat: no-repeat; background-position: center; background-image: var(--logo); background-size: contain; } main .page-body .panel .form-row.actions { } main .page-body .panel .form-row.actions .forgot-password { padding-top: 10px; } .input, input[type="email"], input[type="file"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { background: transparent; padding: 10px 0; border: none; box-shadow: none; transition: border-color 0.2s; font-size: var(--font-size); } .input:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus { box-shadow: none; transition: border 200ms; } .input-addon-group > .input:last-child, .input-addon-group > input:last-child, .input-addon-group > span:last-child { border-right: none; } .input-addon-group > .input:first-child, .input-addon-group > input:first-child, .input-addon-group > span:first-child { border-left: none; } .input-addon-group span { border: none; background: transparent; padding: 10px 10px; box-shadow: none; } .input-addon-group { border-bottom: 2px solid #E5E5E5; } .input-addon-group:focus-within { border-bottom: 2px solid var(--primary-color); transition: border 300ms ease-out; } .input-addon-group:focus-within span i { color: var(--primary-color) !important; transition: color 300ms ease-out; } label i.fa { color: var(--primary-color) } .abort-button { color: var(--primary-color); margin-top: 10px; padding: 4px; text-align: center; border: 1px solid var(--primary-color); } :root { --primary-color: #023F79; --primary-button-text-color: #ffffff; --font-size: 14px; --logo: unset; } body > main > footer { height: 68px; padding: 0px; text-align: unset; display: flex!important; background-color: var(--primary-color); color: var(--primary-button-text-color) !important; } body > main > footer > .content a { color: var(--primary-button-text-color); line-height: 1.5; min-height: 2.572em; display: inline-flex; text-align: center; padding: 4px 16px; } body > main > footer > .content #legal-links a { } body > main > footer > .content #social-links a { margin-left: 10px; } body > main > footer > .content a i { color: var(--primary-button-text-color); width: 25px; height: 25px; font-size: 25px; } body > main > footer > .content { display: flex; flex-wrap: nowrap; margin: 0 auto; padding: 16px 0px; align-items: center; max-width: 1232px; width: 100%; } body > main .login-text { border: 1px solid; margin: 0 0 15px 0; padding: 16px 0px; width: 100%; display: none; border-radius: 5px; } body > main .login-text.info { border-color: #E4E4E4; } body > main .login-text.warn { border-color: #F2C037; } body > main .login-text.error { border-color: #C10015; } body > main .login-text > .text-icon { margin: auto 15px; font-size: 20px; } body > main .login-text.info > .text-icon { color: #4C4C4C; } body > main .login-text.warn > .text-icon { color: #F2C037; } body > main .login-text.error > .text-icon { color: #C10015; } .container-fluid, .container { margin: auto; } </style> <script src="/js/prime-min-1.7.0.js?version=1.51.2"></script> <script src="/js/Util.js?version=1.51.2"></script> <script src="/js/oauth2/LocaleSelect.js?version=1.51.2"></script> <script> "use strict"; Prime.Document.onReady(function() { Prime.Document.query('.alert').each(function(e) { var dismissButton = e.queryFirst('a.dismiss-button'); if (dismissButton !== null) { new Prime.Widgets.Dismissable(e, dismissButton).initialize(); } }); Prime.Document.query('[data-tooltip]').each(function(e) { new Prime.Widgets.Tooltip(e).withClassName('tooltip').initialize(); }); Prime.Document.query('.date-picker').each(function(e) { new Prime.Widgets.DateTimePicker(e).withDateOnly().initialize(); }); var localeSelect = Prime.Document.queryById('locale-select'); if (localeSelect !== null) { new FusionAuth.OAuth2.LocaleSelect(localeSelect); } if(localStorage.getItem('wilken-support') === 'true' || localStorage.getItem('intense-support') === 'true') { const wilkenBtn = document.evaluate("//button[contains(., 'Wilken-Mitarbeiter')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue const intenseBtn = document.evaluate("//button[contains(., 'Intense-Mitarbeiter')]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue if(wilkenBtn && localStorage.getItem('wilken-support') === 'true') { wilkenBtn.parentElement.style.display = 'block' } else if(intenseBtn && localStorage.getItem('intense-support') === 'true') { intenseBtn.parentElement.style.display = 'block' } var loginButtonContainer = document.querySelector('.login-button-container'); if (loginButtonContainer != null) { loginButtonContainer.style.display = 'block'; } } fetch('/api/configuration/login', { cache: "no-store", headers: { 'Access-Control-Allow-Origin':'*', 'Content-Type': 'application/json', 'X-TENANT-ID': 't13276', 'X-BRAND-ID': 'swamsee' } }).then((response) => response.json()) .then(data => { const socialLinks = [] for(let l of data.socialLinks || []) { let faClass = l.type.toLowerCase() switch(faClass) { case 'facebook': faClass = 'facebook-official'; break; case 'mastodon': faClass = 'mastodon'; break; case 'linkedin': faClass = 'linkedin-square'; break; } socialLinks.push({faClass: 'fa-' + faClass, href: l.url}) } const legalLinksElement = document.getElementById('legal-links'); if(legalLinksElement) { legalLinksElement.textContent = ''; for(let l of data.textLinks) { const a = document.createElement('a'); a.href = l.url; a.target = "_blank"; a.textContent = l.text; legalLinksElement.appendChild(a); } } // Es werden keine Social Links angezeigt socialLinks.length = 0 const socialLinksElement = document.getElementById('social-links'); if(socialLinksElement) { socialLinksElement.textContent = ''; for(let l of socialLinks) { const a = document.createElement('a'); a.href = l.href; a.target = "_blank"; const i = document.createElement('i'); i.classList.add('fa') i.classList.add(l.faClass) a.appendChild(i); socialLinksElement.appendChild(a); } } if(socialLinks.length > 0 || data.textLinks.length > 0) { document.getElementsByTagName('footer')[0].style.display = 'block' } if('' && '') { document.querySelector('div.login-text').classList.add('') document.querySelector('div.login-text > .text-content').innerHTML = '' let iconCls = '' switch('') { case 'error': iconCls = 'fa-exclamation-triangle' case 'warn': case 'warning': iconCls = 'fa-exclamation-circle' case 'info': default: iconCls = 'fa-info-circle' } const elIcon = document.querySelector('div.login-text > .text-icon') elIcon.classList.add('fa'); elIcon.classList.add(iconCls); elIcon.classList.add(''); document.querySelector('div.login-text').style.display = 'flex' } }) }); FusionAuth.Version = "1.51.2"; </script> <style> :root { --primary-color: #37AB49; --primary-button-text-color: #FFFFFF; --logo: url('/resources/img/logo.svg'); } ; </style> <script src="/js/jstz-min-1.0.6.js"></script> <script src="/js/oauth2/Authorize.js?version=1.51.2"></script> <script id="idp_helper" src="/js/identityProvider/Helper.js?version=1.51.2"></script> <script src="/js/identityProvider/Redirect.js?version=1.51.2"></script> <script> Prime.Document.onReady(function () { new FusionAuth.OAuth2.Authorize() var panel = Prime.Document.queryFirst('.panel') if (panel !== null) { FusionAuth = FusionAuth || {} FusionAuth.IdentityProvider = FusionAuth.IdentityProvider || {} FusionAuth.IdentityProvider.InProgress = new Prime.Widgets.InProgress(panel) } }) function navigateToCancellationURL() { const redirect = new URLSearchParams(location.search).get('cancellation_redirect') if (redirect) { window.location.href = redirect } else { history.back() } } </script> </head> <body class="app-sidebar-closed"> <main> <main class="page-body container"> <div class="row center-xs"> <div class="col-xs col-sm-8 col-md-6 col-lg-5 col-xl-5"> <div class="panel" data-in-progress> <div class="logo"></div> <h2>Anmelden </h2> <main> <div class=login-info> Bitte geben Sie Ihre Anmeldedaten an, um auf die Seite zuzugreifen.</div> <form action="authorize" method="POST" class="full" > <input type="hidden" name="captcha_token" value="" /> <input type="hidden" name="client_id" value="467fdf3b-f196-41ab-b4e4-b20b76ec9c10"/> <input type="hidden" name="code_challenge" value="IThozj33-VUq2kpq5GxVSPO_fBx1E8S5sNWBvIKk6S4"/> <input type="hidden" name="code_challenge_method" value="S256"/> <input type="hidden" name="metaData.device.name" value="" /> <input type="hidden" name="metaData.device.type" value="" /> <input type="hidden" name="nonce" value="802863c00b021b7be17f439e2a0fe37a"/> <input type="hidden" name="oauth_context" value="" /> <input type="hidden" name="pendingIdPLinkId" value="" /> <input type="hidden" name="redirect_uri" value="https://portal.stadtwerk-am-see.de/oauth/callback"/> <input type="hidden" name="response_mode" value="" /> <input type="hidden" name="response_type" value="code"/> <input type="hidden" name="scope" value="openid offline_access"/> <input type="hidden" name="state" value="ffe4eb4c86f90aada9520a6b00b530de"/> <input type="hidden" name="tenantId" value="21c15317-9635-4079-8cf3-4c00ba98bfda"/> <input type="hidden" name="timezone" value="" /> <input type="hidden" name="user_code" value="" /> <input type="hidden" name="showPasswordField" value="true"/> <fieldset> <div class="form-row"> <div class="input-addon-group"> <span class="icon"><i class="fa fa-user"></i></span> <input id="loginId" type="text" name="loginId" value="" class="" autocapitalize="none" autocomplete="on" autocorrect="off" spellcheck="false" autofocus="autofocus" placeholder="E-Mail" /> </div> </div> <div class="form-row"> <div class="input-addon-group"> <span class="icon"><i class="fa fa-lock"></i></span> <input id="password" type="password" name="password" class="" autocapitalize="none" autocomplete="current-password" autocorrect="off" spellcheck="false" placeholder="Passwort" /> </div> </div> </fieldset> <div class="login-text"> <i class="text-icon"></i> <div class="text-content"></div> </div> <div class="form-row actions"> <div class="login-button"> <button class="blue button"><i class="fa fa-key"></i> Anmelden</button> </div> <div class="forgot-password"> <a href="/password/forgot?tenantId=21c15317-9635-4079-8cf3-4c00ba98bfda&client_id=467fdf3b-f196-41ab-b4e4-b20b76ec9c10&nonce=802863c00b021b7be17f439e2a0fe37a&pendingIdPLinkId=&redirect_uri=https%3A%2F%2Fportal.stadtwerk-am-see.de%2Foauth%2Fcallback&response_mode=&response_type=code&scope=openid%20offline_access&state=ffe4eb4c86f90aada9520a6b00b530de&timezone=&metaData.device.name=&metaData.device.type=&code_challenge=IThozj33-VUq2kpq5GxVSPO_fBx1E8S5sNWBvIKk6S4&code_challenge_method=S256&user_code="> Passwort vergessen?</a> </div> </div> </form> <div> </div> <div class="form-row push-top"> Haben Sie noch kein Konto?<br /> <a href="register?tenantId=21c15317-9635-4079-8cf3-4c00ba98bfda&client_id=467fdf3b-f196-41ab-b4e4-b20b76ec9c10&nonce=802863c00b021b7be17f439e2a0fe37a&pendingIdPLinkId=&redirect_uri=https%3A%2F%2Fportal.stadtwerk-am-see.de%2Foauth%2Fcallback&response_mode=&response_type=code&scope=openid%20offline_access&state=ffe4eb4c86f90aada9520a6b00b530de&timezone=&metaData.device.name=&metaData.device.type=&code_challenge=IThozj33-VUq2kpq5GxVSPO_fBx1E8S5sNWBvIKk6S4&code_challenge_method=S256&user_code="> Jetzt registrieren.</a> </div> <div id="login-button-container" class="login-button-container" data-federated-csrf="LvlOOYdDCvXnbp8o"> <div class="hr-container"> <hr> <div>Oder</div> </div> <div class="form-row push-less-top"> <button class="openid login-button" data-login-method="UseRedirect" data-identity-provider-id="a257de19-b257-46ad-b66c-00c8b378d077"> <div> <div class="icon"> <svg version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <g id="g2189"> <g id="g2202"> <path class="cls-1" d="M87.57,39.57c-8.9-5.55-21.38-9-34.95-9C25.18,30.59,3,44.31,3,61.17,3,76.64,21.46,89.34,45.46,91.52v-8.9c-16.12-2-28.24-10.87-28.24-21.45,0-12,15.84-21.9,35.4-21.9,9.78,0,18.6,2.41,24.95,6.43l-9,5.62H96.84V33.8Z"></path> <path class="cls-2" d="M45.46,15.41v76l14.23-8.9V6.22Z"></path> </g> </g> </svg> </div> <div class="text">Anmelden als Wilken-Mitarbeiter</div> </div> </button> </div> </div> </main> </div> </div> </div> </main> <footer style="display: none;"> <div class="content"> <div class="pageLinks" id="legal-links"> </div> <div style="flex-grow: 1 !important"></div> <div class="social" id="social-links"> </div> </div> </footer> </main> </body> </html>

CINXE.COM

STADTWERK AM SEE – Kundenportal