{"id":5101,"date":"2025-06-27T07:32:49","date_gmt":"2025-06-27T07:32:49","guid":{"rendered":"https:\/\/sharkxs.com\/login\/"},"modified":"2025-08-20T08:30:58","modified_gmt":"2025-08-20T08:30:58","slug":"login","status":"publish","type":"page","link":"https:\/\/sharkxs.com\/en\/login\/","title":{"rendered":"login"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5101\" class=\"elementor elementor-5101 elementor-3860\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71aaf08 e-flex e-con-boxed e-con e-parent\" data-id=\"71aaf08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b10ec37 elementor-widget elementor-widget-html\" data-id=\"b10ec37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- wpml-no-translate -->\r\n<div class=\"wpml-no-translate\">\r\n\r\n\r\n<style>\r\n.sharkxs-auth-container {\r\n  background: #232136;\r\n  border-radius: 20px;\r\n  max-width: 390px;\r\n  margin: 64px auto 0 auto;\r\n  padding: 2.5rem 2rem 1.5rem 2rem;\r\n  box-shadow: 0 6px 32px rgba(0,0,0,0.18);\r\n  color: #fff;\r\n  text-align: center;\r\n}\r\n.sharkxs-auth-container h2 {\r\n  font-size: 2rem;\r\n  margin-bottom: 1.1rem;\r\n  font-weight: 700;\r\n  color: #fff700;\r\n  text-shadow: 0 2px 16px #191922, 0 0 2px #232136;\r\n}\r\n.sharkxs-google-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  border-radius: 8px;\r\n  background: #fff;\r\n  color: #232136 !important;\r\n  font-weight: 600;\r\n  font-size: 1.15rem;\r\n  padding: 13px 0;\r\n  margin-bottom: 1.3rem;\r\n  border: 1.5px solid #ffd200;\r\n  transition: box-shadow 0.2s, border 0.2s;\r\n  text-decoration: none;\r\n  box-shadow: 0 2px 8px rgba(255,210,0,0.07);\r\n  gap: 12px;\r\n}\r\n.sharkxs-google-btn img {\r\n  width: 22px;\r\n  height: 22px;\r\n  margin-right: 6px;\r\n}\r\n.sharkxs-google-btn:hover {\r\n  box-shadow: 0 4px 16px rgba(255,210,0,0.17);\r\n  border: 1.5px solid #f7971e;\r\n}\r\n.sharkxs-divider {\r\n  border-top: 1.5px solid #363655;\r\n  margin: 2rem 0 1.2rem 0;\r\n}\r\n.sharkxs-login-form {\r\n  margin-bottom: 1.3rem;\r\n}\r\n.sharkxs-login-form input[type=\"text\"],\r\n.sharkxs-login-form input[type=\"email\"],\r\n.sharkxs-login-form input[type=\"password\"] {\r\n  background: #27243d;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 13px;\r\n  width: 100%;\r\n  margin-bottom: 1.2rem;\r\n  font-size: 1.06rem;\r\n}\r\n.sharkxs-login-form button {\r\n  width: 100%;\r\n  background: linear-gradient(90deg, #ffd200, #f7971e);\r\n  color: #232136;\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 13px 0;\r\n  font-size: 1.15rem;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  margin-bottom: 0.8rem;\r\n  transition: background 0.2s;\r\n  box-shadow: 0 2px 8px rgba(255,210,0,0.07);\r\n}\r\n.sharkxs-login-form button:hover {\r\n  background: linear-gradient(90deg, #f7971e, #ffd200);\r\n}\r\n.sharkxs-links {\r\n  margin: 1.1rem 0 0.5rem 0;\r\n  font-size: 1rem;\r\n}\r\n.sharkxs-link {\r\n  color: #ffd200;\r\n  text-decoration: underline;\r\n  margin-left: 3px;\r\n  transition: color 0.2s;\r\n  font-weight: 600;\r\n}\r\n.sharkxs-link:hover {\r\n  color: #fff700;\r\n}\r\n.sharkxs-register-prompt {\r\n  font-size: 1rem;\r\n  margin: 1.1rem 0;\r\n  color: #fff;\r\n}\r\n.sharkxs-register-btn {\r\n  display: inline-block;\r\n  margin-left: 8px;\r\n  color: #232136;\r\n  background: linear-gradient(90deg, #ffd200, #f7971e);\r\n  border-radius: 7px;\r\n  padding: 7px 24px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: background 0.22s;\r\n  box-shadow: 0 2px 8px rgba(255,210,0,0.07);\r\n}\r\n.sharkxs-register-btn:hover {\r\n  background: linear-gradient(90deg, #f7971e, #ffd200);\r\n  color: #232136;\r\n}\r\n\/* Styles f\u00fcr Remember Me Checkbox *\/\r\n.sharkxs-remember-me {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 1.2rem;\r\n  font-size: 0.95rem;\r\n}\r\n.sharkxs-remember-me input[type=\"checkbox\"] {\r\n  width: 18px;\r\n  height: 18px;\r\n  margin-right: 8px;\r\n  cursor: pointer;\r\n  accent-color: #ffd200;\r\n}\r\n.sharkxs-remember-me label {\r\n  cursor: pointer;\r\n  color: #fff;\r\n  user-select: none;\r\n}\r\n@media (max-width: 600px) {\r\n  .sharkxs-auth-container {\r\n    margin-top: 22vw;\r\n    padding: 2rem 0.5rem 1.2rem 0.5rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sharkxs-auth-container\">\r\n  <h2 id=\"login-title\">Melden Sie sich bei sharkXS an<\/h2>\r\n  \r\n  <a class=\"sharkxs-google-btn\" href=\"https:\/\/sharkxs.com\/wp-login.php?loginSocial=google\" data-plugin=\"nsl\" data-action=\"connect\" data-redirect=\"current\" data-provider=\"google\" data-popupwidth=\"600\" data-popupheight=\"600\">\r\n    <img decoding=\"async\" src=\"https:\/\/developers.google.com\/identity\/images\/g-logo.png\" alt=\"Google Logo\">\r\n    <span id=\"google-login-text\">Mit Google anmelden<\/span>\r\n  <\/a>\r\n  <div id=\"or-email-login\">oder mit E-Mail Adresse anmelden<\/div>\r\n  \r\n  <form class=\"sharkxs-login-form\" action=\"\/wp-login.php\" method=\"post\" autocomplete=\"on\">\r\n    <input type=\"text\" name=\"log\" id=\"username-input\" placeholder=\"Benutzername oder E-Mail-Adresse*\" required autocomplete=\"username\">\r\n    <input type=\"password\" name=\"pwd\" id=\"password-input\" placeholder=\"Passwort*\" required autocomplete=\"current-password\">\r\n    \r\n    <!-- Angemeldet bleiben Checkbox -->\r\n    <div class=\"sharkxs-remember-me\">\r\n      <input type=\"checkbox\" name=\"rememberme\" id=\"rememberme\" value=\"forever\">\r\n      <label for=\"rememberme\" id=\"remember-me-label\">Angemeldet bleiben<\/label>\r\n    <\/div>\r\n    \r\n    <button type=\"submit\" name=\"wp-submit\" id=\"login-button\">Einloggen<\/button>\r\n    <input type=\"hidden\" name=\"redirect_to\" value=\"\/\">\r\n  <\/form>\r\n  \r\n  <div class=\"sharkxs-links\">\r\n    <a class=\"sharkxs-link\" href=\"\/my-account\/lost-password\/\" id=\"forgot-password-link\">Passwort vergessen?<\/a>\r\n  <\/div>\r\n  \r\n  <div class=\"sharkxs-divider\"><\/div>\r\n  \r\n  <div class=\"sharkxs-register-prompt\">\r\n    <span id=\"no-account-text\">Sie haben noch kein Konto?<\/span>\r\n    <a class=\"sharkxs-register-btn\" href=\"\/register\" id=\"register-button\">Registrieren<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u00dcbersetzungsfunktion ohne Template-Literale\r\nfunction t(key, fallback) {\r\n    if (!fallback) fallback = null;\r\n    \r\n    if (window.sharkxsData && window.sharkxsData.translations && window.sharkxsData.translations[key]) {\r\n        return window.sharkxsData.translations[key];\r\n    }\r\n    \r\n    var isGerman = window.location.pathname.indexOf('\/en\/') === -1;\r\n    \r\n    var staticTranslations = {\r\n        'de': {\r\n            'loginTitle': 'Melden Sie sich bei sharkXS an',\r\n            'googleLogin': 'Mit Google anmelden',\r\n            'orEmailLogin': 'oder mit E-Mail Adresse anmelden',\r\n            'usernamePlaceholder': 'Benutzername oder E-Mail-Adresse*',\r\n            'passwordPlaceholder': 'Passwort*',\r\n            'loginButton': 'Einloggen',\r\n            'forgotPassword': 'Passwort vergessen?',\r\n            'noAccountYet': 'Sie haben noch kein Konto?',\r\n            'registerButton': 'Registrieren',\r\n            'rememberMe': 'Angemeldet bleiben'\r\n        },\r\n        'en': {\r\n            'loginTitle': 'Sign in to sharkXS',\r\n            'googleLogin': 'Sign in with Google',\r\n            'orEmailLogin': 'or sign in with email address',\r\n            'usernamePlaceholder': 'Username or Email Address*',\r\n            'passwordPlaceholder': 'Password*',\r\n            'loginButton': 'Log In',\r\n            'forgotPassword': 'Forgot Password?',\r\n            'noAccountYet': 'Don\\'t have an account yet?',\r\n            'registerButton': 'Register',\r\n            'rememberMe': 'Remember me'\r\n        }\r\n    };\r\n    \r\n    var lang = isGerman ? 'de' : 'en';\r\n    return staticTranslations[lang][key] || fallback || key;\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    var isGerman = window.location.pathname.indexOf('\/en\/') === -1;\r\n    \r\n    \/\/ Texte \u00fcbersetzen\r\n    document.getElementById('login-title').textContent = t('loginTitle', 'Melden Sie sich bei sharkXS an');\r\n    document.getElementById('google-login-text').textContent = t('googleLogin', 'Mit Google anmelden');\r\n    document.getElementById('or-email-login').textContent = t('orEmailLogin', 'oder mit E-Mail Adresse anmelden');\r\n    \r\n    \/\/ Placeholders \u00fcbersetzen\r\n    document.getElementById('username-input').placeholder = t('usernamePlaceholder', 'Benutzername oder E-Mail-Adresse*');\r\n    document.getElementById('password-input').placeholder = t('passwordPlaceholder', 'Passwort*');\r\n    document.getElementById('login-button').textContent = t('loginButton', 'Einloggen');\r\n    \r\n    \/\/ Remember Me Label \u00fcbersetzen\r\n    document.getElementById('remember-me-label').textContent = t('rememberMe', 'Angemeldet bleiben');\r\n    \r\n    \/\/ Links \u00fcbersetzen UND URLs anpassen\r\n    var forgotPasswordLink = document.getElementById('forgot-password-link');\r\n    forgotPasswordLink.textContent = t('forgotPassword', 'Passwort vergessen?');\r\n    forgotPasswordLink.href = isGerman ? '\/my-account\/lost-password\/' : '\/en\/my-account\/lost-password\/';\r\n    \r\n    document.getElementById('no-account-text').textContent = t('noAccountYet', 'Sie haben noch kein Konto?');\r\n    \r\n    var registerButton = document.getElementById('register-button');\r\n    registerButton.textContent = t('registerButton', 'Registrieren');\r\n    registerButton.href = isGerman ? '\/register' : '\/en\/register';\r\n    \r\n    \/\/ Google Login Redirect auch sprachabh\u00e4ngig machen\r\n    var googleBtn = document.querySelector('.sharkxs-google-btn');\r\n    var baseUrl = 'https:\/\/sharkxs.com\/wp-login.php?loginSocial=google';\r\n    var redirectUrl = isGerman ? '\/' : '\/en\/';\r\n    googleBtn.href = baseUrl + '&redirect_to=' + encodeURIComponent(redirectUrl);\r\n    \r\n    \/\/ Form Redirect auch anpassen\r\n    var hiddenRedirect = document.querySelector('input[name=\"redirect_to\"]');\r\n    hiddenRedirect.value = isGerman ? '\/' : '\/en\/';\r\n});\r\n<\/script>\r\n\r\n<\/div>\r\n<!-- \/wpml-no-translate -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Melden Sie sich bei sharkXS an Mit Google anmelden oder mit E-Mail Adresse anmelden Angemeldet bleiben Einloggen Passwort vergessen? Sie haben noch kein Konto? Registrieren<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5101","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/pages\/5101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/comments?post=5101"}],"version-history":[{"count":5,"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/pages\/5101\/revisions"}],"predecessor-version":[{"id":5924,"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/pages\/5101\/revisions\/5924"}],"wp:attachment":[{"href":"https:\/\/sharkxs.com\/en\/wp-json\/wp\/v2\/media?parent=5101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}