{"id":155,"date":"2025-05-26T21:23:36","date_gmt":"2025-05-26T21:23:36","guid":{"rendered":"https:\/\/plzprofi.de\/?page_id=155"},"modified":"2026-03-23T10:00:19","modified_gmt":"2026-03-23T10:00:19","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/plzprofi.de\/es\/start\/kontakt\/","title":{"rendered":"P\u00f3ngase en contacto con nosotros"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <title>Kontakt \u2013 PLZ Profi<\/title>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n\n  <style>\n    :root { font-size: 90%; }\n\n    \/* === Grundlayout === *\/\n    body {\n      background: #050814;\n      color: #ffffff;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      margin: 0;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    \/* =========================\n       HERO (KONTAKT)\n       ========================= *\/\n    .plzprofi-hero {\n      margin: 32px 16px 24px;\n      padding: 56px 32px 48px;\n      border-radius: 28px;\n      border: 1px solid rgba(148, 163, 184, 0.18);\n      box-shadow:\n        0 30px 80px rgba(15, 23, 42, 0.9),\n        0 0 0 1px rgba(15, 23, 42, 0.6);\n      overflow: hidden;\n      position: relative;\n      background: #050814;\n      text-align: center;\n    }\n\n    \/* Tiefe Navy-Blau Verl\u00e4ufe *\/\n    .plzprofi-hero::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(circle at top left, rgba(30, 58, 138, 0.4), transparent 50%),\n        radial-gradient(circle at top right, rgba(37, 99, 235, 0.15), transparent 50%);\n      pointer-events: none;\n    }\n\n    .plzprofi-hero-inner {\n      position: relative;\n      z-index: 1;\n      max-width: 800px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .hero-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 14px;\n      border-radius: 999px;\n      font-size: 12px;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n      background: rgba(15, 23, 42, 0.8);\n      border: 1px solid rgba(59, 130, 246, 0.35); \n      color: #bfdbfe;\n      margin-bottom: 20px;\n      backdrop-filter: blur(8px);\n    }\n\n    \/* SATTES BLAU PULSIERENDER PUNKT *\/\n    .hero-kicker::before {\n      content: \"\";\n      width: 8px;\n      height: 8px;\n      border-radius: 999px;\n      background: #3b82f6;\n      box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.9);\n      animation: plzprofi-pulse-dot-navy 1.8s infinite ease-out;\n    }\n\n    @keyframes plzprofi-pulse-dot-navy {\n      0%   { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7); transform: scale(1); }\n      70%  { box-shadow: 0 0 0 12px rgba(59, 130, 246, 0); transform: scale(1.1); }\n      100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); transform: scale(1); }\n    }\n\n    .plzprofi-hero h1 {\n      font-size: clamp(32px, 4vw, 44px);\n      line-height: 1.15;\n      margin: 0 0 16px;\n      color: #f8fafc;\n    }\n\n    .plzprofi-hero p {\n      margin: 0;\n      font-size: 16px;\n      max-width: 38rem;\n      color: #cbd5e1;\n      line-height: 1.7;\n    }\n\n    \/* =========================\n       PAGE WRAPPER\n       ========================= *\/\n    .wrapper {\n      max-width: 860px;\n      margin: 0 auto;\n      padding: 16px 16px 80px;\n    }\n\n    \/* =========================\n       KONTAKT CARD\n       ========================= *\/\n    .plzprofi-contact-card {\n      border-radius: 20px;\n      padding: 36px 40px;\n      border: 1px solid rgba(37, 99, 235, 0.3); \/* Dunklere blaue Kante *\/\n      background: \n        radial-gradient(circle at top left, rgba(30, 58, 138, 0.3), transparent 70%), \n        #0b1220;\n      box-shadow: \n        0 15px 40px rgba(0,0,0,0.3),\n        0 0 25px rgba(30, 58, 138, 0.15);\n      position: relative;\n      overflow: hidden;\n      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n    }\n\n    .plzprofi-contact-card:hover {\n      transform: translateY(-2px);\n      border-color: rgba(59, 130, 246, 0.5);\n      box-shadow: \n        0 20px 50px rgba(0,0,0,0.4),\n        0 0 35px rgba(37, 99, 235, 0.2);\n    }\n\n    .plzprofi-contact-card::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background: #2563eb;\n      box-shadow: 0 0 15px rgba(37, 99, 235, 0.6);\n    }\n\n    .plzprofi-contact-card h2 {\n      font-size: 22px;\n      color: #f8fafc;\n      margin: 0 0 12px 0;\n    }\n\n    .plzprofi-contact-card p {\n      color: #cbd5e1;\n      font-size: 15px;\n      line-height: 1.7;\n      margin: 0 0 24px 0;\n    }\n\n    \/* Bullets *\/\n    .ppc-bullets {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 32px 0;\n    }\n\n    .ppc-bullets li {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 15px;\n      color: #e2e8f0;\n      margin-bottom: 12px;\n      padding-left: 8px;\n    }\n\n    .ppc-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: #3b82f6;\n      box-shadow: 0 0 8px rgba(59, 130, 246, 0.6);\n      flex-shrink: 0;\n    }\n\n    \/* =========================\n       E-MAIL BOX (CALL TO ACTION)\n       ========================= *\/\n    .ppc-mail-box {\n      padding: 20px 24px;\n      border-radius: 16px;\n      border: 1px solid rgba(148, 163, 184, 0.25);\n      background: linear-gradient(135deg, rgba(30, 41, 59, 0.6), rgba(15, 23, 42, 0.8));\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      flex-wrap: wrap;\n      transition: all 0.2s ease;\n    }\n\n    .ppc-mail-box:hover {\n      background: linear-gradient(135deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.95));\n      border-color: rgba(59, 130, 246, 0.4);\n    }\n\n    .ppc-mail-info {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .ppc-mail-icon {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      background: rgba(30, 58, 138, 0.4); \/* Navy Background *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 22px;\n      border: 1px solid rgba(59, 130, 246, 0.3);\n      color: #60a5fa;\n    }\n\n    .ppc-mail-text {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .ppc-tag {\n      font-size: 11px;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      color: #94a3b8;\n      font-weight: 600;\n    }\n\n    .ppc-mail-text a {\n      color: #f8fafc;\n      text-decoration: none;\n      font-size: 20px;\n      font-weight: bold;\n      transition: color 0.2s;\n    }\n\n    .ppc-mail-text a:hover {\n      color: #60a5fa;\n    }\n\n    .ppc-mail-note {\n      font-size: 13px;\n      color: #94a3b8;\n      background: rgba(15, 23, 42, 0.6);\n      padding: 6px 12px;\n      border-radius: 999px;\n      border: 1px solid rgba(148, 163, 184, 0.15);\n      white-space: nowrap;\n    }\n\n    @media (max-width: 640px) {\n      .plzprofi-hero { padding: 40px 20px 32px; }\n      .plzprofi-contact-card { padding: 28px 20px; }\n      .ppc-mail-box { flex-direction: column; align-items: flex-start; }\n      .ppc-mail-text a { font-size: 18px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <div class=\"plzprofi-hero\">\n    <div class=\"plzprofi-hero-inner\">\n      <span class=\"hero-kicker\">Contacto<\/span>\n      <h1>P\u00f3ngase en contacto con nosotros hoy mismo.<\/h1>\n      <p>\n        \u00bfHas descubierto un error, tienes una idea para una nueva funci\u00f3n o simplemente quieres darnos tu opini\u00f3n?\n        Escr\u00edbanos: PLZ Profi se nutre de los comentarios de los usuarios.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"wrapper\">\n    <article class=\"plzprofi-contact-card\">\n      <h2>La mejor forma de contactar con nosotros<\/h2>\n      <p>\n        La forma m\u00e1s f\u00e1cil de ponerse en contacto con nosotros es por correo electr\u00f3nico. Leemos cada mensaje personalmente, ya sea una breve nota\n        del departamento de planificaci\u00f3n, una idea para la ordenaci\u00f3n del territorio o una sugerencia de nuevas funciones.\n      <\/p>\n\n      <ul class=\"ppc-bullets\">\n        <li><span class=\"ppc-dot\"><\/span><span>Mensajes de error y problemas t\u00e9cnicos en la herramienta<\/span><\/li>\n        <li><span class=\"ppc-dot\"><\/span><span>Ideas para nuevas funciones, filtros o exportaciones<\/span><\/li>\n        <li><span class=\"ppc-dot\"><\/span><span>Cuestiones sobre el uso en la programaci\u00f3n diaria o la planificaci\u00f3n de zonas<\/span><\/li>\n      <\/ul>\n\n      <div class=\"ppc-mail-box\">\n        <div class=\"ppc-mail-info\">\n          <div class=\"ppc-mail-icon\">\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect>\n              <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"ppc-mail-text\">\n            <span class=\"ppc-tag\">Directamente por correo electr\u00f3nico<\/span>\n            <a href=\"mailto:kontakt@plzprofi.de\">kontakt@plzprofi.de<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"ppc-mail-note\">\n          Sin formularios. Sin campos obligatorios.\n        <\/div>\n      <\/div>\n    <\/article>\n  <\/div>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Kontakt \u2013 PLZ Profi Kontakt &#038; Feedback Kontaktiert uns noch heute. Ihr habt einen Fehler entdeckt, eine Idee f\u00fcr ein neues Feature oder m\u00f6chtet einfach kurzes Feedback loswerden? Schreibt uns \u2013 PLZ Profi lebt von R\u00fcckmeldungen aus der Praxis. Wie ihr uns am besten erreicht Am einfachsten kontaktiert ihr uns per E-Mail. Wir lesen jede [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-155","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/plzprofi.de\/es\/wp-json\/wp\/v2\/pages\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plzprofi.de\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plzprofi.de\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plzprofi.de\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plzprofi.de\/es\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":11,"href":"https:\/\/plzprofi.de\/es\/wp-json\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":508,"href":"https:\/\/plzprofi.de\/es\/wp-json\/wp\/v2\/pages\/155\/revisions\/508"}],"up":[{"embeddable":true,"href":"https:\/\/plzprofi.de\/es\/wp-json\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/plzprofi.de\/es\/wp-json\/wp\/v2\/media?parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}