{"id":1482,"date":"2024-02-23T14:58:27","date_gmt":"2024-02-23T13:58:27","guid":{"rendered":"https:\/\/www.alpine-faszination.at\/?page_id=1482"},"modified":"2024-03-06T09:24:51","modified_gmt":"2024-03-06T08:24:51","slug":"datatransfer","status":"publish","type":"page","link":"https:\/\/www.alpine-faszination.at\/de\/datatransfer\/","title":{"rendered":"Datatransfer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1482\" class=\"elementor elementor-1482\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-776103b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"776103b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a942421\" data-id=\"a942421\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b5ecc14 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"b5ecc14\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-lock\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-656d64d elementor-widget elementor-widget-heading\" data-id=\"656d64d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Kreditkartendaten sicher \u00fcbertragen<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5614e23 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"5614e23\" data-element_type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;N\\u00e4chster&quot;,&quot;step_previous_label&quot;:&quot;Voriger&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Anfrage\" aria-label=\"Anfrage\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"1482\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"5614e23\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Vor- und Nachname\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-cardnumber elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-cardnumber\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tKartennummer\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[cardnumber]\" id=\"form-field-cardnumber\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"1234 1234 1234 1234\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-number elementor-field-group elementor-column elementor-field-group-expirationmonth elementor-col-20 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-expirationmonth\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tG\u00fcltig bis\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"number\" name=\"form_fields[expirationmonth]\" id=\"form-field-expirationmonth\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"MM\" required=\"required\" min=\"1\" max=\"12\" >\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-number elementor-field-group elementor-column elementor-field-group-expirationyear elementor-col-25 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-expirationyear\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t \t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"number\" name=\"form_fields[expirationyear]\" id=\"form-field-expirationyear\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"YYYY\" required=\"required\" min=\"2000\" max=\"2099\" >\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-cvc elementor-col-25 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-cvc\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPr\u00fcfnummer\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[cvc]\" id=\"form-field-cvc\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"CVC\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVerschl\u00fcsselte Nachricht (nur diese wird versendet).\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"7\" placeholder=\"Wird automatisch generiert...\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[cName]\" id=\"form-field-cName\" class=\"elementor-field elementor-size-sm \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-privacy elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-privacy\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tDatenschutz\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[privacy]\" id=\"form-field-privacy\" class=\"elementor-field elementor-size-sm  elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-privacy\">Ja, ich habe die <a href=\"\/de\/datenschutz\" target=\"_blank\">Datenschutzerkl\u00e4rung<\/a> gelesen und akzeptiere diese. *<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_1 elementor-col-100\">\n\t\t\t\t\t* Alle Felder die mit einem Stern (*) gekennzeichnet sind, sind Pflichtangaben und m\u00fcssen ausgef\u00fcllt werden.\n<\/br><\/br>\nDieses Formular wurde ausschlie\u00dflich zur einfachen und verschl\u00fcsselten \u00dcbertragung von Daten erstellt. Bitte beachten Sie, dass es nicht dem Regelwerk PCI-DSS entspricht.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-lock\"><\/i>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Senden<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-354016f elementor-widget elementor-widget-html\" data-id=\"354016f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <script>\n\n\n\nconst publicKey = \"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEArERN9unClXloKmU\/OxGaGdu3SPkR90\/Iy0zqzCSTl2+UpusBUmMUadgyA4yffNaXO5kWimVxyLsPO0pvYTwKG6pf+GwQWVnqSMk6LiSSNrAIZ2v0ZeE+ug7JqzFL04PVEARzal+aMZnWGH2Rsb6wjaTxMeF\/E6FCD\/SGbCoUPFZBHYUTllH+6VRolfXALBxZyo7kZZxfkAAetGI+VrAe1r26KRuODmjp5LaH0xhsNykNNAqm61nDMdPcyJENz4OmSgVM208X+w5b9knvAC5QEXuxo6Nesj449iX\/PktN5BSGiQUXAPr0ffg2ynO6Tr5oOeHk1rJKnZZY0zd\/i2SU4QIDAQAB\"\n\n\n\nasync function importPublicKey(publicKeyBase64) {\n    const publicKeyBuffer = Uint8Array.from(atob(publicKeyBase64), c => c.charCodeAt(0));\n    const publicKey = await window.crypto.subtle.importKey(\n      \"spki\",\n      publicKeyBuffer,\n      {\n        name: \"RSA-OAEP\",\n        hash: \"SHA-256\"\n      },\n      true,\n      [\"encrypt\"]\n    );\n    return publicKey;\n  }\n  \n  \n  \/\/ Verschl\u00fcssle die Nachricht mit dem \u00f6ffentlichen Schl\u00fcssel\n  async function encryptMessage(publicKey, message) {\n    const encodedMessage = new TextEncoder().encode(message);\n    console.log(encodedMessage);\n    const encryptedBuffer = await window.crypto.subtle.encrypt(\n      {\n        name: \"RSA-OAEP\"\n      },\n      publicKey,\n      encodedMessage\n    );\n    return new Uint8Array(encryptedBuffer);\n  }\n  \n  function uint8ArrayToBase64(uint8Array) {\n    let binary = '';\n    uint8Array.forEach(byte => {\n      binary += String.fromCharCode(byte);\n    });\n    return btoa(binary);\n  }\n  \n  \/\/ Hauptfunktion zum Verschl\u00fcsseln und Entschl\u00fcsseln der Nachricht\n  async function encryptAndDecryptMessage(message) {\n    try {\n      \/\/ Generiere ein Schl\u00fcsselpaar\n      const publicKey_ = await importPublicKey(publicKey)\n      \/\/ Verschl\u00fcssele die Nachricht mit dem \u00f6ffentlichen Schl\u00fcssel\n      const encryptedMessage = await encryptMessage(publicKey_, message);\n  \n      \/\/console.log(\"Verschl\u00fcsselte Nachricht:\", uint8ArrayToBase64(encryptedMessage));\n      return uint8ArrayToBase64(encryptedMessage);\n    \n    } catch (error) {\n      console.error(\"Fehler beim Verschl\u00fcsseln\/Entschl\u00fcsseln:\", error);\n      return ''\n    }\n  }\n  \n\n\n\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ W\u00e4hlen Sie alle Eingabefelder aus\n\n    const _name = document.getElementById(\"form-field-name\");\n    const _cardnumber = document.getElementById(\"form-field-cardnumber\");\n    const _expiration_month = document.getElementById(\"form-field-expirationmonth\");\n    const _expiration_year = document.getElementById(\"form-field-expirationyear\");\n    const _cvc = document.getElementById(\"form-field-cvc\");\n    const _message = document.getElementById(\"form-field-message\");\n    _message.readOnly = true;\n    _message.style.backgroundColor = \"#B08854\";\n    _message.style.color = \"#316A87\";\n    \n    _name.addEventListener(\"change\", valueChanged);\n    _cardnumber.addEventListener(\"change\",valueChanged);\n    _expiration_month.addEventListener(\"change\",valueChanged);\n    _expiration_year.addEventListener(\"change\",valueChanged);\n    _cvc.addEventListener(\"change\",valueChanged);\n});\n\nasync function valueChanged() {\n    \n    const _name = document.getElementById(\"form-field-name\");\n    const _cardnumber = document.getElementById(\"form-field-cardnumber\");\n    const _expiration_month = document.getElementById(\"form-field-expirationmonth\");\n    const _expiration_year = document.getElementById(\"form-field-expirationyear\");\n    const _cvc = document.getElementById(\"form-field-cvc\");\n    const _message = document.getElementById(\"form-field-message\");\n\n    const message2ecrypt = `Name: ${_name.value}\\nCardNo: ${_cardnumber.value}\\nExpiration: ${_expiration_month.value}\/${_expiration_year.value}\\nCVC: ${_cvc.value}`\n    \n    _message.value = await encryptAndDecryptMessage(message2ecrypt);\n  }\n\n \n \n \n  <\/script> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c59c0e4\" data-id=\"c59c0e4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kreditkartendaten sicher \u00fcbertragen<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1482","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.alpine-faszination.at\/de\/wp-json\/wp\/v2\/pages\/1482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alpine-faszination.at\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.alpine-faszination.at\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.alpine-faszination.at\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alpine-faszination.at\/de\/wp-json\/wp\/v2\/comments?post=1482"}],"version-history":[{"count":178,"href":"https:\/\/www.alpine-faszination.at\/de\/wp-json\/wp\/v2\/pages\/1482\/revisions"}],"predecessor-version":[{"id":1757,"href":"https:\/\/www.alpine-faszination.at\/de\/wp-json\/wp\/v2\/pages\/1482\/revisions\/1757"}],"wp:attachment":[{"href":"https:\/\/www.alpine-faszination.at\/de\/wp-json\/wp\/v2\/media?parent=1482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}