IM NOT LOGGED INIM NOT LOGGED IN{"id":15,"date":"2025-09-16T08:02:13","date_gmt":"2025-09-16T08:02:13","guid":{"rendered":"https:\/\/bananenblatt.de\/?p=15"},"modified":"2025-09-16T08:02:14","modified_gmt":"2025-09-16T08:02:14","slug":"paywall","status":"publish","type":"post","link":"https:\/\/bananenblatt.de\/index.php\/2025\/09\/16\/paywall\/","title":{"rendered":"Paywall"},"content":{"rendered":"\n<p>Vor der Paywal steht das<\/p>\n\n\n<style>\r\n.auth-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    font-family: Arial, sans-serif;\r\n}\r\n\r\n.button-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    width: 100%;\r\n    max-width: 400px;\r\n}\r\n\r\n.button-container-row {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n}\r\n\r\n.button-container-row button{\r\n    height: 44px;\r\n\twidth: 206px;\r\n    border-radius: 5px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    padding: 0 5px;\r\n    gap: 5px;\r\n}\r\n\r\n.button-container-row button img {\r\n    margin-right: auto;\r\n}\r\n\r\n.button-container-row button span {\r\n    flex-grow: 1;\r\n    text-align: center;\r\n}\r\n\t\r\n.button-container-row form{\r\n    width: 205px;\r\n    border-radius: 5px;\r\n    padding: 0px !important;\r\n}\r\n<\/style>\r\n<div class=\"auth-container\">\r\n    <h1>Anmeldeoptionen<\/h1>\r\n    <div class=\"button-container\">\r\n        <div class=\"button-container-row\">\r\n            <script src=\"https:\/\/static.doccheck.com\/components\/login-button\/1.0.2\/main.js\"><\/script>\r\n            <dc-login-button size=\"large\" language=\"de\" loginClientId=\"2000000022366\" redirectUri=\"'\/?dc=login'\"><\/dc-login-button>\r\n                    <\/div>\r\n        <div class=\"button-container-row\">\r\n            <button id=\"option-dt\" onclick=\"selectOption(this, '\/?dtxamauthsso=login')\" disabled>\r\n                <img decoding=\"async\" src=\"https:\/\/mgo-fachverlage.de\/wp-content\/uploads\/2020\/01\/mgo_Fachverlage_Logo.svg\" alt=\"mgo Logo\" style=\"width: auto; height: 30px;\">\r\n                <span>SSO<\/span>\r\n            <\/button>\r\n        <\/div>\r\n        <div class=\"button-container-row\">                \r\n            <form class=\"login-form\" id=\"login-form\" action=\"\/?dtxamauthsso=login\" method=\"POST\">\r\n                <input type=\"text\" name=\"username\" placeholder=\"Username or Email\" id=\"username\" required>\r\n                <input type=\"password\" name=\"password\" placeholder=\"Password\" id=\"password\" required>\r\n                <button type=\"submit\" disabled>\r\n                    <img decoding=\"async\" src=\"https:\/\/s3-eu-west-1.amazonaws.com\/appbuilder-v2.production.pressmatrix.com\/brand_settings\/000\/004\/614\/favicon\/android-icon-192x192.png\" alt=\"PressMatrix Logo\" style=\"width: auto; height: 30px;\">\r\n                    <span>PressMatrix<\/span>\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.getElementById( 'option-pm' ).addEventListener( 'click', function() {\r\n        const loginForm = document.getElementById( 'login-form' );\r\n        loginForm.style.display = loginForm.style.display === 'none' || loginForm.style.display === '' ? 'block' : 'none';\r\n        selectOption(this);\r\n    });\r\n\r\n    function selectOption(button, redirectUrl = null) {\r\n        \/\/ Remove 'selected' class from all buttons\r\n        document.querySelectorAll('.auth-container button').forEach(btn => btn.classList.remove('selected'));\r\n        \r\n        \/\/ Add 'selected' class to the clicked button\r\n        button.classList.add('selected');\r\n        \r\n        \/\/ Redirect if a URL is provided\r\n        if (redirectUrl) {\r\n            window.location.href = redirectUrl;\r\n        }\r\n    }\r\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Vor der Paywal steht das<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-15","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/posts\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":2,"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/posts\/15\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/posts\/15\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/categories?post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bananenblatt.de\/index.php\/wp-json\/wp\/v2\/tags?post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}