{"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\/cs\/start\/kontakt\/","title":{"rendered":"Kontaktujte n\u00e1s"},"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\">Kontakt a zp\u011btn\u00e1 vazba<\/span>\n      <h1>Kontaktujte n\u00e1s je\u0161t\u011b dnes.<\/h1>\n      <p>\n        Objevili jste chybu, m\u00e1te n\u00e1pad na novou funkci nebo n\u00e1m prost\u011b chcete d\u00e1t zp\u011btnou vazbu?\n        Napi\u0161te n\u00e1m - PLZ Profi se da\u0159\u00ed d\u00edky zp\u011btn\u00e9 vazb\u011b z ter\u00e9nu.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"wrapper\">\n    <article class=\"plzprofi-contact-card\">\n      <h2>Nejlep\u0161\u00ed zp\u016fsob, jak se s n\u00e1mi spojit<\/h2>\n      <p>\n        Nejjednodu\u0161\u0161\u00ed zp\u016fsob, jak n\u00e1s kontaktovat, je prost\u0159ednictv\u00edm e-mailu. Ka\u017edou zpr\u00e1vu si p\u0159e\u010dteme osobn\u011b - a\u0165 u\u017e se jedn\u00e1 o kr\u00e1tk\u00fd vzkaz nebo o dopis.\n        z odd\u011blen\u00ed pl\u00e1nov\u00e1n\u00ed, n\u00e1pad na pl\u00e1nov\u00e1n\u00ed oblasti nebo n\u00e1vrh na nov\u00e9 funkce.\n      <\/p>\n\n      <ul class=\"ppc-bullets\">\n        <li><span class=\"ppc-dot\"><\/span><span>Chybov\u00e1 hl\u00e1\u0161en\u00ed a technick\u00e9 probl\u00e9my v n\u00e1stroji<\/span><\/li>\n        <li><span class=\"ppc-dot\"><\/span><span>N\u00e1pady na nov\u00e9 funkce, filtry nebo exporty<\/span><\/li>\n        <li><span class=\"ppc-dot\"><\/span><span>Ot\u00e1zky t\u00fdkaj\u00edc\u00ed se pou\u017eit\u00ed p\u0159i ka\u017edodenn\u00edm pl\u00e1nov\u00e1n\u00ed nebo pl\u00e1nov\u00e1n\u00ed oblasti<\/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\">P\u0159\u00edmo e-mailem<\/span>\n            <a href=\"mailto:kontakt@plzprofi.de\">kontakt@plzprofi.de<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"ppc-mail-note\">\n          \u017d\u00e1dn\u00e9 formul\u00e1\u0159e. \u017d\u00e1dn\u00e1 povinn\u00e1 pole.\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\/cs\/wp-json\/wp\/v2\/pages\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plzprofi.de\/cs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plzprofi.de\/cs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plzprofi.de\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plzprofi.de\/cs\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":11,"href":"https:\/\/plzprofi.de\/cs\/wp-json\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":508,"href":"https:\/\/plzprofi.de\/cs\/wp-json\/wp\/v2\/pages\/155\/revisions\/508"}],"up":[{"embeddable":true,"href":"https:\/\/plzprofi.de\/cs\/wp-json\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/plzprofi.de\/cs\/wp-json\/wp\/v2\/media?parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}