<style id="elementor-post-21412">.elementor-21412 .elementor-element.elementor-element-e1285ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-af92496 */<style>
  :root {
    --primary: #0a2540;
    --accent: #0077cc;
    --accent2: #00b4d8;
    --cta: #ff6b35;
    --cta-hover: #e05a28;
    --light: #f0f6ff;
    --border: #dde8f5;
    --text: #1a2b3c;
    --muted: #5a7080;
    --white: #ffffff;
    --badge: #e8f5e9;
    --badge-text: #2e7d32;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { font-family: 'Segoe UI', Arial, sans-serif; color: var(--text); background: var(--white); line-height: 1.65; }

  /* ── HERO ── */
  .hero {
    background: linear-gradient(135deg, var(--primary) 0%, #0d3d6b 60%, #0a5999 100%);
    color: var(--white);
    padding: 80px 24px 72px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute;
    top: -80px; left: -80px;
    width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(0,180,216,0.15) 0%, transparent 70%);
    pointer-events: none;
  }
  .hero::after {
    content: '';
    position: absolute;
    bottom: -60px; right: -60px;
    width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(0,119,204,0.18) 0%, transparent 70%);
    pointer-events: none;
  }
  .hero-badge {
    display: inline-block;
    background: rgba(0,180,216,0.2);
    border: 1px solid rgba(0,180,216,0.5);
    color: #7ef0ff;
    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 22px;
  }
  .hero h1 {
    font-size: clamp(1.8em, 4vw, 2.8em);
    font-weight: 800;
    line-height: 1.2;
    max-width: 760px;
    margin: 0 auto 20px;
    letter-spacing: -0.5px;
  }
  .hero h1 span { color: #7ee8ff; }
  .hero p {
    font-size: 1.1em;
    color: rgba(255,255,255,0.82);
    max-width: 580px;
    margin: 0 auto 36px;
  }
  .hero-ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
  .btn-primary {
    background: var(--cta);
    color: var(--white);
    padding: 15px 34px;
    border-radius: 7px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1em;
    transition: background 0.2s, transform 0.15s;
    display: inline-block;
  }
  .btn-primary:hover { background: var(--cta-hover); transform: translateY(-1px); }
  .btn-secondary {
    background: rgba(255,255,255,0.12);
    color: var(--white);
    padding: 15px 34px;
    border-radius: 7px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1em;
    border: 1px solid rgba(255,255,255,0.3);
    transition: background 0.2s;
    display: inline-block;
  }
  .btn-secondary:hover { background: rgba(255,255,255,0.2); }

  /* ── TRUST BAR ── */
  .trust-bar {
    background: var(--light);
    border-bottom: 1px solid var(--border);
    padding: 16px 24px;
    text-align: center;
    font-size: 0.88em;
    color: var(--muted);
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
  }
  .trust-item { display: flex; align-items: center; gap: 6px; }
  .trust-item strong { color: var(--text); }

  /* ── SECTIONS ── */
  section { padding: 64px 24px; }
  .container { max-width: 900px; margin: 0 auto; }
  .section-label {
    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 10px;
  }
  h2.section-title {
    font-size: clamp(1.4em, 3vw, 2em);
    color: var(--primary);
    font-weight: 800;
    margin-bottom: 14px;
    line-height: 1.25;
  }
  .section-sub {
    color: var(--muted);
    font-size: 1em;
    max-width: 560px;
    margin-bottom: 40px;
  }

  /* ── BENEFITS GRID ── */
  .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
  .benefit-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 24px;
    transition: box-shadow 0.2s;
  }
  .benefit-card:hover { box-shadow: 0 4px 20px rgba(0,119,204,0.10); }
  .benefit-icon { font-size: 1.8em; margin-bottom: 12px; }
  .benefit-card h3 { font-size: 1em; color: var(--primary); font-weight: 700; margin-bottom: 8px; }
  .benefit-card p { font-size: 0.92em; color: var(--muted); }

  /* ── METHODS TABLE ── */
  .methods-section { background: var(--primary); color: var(--white); }
  .methods-section .section-label { color: #7ee8ff; }
  .methods-section h2.section-title { color: var(--white); }
  .methods-section .section-sub { color: rgba(255,255,255,0.7); }
  .methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
  .method-card {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 10px;
    padding: 24px 20px;
  }
  .method-level {
    display: inline-block;
    font-size: 0.72em;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 3px 9px;
    border-radius: 20px;
    margin-bottom: 12px;
  }
  .level-qes { background: rgba(0,180,216,0.25); color: #7ef0ff; }
  .level-aes { background: rgba(255,160,0,0.25); color: #ffd080; }
  .level-ses { background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.7); }
  .method-card h3 { font-size: 1.05em; font-weight: 700; color: #fff; margin-bottom: 6px; }
  .method-card .coverage { font-size: 0.85em; color: rgba(255,255,255,0.6); margin-bottom: 10px; }
  .method-price { font-size: 1.2em; font-weight: 800; color: #7ee8ff; }
  .method-price span { font-size: 0.75em; font-weight: 400; color: rgba(255,255,255,0.6); }

  /* ── HOW IT WORKS ── */
  .how-section { background: var(--light); }
  .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0; }
  .step-item { text-align: center; padding: 24px 20px; position: relative; }
  .step-item:not(:last-child)::after {
    content: '→';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--accent);
    font-size: 1.4em;
    font-weight: bold;
  }
  @media (max-width: 600px) { .step-item:not(:last-child)::after { display: none; } }
  .step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    background: var(--accent);
    color: #fff;
    border-radius: 50%;
    font-size: 1.2em;
    font-weight: 800;
    margin: 0 auto 14px;
  }
  .step-item h3 { font-size: 0.95em; color: var(--primary); font-weight: 700; margin-bottom: 6px; }
  .step-item p { font-size: 0.85em; color: var(--muted); }

  /* ── PRICING ── */
  .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }
  .pricing-card {
    border: 1.5px solid var(--border);
    border-radius: 10px;
    padding: 24px 20px;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  .pricing-card.featured {
    border-color: var(--accent);
    box-shadow: 0 4px 20px rgba(0,119,204,0.12);
  }
  .pricing-card .pack-name { font-size: 0.8em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); margin-bottom: 8px; }
  .pricing-card .pack-price { font-size: 1.9em; font-weight: 800; color: var(--primary); line-height: 1; }
  .pricing-card .pack-credits { font-size: 0.85em; color: var(--muted); margin: 6px 0 12px; }
  .pricing-card .pack-unit { font-size: 0.82em; color: var(--accent); font-weight: 600; }
  .no-sub-note { text-align: center; margin-top: 24px; font-size: 0.9em; color: var(--muted); }
  .no-sub-note strong { color: var(--text); }

  /* ── USE CASES ── */
  .usecases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
  .usecase-card { border-left: 4px solid var(--accent2); padding: 20px 22px; background: var(--light); border-radius: 0 8px 8px 0; }
  .usecase-card .uc-icon { font-size: 1.5em; margin-bottom: 10px; }
  .usecase-card h3 { font-size: 0.97em; color: var(--primary); font-weight: 700; margin-bottom: 6px; }
  .usecase-card p { font-size: 0.88em; color: var(--muted); }

  /* ── DEV BOX ── */
  .dev-resources { background: #0d1b2a; border-radius: 12px; padding: 28px 32px; margin-top: 32px; }
  .dev-resources h3 { color: #7ee8ff; font-size: 1em; margin: 0 0 18px 0; letter-spacing: 0.5px; }
  .dev-res-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
  .dev-res-item { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 16px; }
  .dev-res-item .res-icon { font-size: 1.4em; margin-bottom: 8px; }
  .dev-res-item h4 { color: #7ee8a2; font-size: 0.9em; margin: 0 0 6px 0; }
  .dev-res-item p { color: rgba(255,255,255,0.6); font-size: 0.82em; margin: 0; }
  .cta-section {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);
    color: var(--white);
    text-align: center;
    padding: 72px 24px;
  }
  .cta-section h2 { font-size: clamp(1.4em, 3vw, 2em); font-weight: 800; margin-bottom: 14px; }
  .cta-section p { font-size: 1em; opacity: 0.9; max-width: 500px; margin: 0 auto 32px; }
  .btn-white {
    background: var(--white);
    color: var(--accent);
    padding: 15px 36px;
    border-radius: 7px;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.2s;
  }
  .btn-white:hover { opacity: 0.9; }
  .cta-note { font-size: 0.82em; opacity: 0.75; margin-top: 16px; }
</style>/* End custom CSS */</style>{"id":21412,"date":"2026-04-07T22:10:31","date_gmt":"2026-04-07T20:10:31","guid":{"rendered":"https:\/\/www.e-signature.eu\/?page_id=21412"},"modified":"2026-10-05T22:04:27","modified_gmt":"2026-10-05T20:04:27","slug":"api-elektronische-signatur","status":"publish","type":"page","link":"https:\/\/www.e-signature.eu\/de\/api-elektronische-signatur\/","title":{"rendered":"eIDAS-API f\u00fcr elektronische Signaturen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21412\" class=\"elementor elementor-21412 elementor-21411\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1285ad e-con-full e-flex e-con e-parent\" data-id=\"e1285ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af92496 elementor-widget elementor-widget-text-editor\" data-id=\"af92496\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<style>\n  :root {\n    --primary: #0a2540;\n    --accent: #0077cc;\n    --accent2: #00b4d8;\n    --cta: #ff6b35;\n    --cta-hover: #e05a28;\n    --light: #f0f6ff;\n    --border: #dde8f5;\n    --text: #1a2b3c;\n    --muted: #5a7080;\n    --white: #ffffff;\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  body { font-family: 'Segoe UI', Arial, sans-serif; color: var(--text); background: var(--white); line-height: 1.65; }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    background: linear-gradient(135deg, var(--primary) 0%, #0d3d6b 60%, #0a5999 100%);\n    color: var(--white);\n    padding: 80px 24px 72px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero::before {\n    content: '';\n    position: absolute;\n    top: -80px; left: -80px;\n    width: 400px; height: 400px;\n    background: radial-gradient(circle, rgba(0,180,216,0.15) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .hero::after {\n    content: '';\n    position: absolute;\n    bottom: -60px; right: -60px;\n    width: 350px; height: 350px;\n    background: radial-gradient(circle, rgba(0,119,204,0.18) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .hero-badge {\n    display: inline-block;\n    background: rgba(0,180,216,0.2);\n    border: 1px solid rgba(0,180,216,0.5);\n    color: #7ef0ff;\n    font-size: 0.78em;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    padding: 5px 14px;\n    border-radius: 20px;\n    margin-bottom: 22px;\n  }\n  .hero h1 {\n    font-size: clamp(1.8em, 4vw, 2.8em);\n    font-weight: 800;\n    line-height: 1.2;\n    max-width: 760px;\n    margin: 0 auto 20px;\n    letter-spacing: -0.5px;\n  }\n  .hero p {\n    font-size: 1.1em;\n    color: rgba(255,255,255,0.82);\n    max-width: 580px;\n    margin: 0 auto 28px;\n  }\n  .hero-ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n  .btn-primary {\n    background: var(--cta);\n    color: var(--white);\n    padding: 15px 34px;\n    border-radius: 7px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1em;\n    transition: background 0.2s, transform 0.15s;\n    display: inline-block;\n  }\n  .btn-primary:hover { background: var(--cta-hover); transform: translateY(-1px); }\n  .btn-secondary {\n    background: rgba(255,255,255,0.22);\n    color: var(--white);\n    padding: 15px 34px;\n    border-radius: 7px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1em;\n    border: 2px solid rgba(255,255,255,0.7);\n    transition: background 0.2s;\n    display: inline-block;\n  }\n  .btn-secondary:hover { background: rgba(255,255,255,0.32); }\n\n  \/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n  .trust-bar {\n    background: var(--light);\n    border-bottom: 1px solid var(--border);\n    padding: 16px 24px;\n    text-align: center;\n    font-size: 0.88em;\n    color: var(--muted);\n    display: flex;\n    justify-content: center;\n    gap: 32px;\n    flex-wrap: wrap;\n  }\n  .trust-item { display: flex; align-items: center; gap: 6px; }\n  .trust-item strong { color: var(--text); }\n\n  \/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\n  section { padding: 64px 24px; }\n  .container { max-width: 900px; margin: 0 auto; }\n  .section-label {\n    font-size: 0.78em;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--accent);\n    margin-bottom: 10px;\n  }\n  h2.section-title {\n    font-size: clamp(1.4em, 3vw, 2em);\n    color: var(--primary);\n    font-weight: 800;\n    margin-bottom: 14px;\n    line-height: 1.25;\n  }\n  .section-sub {\n    color: var(--muted);\n    font-size: 1em;\n    max-width: 560px;\n    margin-bottom: 40px;\n  }\n\n  \/* \u2500\u2500 BENEFITS GRID \u2500\u2500 *\/\n  .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }\n  .benefit-card {\n    background: var(--white);\n    border: 1px solid var(--border);\n    border-radius: 10px;\n    padding: 24px;\n    transition: box-shadow 0.2s;\n  }\n  .benefit-card:hover { box-shadow: 0 4px 20px rgba(0,119,204,0.10); }\n  .benefit-icon { font-size: 1.8em; margin-bottom: 12px; }\n  .benefit-card h3 { font-size: 1em; color: var(--primary); font-weight: 700; margin-bottom: 8px; }\n  .benefit-card p { font-size: 0.92em; color: var(--muted); }\n\n  \/* \u2500\u2500 METHODS \u2500\u2500 *\/\n  .methods-section { background: var(--primary); color: var(--white); }\n  .methods-section .section-label { color: #7ee8ff; }\n  .methods-section h2.section-title { color: var(--white); }\n  .methods-section .section-sub { color: rgba(255,255,255,0.7); }\n  .methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }\n  .method-card {\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.15);\n    border-radius: 10px;\n    padding: 24px 20px;\n  }\n  .method-level {\n    display: inline-block;\n    font-size: 0.72em;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    padding: 3px 9px;\n    border-radius: 20px;\n    margin-bottom: 12px;\n  }\n  .level-qes { background: rgba(0,180,216,0.25); color: #7ef0ff; }\n  .level-aes { background: rgba(255,160,0,0.25); color: #ffd080; }\n  .level-ses { background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.7); }\n  .method-card h3 { font-size: 1.05em; font-weight: 700; color: #fff; margin-bottom: 6px; }\n  .method-card .coverage { font-size: 0.85em; color: rgba(255,255,255,0.6); margin-bottom: 10px; }\n  .method-price { font-size: 1.2em; font-weight: 800; color: #7ee8ff; }\n  .method-price span { font-size: 0.75em; font-weight: 400; color: rgba(255,255,255,0.6); }\n\n  \/* \u2500\u2500 DEV RESOURCES \u2500\u2500 *\/\n  .dev-resources {\n    background: #0d1b2a;\n    border-radius: 12px;\n    padding: 28px 32px;\n    margin-top: 8px;\n  }\n  .dev-resources h3 { color: #7ee8ff; font-size: 1em; margin: 0 0 18px 0; letter-spacing: 0.5px; }\n  .dev-res-item {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 8px;\n    padding: 16px;\n  }\n  .dev-res-item .res-icon { font-size: 1.4em; margin-bottom: 8px; }\n  .dev-res-item h4 { color: #7ee8a2; font-size: 0.9em; margin: 0 0 6px 0; }\n  .dev-res-item p { color: rgba(255,255,255,0.6); font-size: 0.82em; margin: 0; }\n\n  \/* \u2500\u2500 USE CASES \u2500\u2500 *\/\n  .usecases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }\n  .usecase-card { border-left: 4px solid var(--accent2); padding: 20px 22px; background: var(--light); border-radius: 0 8px 8px 0; }\n  .usecase-card .uc-icon { font-size: 1.5em; margin-bottom: 10px; }\n  .usecase-card h3 { font-size: 0.97em; color: var(--primary); font-weight: 700; margin-bottom: 6px; }\n  .usecase-card p { font-size: 0.88em; color: var(--muted); }\n\n  \/* \u2500\u2500 PRICING \u2500\u2500 *\/\n  .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }\n  .pricing-card {\n    border: 1.5px solid var(--border);\n    border-radius: 10px;\n    padding: 24px 20px;\n    text-align: center;\n    transition: border-color 0.2s, box-shadow 0.2s;\n  }\n  .pricing-card.featured {\n    border-color: var(--accent);\n    box-shadow: 0 4px 20px rgba(0,119,204,0.12);\n  }\n  .pricing-card .pack-name { font-size: 0.8em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); margin-bottom: 8px; }\n  .pricing-card .pack-price { font-size: 1.9em; font-weight: 800; color: var(--primary); line-height: 1; }\n  .pricing-card .pack-credits { font-size: 0.85em; color: var(--muted); margin: 6px 0 12px; }\n  .pricing-card .pack-unit { font-size: 0.82em; color: var(--accent); font-weight: 600; }\n  .no-sub-note { text-align: center; margin-top: 24px; font-size: 0.9em; color: var(--muted); }\n  .no-sub-note strong { color: var(--text); }\n\n  \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n  .cta-section {\n    background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);\n    color: var(--white);\n    text-align: center;\n    padding: 72px 24px;\n  }\n  .cta-section h2 { font-size: clamp(1.4em, 3vw, 2em); font-weight: 800; margin-bottom: 14px; }\n  .cta-section p { font-size: 1em; opacity: 0.9; max-width: 500px; margin: 0 auto 28px; }\n  .btn-white {\n    background: var(--white);\n    color: var(--accent);\n    padding: 15px 36px;\n    border-radius: 7px;\n    font-weight: 700;\n    font-size: 1em;\n    text-decoration: none;\n    display: inline-block;\n    transition: opacity 0.2s;\n  }\n  .btn-white:hover { opacity: 0.9; }\n  .cta-note { font-size: 0.82em; opacity: 0.75; margin-top: 16px; }\n<\/style>\n\n<header class=\"hero\">\n<div class=\"hero-badge\">Sofort verf\u00fcgbar<\/div>\n<h1><span style=\"color:#ffffff;\">Integrieren Sie<\/span> <span style=\"color:#00ffff;\">Qualifizierte Elektronische Signaturen<\/span> <span style=\"color:#ffffff;\">in Ihre Anwendungen<\/span><\/h1>\n<p>Die e-Signature.eu API gibt Ihnen Zugang zu allen Signaturmethoden der Plattform \u2014 itsme\u00ae, Evrotrust, Veriff und OTP E-Mail\/SMS \u2014 \u00fcber einen einzigen Endpoint. eIDAS-konform. Ohne Abonnement.<\/p>\n<div style=\"display:inline-block;max-width:620px;margin:0 auto 28px;padding:14px 24px;background:rgba(0,180,216,0.18);border:1px solid rgba(0,180,216,0.45);border-radius:10px;font-size:0.95em;line-height:1.6;color:rgba(255,255,255,0.96);text-align:center;\">\ud83d\ude80 <strong style=\"color:#7ef0ff;\">So starten Sie:<\/strong> bestellen Sie einfach Credits \u2014 Ihr Konto wird automatisch angelegt und Ihr API-Schl\u00fcssel steht sofort im Abschnitt <em>Signature API<\/em> Ihres Kontos bereit. Keine Zugangsanfrage, keine Wartezeit.<\/div>\n<div class=\"hero-ctas\"><a class=\"btn-primary\" href=\"https:\/\/www.e-signature.eu\/de\/unsere-prepaid-kreditpakete\/\">Credits bestellen \u2192<\/a>\n<a class=\"btn-secondary\" href=\"https:\/\/documenter.getpostman.com\/view\/10230512\/2sBXirkUa9\" target=\"_blank\" rel=\"noopener\">Dokumentation ansehen<\/a><\/div>\n<\/header>\n\n<div class=\"trust-bar\"><span class=\"trust-item\">\u2705 <strong>eIDAS-konform<\/strong><\/span>\n<span class=\"trust-item\">\ud83c\udf0d <strong>Bis zu 198 L\u00e4nder<\/strong> abgedeckt<\/span>\n<span class=\"trust-item\">\ud83d\udcb3 <strong>Pay-as-you-go<\/strong> \u2014 kein Abonnement<\/span>\n<span class=\"trust-item\">\ud83d\udd12 <strong>QES, AES und SES<\/strong> \u00fcber eine einzige API<\/span><\/div>\n\n<section>\n<div class=\"container\">\n<div class=\"section-label\">Warum die e-Signature.eu API<\/div>\n<h2 class=\"section-title\">Eine Integration, alle Signaturmethoden<\/h2>\n<p class=\"section-sub\">Ein einziger API-Vertrag, eine einzige Integration f\u00fcr den Zugang zu allen eIDAS-Signaturmethoden der Plattform.<\/p>\n\n<div class=\"benefits-grid\">\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\u26a1<\/div>\n<h3>Standard-REST-API<\/h3>\nDokumentierte RESTful-Architektur, kompatibel mit allen Sprachen und Frameworks. Schnelle Integration in wenigen Stunden.\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83d\udd14<\/div>\n<h3>Webhooks &amp; Callbacks<\/h3>\nSobald eine Signatur erfolgreich abgeschlossen ist, erh\u00e4lt Ihr Server automatisch eine Benachrichtigung mit dem Status und dem signierten Dokument (Base64).\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83d\udd17<\/div>\n<h3>Inline-Signatur &amp; Weiterleitung<\/h3>\nIm integrierten Modus wird die Signatur-URL an Ihren Server zur\u00fcckgegeben. Nach der Signatur werden Ihre Kunden automatisch auf die Seite Ihrer Wahl weitergeleitet.\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83c\udf10<\/div>\n<h3>Weltweite Abdeckung<\/h3>\nVon Europa (itsme\u00ae, Evrotrust) bis zur ganzen Welt (Veriff, 198 L\u00e4nder) \u2014 eine API deckt alle Ihre M\u00e4rkte ab.\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83d\udcb3<\/div>\n<h3>Nutzungsbasierte Abrechnung<\/h3>\nKein Abonnement, keine Fixkosten. Sie zahlen ausschlie\u00dflich f\u00fcr tats\u00e4chlich abgeschlossene Signaturen.\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83d\udcca<\/div>\n<h3>Einheitliches Dashboard<\/h3>\nAlle \u00fcber die API ausgel\u00f6sten Signaturen sind in Ihrem e-Signature.eu-Dashboard sichtbar \u2014 eine zentrale Oberfl\u00e4che zur Verwaltung, \u00dcberwachung und Pr\u00fcfung aller Anfragen.\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"methods-section\">\n<div class=\"container\">\n<div class=\"section-label\">Verf\u00fcgbare Methoden \u00fcber die API<\/div>\n<h2 class=\"section-title\">QES, AES oder SES \u2014 Sie w\u00e4hlen das Niveau<\/h2>\n<p class=\"section-sub\">Die API stellt alle vier Signaturmethoden der Plattform bereit. W\u00e4hlen Sie dynamisch das eIDAS-Niveau, das zu jedem Dokument oder regulatorischen Kontext passt.<\/p>\n\n<div class=\"methods-grid\">\n<div class=\"method-card\">\n<div class=\"method-level level-qes\">QES \u2014 Qualifiziert<\/div>\n<h3>itsme\u00ae<\/h3>\n<div class=\"coverage\">\ud83d\udccd 32 europ\u00e4ische L\u00e4nder<\/div>\n<div class=\"method-price\">1 Credit \/ Unterzeichner<\/div>\n<\/div>\n<div class=\"method-card\">\n<div class=\"method-level level-qes\">QES \u2014 Qualifiziert<\/div>\n<h3>Evrotrust<\/h3>\n<div class=\"coverage\">\ud83d\udccd 62 L\u00e4nder<\/div>\n<div class=\"method-price\">1 Credit \/ Unterzeichner<\/div>\n<\/div>\n<div class=\"method-card\">\n<div class=\"method-level level-aes\">AES \u2014 Fortgeschritten<\/div>\n<h3>Veriff<\/h3>\n<div class=\"coverage\">\ud83d\udccd 198 L\u00e4nder<\/div>\n<div class=\"method-price\">0,7 Credits \/ Unterzeichner<\/div>\n<\/div>\n<div class=\"method-card\">\n<div class=\"method-level level-ses\">SES \u2014 Einfach<\/div>\n<h3>OTP E-Mail\/SMS<\/h3>\n<div class=\"coverage\">\ud83d\udccd Weltweit<\/div>\n<div class=\"method-price\">0,4 Credits \/ Unterzeichner<\/div>\n<\/div>\n<\/div>\n<p style=\"margin-top:20px;font-size:0.85em;color:rgba(255,255,255,0.55);\">\u2696\ufe0f Nur eine qualifizierte elektronische Signatur (QES) ist gem\u00e4\u00df der eIDAS-Verordnung einer handschriftlichen Unterschrift rechtlich gleichwertig.<\/p>\n<\/div>\n<\/section>\n\n<section style=\"background:var(--light);\">\n<div class=\"container\">\n<div class=\"section-label\">Integrationsmodi<\/div>\n<h2 class=\"section-title\">Zwei Betriebsmodi, ein einziger Endpoint<\/h2>\n<p class=\"section-sub\">W\u00e4hlen Sie den Modus, der zu Ihrer Architektur und der gew\u00fcnschten Nutzererfahrung passt.<\/p>\n\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:28px;\">\n<div style=\"border:2px solid #90caf9;border-radius:12px;padding:28px;background:#f0f7ff;\">\n<div style=\"display:inline-block;background:#bbdefb;color:#1565c0;font-size:0.72em;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:14px;\">Klassischer Modus<\/div>\n<h3 style=\"color:#1565c0;font-size:1.05em;margin:0 0 12px 0;\">\ud83d\udce7 Einladungen verwaltet von e-Signature.eu<\/h3>\n<p style=\"font-size:0.9em;color:var(--muted);margin-bottom:14px;\">Sie \u00fcbermitteln das Dokument und die Daten der Unterzeichner. Die Plattform \u00fcbernimmt E-Mail-Einladungen, Erinnerungen und die Nachverfolgung \u2014 ohne Aufwand Ihrerseits.<\/p>\n<ul style=\"font-size:0.87em;color:var(--muted);padding-left:1.1em;margin:0;\">\n<li style=\"margin-bottom:5px;\">Schnelle und schlanke Integration<\/li>\n<li style=\"margin-bottom:5px;\">E-Mails, Erinnerungen und Tracking inklusive<\/li>\n<li>Ideal f\u00fcr asynchrone Workflows<\/li>\n<\/ul>\n<\/div>\n<div style=\"border:2px solid #a5d6a7;border-radius:12px;padding:28px;background:#f1f9f1;\">\n<div style=\"display:inline-block;background:#c8e6c9;color:#2e7d32;font-size:0.72em;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:14px;\">Eingebetteter Modus \u2014 Neu<\/div>\n<h3 style=\"color:#2e7d32;font-size:1.05em;margin:0 0 12px 0;\">\ud83d\udd17 Signatur-URLs direkt an Ihren Server<\/h3>\n<p style=\"font-size:0.9em;color:var(--muted);margin-bottom:14px;\">Die API gibt die Signatur-URLs direkt an Ihren Server zur\u00fcck. Leiten Sie Ihre Kunden sofort zur Signaturseite innerhalb Ihrer eigenen Website oder Anwendung weiter \u2014 ohne Unterbrechung.<\/p>\n<ul style=\"font-size:0.87em;color:var(--muted);padding-left:1.1em;margin:0;\">\n<li style=\"margin-bottom:5px;\">100 % Erlebnis in Ihrer Umgebung<\/li>\n<li style=\"margin-bottom:5px;\">Echtzeit-Signatur auf Ihrer Website<\/li>\n<li>Ideal f\u00fcr Conversion-Funnels und Onboarding<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div style=\"background:#fffde7;border-left:4px solid #ffa000;border-radius:0 8px 8px 0;padding:16px 20px;font-size:0.92em;color:var(--text);\"><strong>\ud83d\udca1 Beispiel:<\/strong> Im eingebetteten Modus ruft Ihr Server die URL \u00fcber die API ab, sobald der Kunde seinen Abschluss t\u00e4tigt, und leitet ihn sofort zur Signaturseite weiter \u2014 keine E-Mail, kein Verlassen Ihres Funnels.<\/div>\n<\/div>\n<\/section>\n\n<section id=\"how-it-works\">\n<div class=\"container\">\n<div class=\"section-label\">Integration<\/div>\n<h2 class=\"section-title\">2 Schritte zur Integration der Signatur<\/h2>\n<p class=\"section-sub\">Eine API f\u00fcr Einfachheit konzipiert: authentifizieren, senden, und alles andere kommt per Webhook.<\/p>\n\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:36px;\">\n<div style=\"border:1.5px solid #dde8f5;border-radius:12px;padding:28px 24px;background:#ffffff;\">\n<div style=\"display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#0077cc;color:#ffffff;border-radius:50%;font-size:1.15em;font-weight:800;margin-bottom:16px;\">1<\/div>\n<h3 style=\"color:#0a2540;font-size:1.05em;font-weight:700;margin:0 0 10px 0;\">Authentifizierung &amp; \u00dcbermittlung<\/h3>\n<p style=\"font-size:0.9em;color:#5a7080;margin:0;\">Ihr API-Schl\u00fcssel ist direkt in Ihrem Konto verf\u00fcgbar, Abschnitt <em>Signature API<\/em>. \u00dcbermitteln Sie die PDF mit den Daten der Unterzeichner, der gew\u00e4hlten Signaturmethode und dem Betriebsmodus (E-Mail oder Server-URL).<\/p>\n<\/div>\n<div style=\"border:1.5px solid #dde8f5;border-radius:12px;padding:28px 24px;background:#ffffff;\">\n<div style=\"display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#0077cc;color:#ffffff;border-radius:50%;font-size:1.15em;font-weight:800;margin-bottom:16px;\">2<\/div>\n<h3 style=\"color:#0a2540;font-size:1.05em;font-weight:700;margin:0 0 10px 0;\">Signatur &amp; Abruf<\/h3>\n<p style=\"font-size:0.9em;color:#5a7080;margin:0;\">E-Mail gesendet oder URL an Ihren Server zur\u00fcckgegeben. Signaturstatus und signiertes Dokument (Base64) automatisch per Webhook geliefert.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"dev-resources\">\n<h3>\ud83e\uddf0 Entwicklerressourcen<\/h3>\n<div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:16px;\">\n<div class=\"dev-res-item\">\n<div class=\"res-icon\">\ud83d\udcee<\/div>\n<h4>Postman-Kollektion<\/h4>\n<p>Importieren und f\u00fchren Sie alle Endpoints mit einem Klick aus, mit vorkonfigurierten Beispielen.<\/p>\n<\/div>\n<div class=\"dev-res-item\">\n<div class=\"res-icon\">\ud83d\udcc4<\/div>\n<h4>Interaktive Dokumentation<\/h4>\n<p>Vollst\u00e4ndige Referenz f\u00fcr Parameter, Antworten, Fehlercodes und Szenarien.<\/p>\n<\/div>\n<div class=\"dev-res-item\">\n<div class=\"res-icon\">\ud83d\udd17<\/div>\n<h4>Callback URL &amp; Success URL<\/h4>\n<p>Legen Sie Ihre <strong>Callback URL<\/strong> fest, um Status und signiertes Dokument per Webhook zu empfangen, und eine <strong>Success URL<\/strong>, um Ihre Kunden nach der Signatur auf Ihre eigene Seite weiterzuleiten.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"background:linear-gradient(135deg,#f0f7ff 0%,#e3f1ff 100%);border:2px solid #0077cc;border-radius:14px;padding:28px 32px;margin-top:32px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;\">\n<div style=\"flex:1;min-width:240px;\">\n<h3 style=\"font-size:1.15em;color:#0a2540;font-weight:800;margin:0 0 10px 0;\">\ud83d\udd11 Bereit loszulegen? Sie k\u00f6nnen sofort starten.<\/h3>\n<p style=\"font-size:0.93em;color:#5a7080;margin:0;\"><strong style=\"color:#1a2b3c;\">Bestellen Sie Credits<\/strong> auf e-signature.eu \u2014 Ihr Konto wird automatisch angelegt, Ihr API-Schl\u00fcssel und Ihre Callback URL stehen im Abschnitt <em>Signature API<\/em> Ihres Kontos bereit. Keine Zugangsanfrage, keine Wartezeit.<\/p>\n<\/div>\n<a href=\"https:\/\/www.e-signature.eu\/de\/unsere-prepaid-kreditpakete\/\" style=\"background:#ff6b35;color:#ffffff;padding:15px 34px;border-radius:7px;text-decoration:none;font-weight:700;font-size:1em;display:inline-block;white-space:nowrap;\">Credits bestellen \u2192<\/a>\n<\/div>\n\n<\/div>\n<\/section>\n\n<section>\n<div class=\"container\">\n<div class=\"section-label\">Anwendungsf\u00e4lle<\/div>\n<h2 class=\"section-title\">Entwickelt f\u00fcr gesch\u00e4ftskritische Workflows<\/h2>\n<p class=\"section-sub\">Die e-Signature.eu API integriert sich in Ihre bestehenden Prozesse, genau dort, wo manuelle Signaturprozesse Reibungsverluste verursachen.<\/p>\n\n<div class=\"usecases-grid\">\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udfe2<\/div>\n<h3>CRM &amp; Vertragsmanagement<\/h3>\n<p>L\u00f6sen Sie eine QES-Signaturanfrage aus, sobald ein Angebot genehmigt wurde, direkt aus Salesforce, HubSpot oder Odoo.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udfe6<\/div>\n<h3>Banken &amp; Versicherungen<\/h3>\n<p>Kunden-Onboarding, SEPA-Mandate, Versicherungsvertr\u00e4ge \u2014 mit integrierter Identit\u00e4tspr\u00fcfung \u00fcber Evrotrust oder Veriff.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udfd7\ufe0f<\/div>\n<h3>Immobilien<\/h3>\n<p>Mietvertr\u00e4ge, Mandate und Kaufvertr\u00e4ge, von allen Parteien unterzeichnet \u2014 \u00fcber sequentielle oder parallele Workflows.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udf0d<\/div>\n<h3>Internationale Aktivit\u00e4ten<\/h3>\n<p>Decken Sie alle Ihre M\u00e4rkte ab: QES in Europa mit Evrotrust, AES in 198 L\u00e4ndern mit Veriff \u2014 eine einzige Integration.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udfdb\ufe0f<\/div>\n<h3>Beh\u00f6rdliche Einreichungen<\/h3>\n<p>Bestimmte Beh\u00f6rden verlangen eine QES. Die API erm\u00f6glicht die direkte Integration in Ihren Einreichungs- oder Compliance-Workflow.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83d\udcbc<\/div>\n<h3>HR &amp; Onboarding<\/h3>\n<p>Arbeitsvertr\u00e4ge, Nachtr\u00e4ge, Vertraulichkeitsvereinbarungen \u2014 Unterschriften sammeln ohne Unterbrechung der Nutzer-Journey.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:var(--light);\">\n<div class=\"container\">\n<div class=\"section-label\">Preise<\/div>\n<h2 class=\"section-title\">Pay-as-you-go \u2014 kein Abonnement<\/h2>\n<p class=\"section-sub\">Laden Sie Credits nach Bedarf auf. Je h\u00f6her Ihr Volumen, desto niedriger der Preis pro Credit.<\/p>\n\n<div class=\"pricing-grid\">\n<div class=\"pricing-card\">\n<div class=\"pack-name\">Starter<\/div>\n<div class=\"pack-price\">371 \u20ac<\/div>\n<div class=\"pack-credits\">100 Credits<\/div>\n<div class=\"pack-unit\">3,71 \u20ac \/ Credit<\/div>\n<\/div>\n<div class=\"pricing-card featured\">\n<div class=\"pack-name\">Standard<\/div>\n<div class=\"pack-price\">1.725 \u20ac<\/div>\n<div class=\"pack-credits\">500 Credits<\/div>\n<div class=\"pack-unit\">3,45 \u20ac \/ Credit<\/div>\n<\/div>\n<div class=\"pricing-card\">\n<div class=\"pack-name\">Business<\/div>\n<div class=\"pack-price\">3.000 \u20ac<\/div>\n<div class=\"pack-credits\">1.000 Credits<\/div>\n<div class=\"pack-unit\">3,00 \u20ac \/ Credit<\/div>\n<\/div>\n<div class=\"pricing-card\">\n<div class=\"pack-name\">Enterprise<\/div>\n<div class=\"pack-price\">12.500 \u20ac<\/div>\n<div class=\"pack-credits\">5.000 Credits<\/div>\n<div class=\"pack-unit\">2,50 \u20ac \/ Credit<\/div>\n<\/div>\n<\/div>\n<p class=\"no-sub-note\"><strong>1 Credit = 1 QES-Signatur<\/strong>, unabh\u00e4ngig von der Anzahl der Dokumente in der Anfrage. Keine monatlichen Geb\u00fchren, keine Bindung.<\/p>\n<\/div>\n<\/section>\n\n<section class=\"cta-section\">\n<h2 style=\"color:#ffffff;\">Bereit, eIDAS-Signaturen zu integrieren?<\/h2>\n<p>Bestellen Sie Credits, um sofort auf Ihren API-Schl\u00fcssel zuzugreifen und Ihre Integration zu starten.<\/p>\n<div style=\"display:inline-block;max-width:640px;margin:0 auto 28px;padding:16px 26px;background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.4);border-radius:10px;font-size:0.95em;line-height:1.65;color:rgba(255,255,255,0.97);text-align:center;\"><strong style=\"color:#ffffff;\">So funktioniert es:<\/strong> Credits bestellen \u2192 Ihr Konto wird automatisch angelegt \u2192 Ihr API-Schl\u00fcssel steht im Abschnitt <em>Signature API<\/em> Ihres Kontos bereit \u2192 Sie integrieren sofort.<\/div>\n<div class=\"hero-ctas\" style=\"justify-content:center;margin-bottom:16px;\">\n<a class=\"btn-white\" href=\"https:\/\/www.e-signature.eu\/de\/unsere-prepaid-kreditpakete\/\">Credits bestellen \u2192<\/a>\n<a style=\"background:rgba(255,255,255,0.22);color:#fff;padding:15px 34px;border-radius:7px;text-decoration:none;font-weight:bold;font-size:1em;border:2px solid rgba(255,255,255,0.7);display:inline-block;\" href=\"https:\/\/documenter.getpostman.com\/view\/10230512\/2sBXirkUa9\" target=\"_blank\" rel=\"noopener\">Dokumentation ansehen<\/a>\n<\/div>\n<div class=\"cta-note\">Kein Abonnement erforderlich \u00b7 Keine Zugangsanfrage \u00b7 API-Schl\u00fcssel sofort verf\u00fcgbar \u00b7 eIDAS-konform<\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\n\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>Sofort verf\u00fcgbar Integrieren Sie Qualifizierte Elektronische Signaturen in Ihre Anwendungen Die e-Signature.eu API gibt Ihnen Zugang zu allen Signaturmethoden der&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21412","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.e-signature.eu\/de\/wp-json\/wp\/v2\/pages\/21412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.e-signature.eu\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.e-signature.eu\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.e-signature.eu\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.e-signature.eu\/de\/wp-json\/wp\/v2\/comments?post=21412"}],"version-history":[{"count":5,"href":"https:\/\/www.e-signature.eu\/de\/wp-json\/wp\/v2\/pages\/21412\/revisions"}],"predecessor-version":[{"id":29197,"href":"https:\/\/www.e-signature.eu\/de\/wp-json\/wp\/v2\/pages\/21412\/revisions\/29197"}],"wp:attachment":[{"href":"https:\/\/www.e-signature.eu\/de\/wp-json\/wp\/v2\/media?parent=21412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}