{"id":696,"date":"2026-03-31T08:38:43","date_gmt":"2026-03-31T06:38:43","guid":{"rendered":"https:\/\/personsteelagency.sk\/sp\/landing-page\/"},"modified":"2026-04-20T11:11:39","modified_gmt":"2026-04-20T09:11:39","slug":"landing-page","status":"publish","type":"wffn_landing","link":"https:\/\/personsteelagency.sk\/de\/landing-page\/","title":{"rendered":"Formular"},"content":{"rendered":"\n\n\n\n    <meta charset=\"UTF-8\"\/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n    <title>Person Steel Agency | Stabile Arbeitskr\u00e4fte f\u00fcr Ihre Fabrik<\/title>\n    <!-- Meta Pixel -->\n    <script>\n    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n    n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;\n    n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;\n    t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,\n    document,'script','https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n    fbq('init', '618791574452507');\n    fbq('track', 'PageView');\n    <\/script>\n    <noscript><img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\" src=\"https:\/\/www.facebook.com\/tr?id=618791574452507&#038;ev=PageView&#038;noscript=1\"\/><\/noscript>\n    <!-- End Meta Pixel -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\/>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\"\/>\n    <style>\n\/* ===========================\n   PERSON STEEL AGENCY \u2014 FUNNEL\n   Farby: #172d55 (navy), #90278e (purple)\n   =========================== *\/\n\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n:root {\n    --navy:        #172d55;\n    --navy-dark:   #0f1f3d;\n    --navy-mid:    #1e3a6e;\n    --purple:      #90278e;\n    --purple-dark: #7a2078;\n    --white:       #ffffff;\n    --bg:          #f5f6f8;\n    --text:        #1a1a1a;\n    --text-mid:    #4a4a4a;\n    --text-soft:   #7a7a8a;\n    --border:      #dde1e8;\n    --shadow-sm:   0 2px 12px rgba(23,45,85,0.08);\n    --shadow-md:   0 4px 28px rgba(23,45,85,0.13);\n    --radius:      6px;\n    --radius-md:   10px;\n    --max:         840px;\n    --ease:        0.25s ease;\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    background: var(--white);\n    color: var(--text);\n    line-height: 1.65;\n    -webkit-font-smoothing: antialiased;\n}\n\n.container {\n    max-width: var(--max);\n    margin: 0 auto;\n    padding: 0 28px;\n}\n\n\/* ===========================\n   DARK SEKCIA \u2014 hero + video\n   =========================== *\/\n.dark-section {\n    position: relative;\n    background: var(--navy);\n    padding: 72px 0 0;\n    text-align: center;\n    overflow: hidden;\n}\n\n.hero-pattern {\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n    background-size: 48px 48px;\n    pointer-events: none;\n}\n\n.hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at 50% 0%, rgba(144,39,142,0.18) 0%, transparent 65%);\n    pointer-events: none;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 1;\n    max-width: 1000px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* ===========================\n   ICA CALLOUT\n   =========================== *\/\n.ica-callout {\n    display: inline-block;\n    background: var(--purple);\n    color: var(--white);\n    font-size: 20px;\n    font-weight: 900;\n    letter-spacing: 0.6px;\n    line-height: 1.3;\n    padding: 14px 28px;\n    border-radius: var(--radius);\n    margin-bottom: 32px;\n    text-transform: uppercase;\n}\n\n\/* ===========================\n   HERO HEADLINE\n   =========================== *\/\n.hero-headline {\n    font-size: 25px;\n    font-weight: 400;\n    line-height: 1.55;\n    color: var(--white);\n    max-width: 900px;\n    margin: 0 auto 8px;\n    letter-spacing: -0.1px;\n}\n\n.hero-headline strong {\n    font-weight: 800;\n    color: var(--white);\n}\n\n\/* ===========================\n   KROKY\n   =========================== *\/\n.step-section {\n    padding: 64px 0 72px;\n    background: var(--white);\n}\n\n.form-bg { background: var(--bg); }\n\n.step-label {\n    font-size: 22px;\n    font-weight: 800;\n    color: var(--text);\n    margin-bottom: 24px;\n    letter-spacing: -0.2px;\n    text-align: center;\n}\n\n.step-label--dark {\n    color: var(--white);\n}\n\n.step-badge {\n    color: var(--purple);\n}\n\n.step-label--dark .step-badge {\n    color: rgba(255,255,255,0.6);\n}\n\n.video-container {\n    padding-bottom: 72px;\n    padding-top: 44px;\n    text-align: center;\n}\n\n\/* ===========================\n   VIDEO\n   =========================== *\/\n.video-wrap {\n    width: 100%;\n    max-width: 400px;\n    margin: 0 auto;\n    border-radius: var(--radius-md);\n    overflow: hidden;\n    box-shadow: var(--shadow-md);\n}\n\n\/* ===========================\n   FORMUL\u00c1R\n   =========================== *\/\n.form-box {\n    background: var(--white);\n    border: 1px solid var(--border);\n    border-radius: var(--radius-md);\n    box-shadow: var(--shadow-md);\n    overflow: hidden;\n}\n\n.form-top {\n    background: var(--navy);\n    padding: 28px 32px;\n    text-align: center;\n}\n\n.form-top h2 {\n    font-size: 20px;\n    font-weight: 800;\n    color: var(--white);\n    margin-bottom: 6px;\n    letter-spacing: -0.2px;\n}\n\n.form-top p {\n    font-size: 14px;\n    color: rgba(255,255,255,0.65);\n}\n\n.progress-bar {\n    display: flex;\n    align-items: center;\n    padding: 18px 32px;\n    background: #eef0f4;\n    border-bottom: 1px solid var(--border);\n}\n\n.prog-step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n}\n\n.prog-dot {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--white);\n    border: 2px solid var(--border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--text-soft);\n    transition: var(--ease);\n}\n\n.prog-step.active  .prog-dot { background: var(--navy);   border-color: var(--navy);   color: #fff; }\n.prog-step.done    .prog-dot { background: var(--purple);  border-color: var(--purple);  color: #fff; }\n\n.prog-step span {\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.6px;\n    color: var(--text-soft);\n    white-space: nowrap;\n    transition: var(--ease);\n}\n.prog-step.active span, .prog-step.done span { color: var(--text); }\n\n.prog-line {\n    flex: 1;\n    height: 2px;\n    background: var(--border);\n    margin: 0 8px;\n    margin-bottom: 18px;\n    min-width: 24px;\n    transition: background 0.4s;\n}\n.prog-line.filled { background: var(--purple); }\n\n#appForm { padding: 24px 32px 32px; }\n\n.f-step { display: none; animation: fadeUp 0.3s ease; }\n.f-step.active { display: block; }\n\n@keyframes fadeUp {\n    from { opacity: 0; transform: translateY(8px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n.f-group { margin-bottom: 16px; }\n\n.f-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n}\n\nlabel {\n    display: block;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.7px;\n    color: var(--text);\n    margin-bottom: 6px;\n}\n\n.req { color: var(--purple); }\n.opt { color: var(--text-soft); font-weight: 400; text-transform: none; letter-spacing: 0; }\n\ninput, select, textarea {\n    width: 100%;\n    padding: 12px 14px;\n    background: #fff;\n    border: 1.5px solid var(--border);\n    border-radius: var(--radius);\n    color: var(--text);\n    font-size: 15px;\n    font-family: inherit;\n    outline: none;\n    transition: border-color var(--ease), box-shadow var(--ease);\n    -webkit-appearance: none;\n}\n\ninput::placeholder, textarea::placeholder { color: #c0c4cc; }\n\ninput:focus, select:focus, textarea:focus {\n    border-color: var(--navy);\n    box-shadow: 0 0 0 3px rgba(23,45,85,0.1);\n}\n\nselect {\n    cursor: pointer;\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 14px center;\n    padding-right: 36px;\n}\n\ntextarea { resize: vertical; min-height: 90px; }\n\n.f-btns { display: flex; gap: 10px; align-items: center; margin-top: 6px; }\n\n.btn-primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    width: 100%;\n    padding: 15px 24px;\n    background: var(--purple);\n    color: var(--white);\n    border: none;\n    border-radius: var(--radius);\n    font-size: 14px;\n    font-weight: 700;\n    font-family: inherit;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    cursor: pointer;\n    overflow: hidden;\n    transition: background var(--ease), transform var(--ease), box-shadow var(--ease);\n}\n\n.btn-icon {\n    position: relative;\n    display: inline-block;\n    width: 20px;\n    height: 1em;\n    margin-right: 10px;\n    flex-shrink: 0;\n}\n\n.btn-dash,\n.btn-arrow {\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 18px;\n    line-height: 1;\n    transition: opacity 0.22s ease, transform 0.22s ease;\n}\n\n.btn-dash {\n    font-weight: 300;\n    opacity: 0.65;\n    transform: translateY(-50%) translateX(0);\n}\n\n.btn-arrow {\n    font-weight: 400;\n    opacity: 0;\n    transform: translateY(-50%) translateX(-8px);\n}\n\n.btn-primary:hover .btn-dash,\n.btn-hero:hover    .btn-dash {\n    opacity: 0;\n    transform: translateY(-50%) translateX(-8px);\n}\n\n.btn-primary:hover .btn-arrow,\n.btn-hero:hover    .btn-arrow {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0);\n}\n\n.btn-primary:hover {\n    background: var(--purple-dark);\n    transform: translateY(-1px);\n    box-shadow: 0 6px 20px rgba(144,39,142,0.28);\n}\n\n.btn-primary.flex-1 { flex: 1; width: auto; }\n\n.btn-back {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 15px 16px;\n    background: transparent;\n    color: var(--text-mid);\n    border: 1.5px solid var(--border);\n    border-radius: var(--radius);\n    font-size: 13px;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    transition: var(--ease);\n    white-space: nowrap;\n}\n.btn-back:hover { background: #eef0f4; }\n\n\/* ===========================\n   OPTION PILLS \u2014 zaklik\u00e1vac\u00ed v\u00fdber\n   =========================== *\/\n.opt-group {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.opt-pill {\n    padding: 9px 16px;\n    border: 1.5px solid var(--border);\n    border-radius: var(--radius);\n    background: #fff;\n    color: var(--text-mid);\n    font-size: 14px;\n    font-weight: 600;\n    font-family: inherit;\n    cursor: pointer;\n    line-height: 1.3;\n    transition: border-color var(--ease), background var(--ease), color var(--ease), box-shadow var(--ease);\n}\n\n.opt-pill:hover {\n    border-color: var(--navy);\n    color: var(--navy);\n}\n\n.opt-pill.selected {\n    background: var(--navy);\n    border-color: var(--navy);\n    color: #fff;\n    box-shadow: 0 2px 8px rgba(23,45,85,0.18);\n}\n\n.opt-group.error .opt-pill:not(.selected) {\n    border-color: #d0607e;\n}\n\n.f-success {\n    text-align: center;\n    padding: 52px 24px;\n}\n\n.success-ico {\n    margin-bottom: 20px;\n    animation: popIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n@keyframes popIn {\n    from { transform: scale(0); opacity: 0; }\n    to   { transform: scale(1); opacity: 1; }\n}\n\n.f-success h3 { font-size: 22px; font-weight: 800; margin-bottom: 8px; }\n.f-success p  { color: var(--text-mid); font-size: 15px; }\n\n\/* ===========================\n   RECENZIE\n   =========================== *\/\n.reviews-section {\n    padding: 72px 0 80px;\n    background: var(--bg);\n    border-top: 1px solid var(--border);\n}\n\n.section-title {\n    font-size: 28px;\n    font-weight: 800;\n    color: var(--text);\n    text-align: center;\n    margin-bottom: 8px;\n    letter-spacing: -0.3px;\n}\n\n.section-sub {\n    text-align: center;\n    color: var(--text-soft);\n    font-size: 15px;\n    margin-bottom: 48px;\n}\n\n.reviews-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 18px;\n}\n\n.review-card {\n    background: var(--white);\n    border: 1px solid var(--border);\n    border-radius: var(--radius-md);\n    padding: 28px;\n    box-shadow: var(--shadow-sm);\n    transition: transform var(--ease), box-shadow var(--ease);\n}\n\n.review-card:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--shadow-md);\n}\n\n.stars { display: flex; gap: 3px; margin-bottom: 14px; }\n\n.review-quote {\n    font-size: 15px;\n    line-height: 1.72;\n    color: var(--text-mid);\n    font-style: italic;\n    margin-bottom: 20px;\n}\n\n.review-who {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding-top: 16px;\n    border-top: 1px solid var(--border);\n}\n\n.avatar {\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--navy), var(--purple));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 13px;\n    font-weight: 800;\n    color: #fff;\n    flex-shrink: 0;\n}\n\n.review-who strong { display: block; font-size: 14px; font-weight: 700; color: var(--text); }\n.review-who span   { font-size: 12px; color: var(--text-soft); }\n\n\/* ===========================\n   Z\u00c1VERE\u010cN\u00c9 CTA\n   =========================== *\/\n.cta-section {\n    padding: 72px 0;\n    background: var(--navy);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.cta-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);\n    background-size: 48px 48px;\n    pointer-events: none;\n}\n\n.cta-section h2 {\n    font-size: 30px;\n    font-weight: 800;\n    color: var(--white);\n    margin-bottom: 12px;\n    letter-spacing: -0.3px;\n    position: relative;\n}\n\n.cta-section p {\n    color: rgba(255,255,255,0.65);\n    font-size: 16px;\n    margin-bottom: 32px;\n    max-width: 480px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n}\n\n.btn-hero {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 40px;\n    background: var(--purple);\n    color: var(--white);\n    text-decoration: none;\n    border-radius: var(--radius);\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    transition: background var(--ease), transform var(--ease), box-shadow var(--ease);\n    box-shadow: 0 4px 20px rgba(144,39,142,0.35);\n    position: relative;\n}\n\n.btn-hero:hover {\n    background: var(--purple-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 28px rgba(144,39,142,0.45);\n}\n\n\/* ===========================\n   FOOTER\n   =========================== *\/\n.site-footer {\n    background: var(--navy);\n    padding: 52px 0 0;\n    border-top: 3px solid var(--purple);\n}\n\n.footer-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 28px;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr 1.1fr;\n    gap: 40px;\n    padding-bottom: 48px;\n}\n\n.footer-logo {\n    width: 180px;\n    height: auto;\n    margin-bottom: 24px;\n    display: block;\n}\n\n.footer-logo-fallback {\n    font-size: 16px;\n    font-weight: 800;\n    color: var(--white);\n    letter-spacing: 1px;\n    margin-bottom: 24px;\n}\n\n.footer-socials {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 20px;\n}\n\n.social-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgba(255,255,255,0.55);\n    transition: color var(--ease);\n    text-decoration: none;\n}\n\n.social-icon:hover { color: var(--white); }\n\n.footer-gdpr {\n    display: inline-block;\n    font-size: 12px;\n    color: rgba(255,255,255,0.4);\n    text-decoration: none;\n    transition: color var(--ease);\n    margin-top: 4px;\n}\n\n.footer-gdpr:hover { color: rgba(255,255,255,0.75); }\n\n.footer-heading {\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: var(--white);\n    margin-bottom: 16px;\n}\n\n.footer-address {\n    font-size: 14px;\n    color: rgba(255,255,255,0.6);\n    margin-bottom: 12px;\n    line-height: 1.5;\n}\n\n.footer-phone {\n    font-size: 14px;\n    color: rgba(255,255,255,0.6);\n    margin-bottom: 6px;\n    line-height: 1.5;\n}\n\n.footer-phone a,\n.footer-email a {\n    color: rgba(255,255,255,0.75);\n    text-decoration: none;\n    transition: color var(--ease);\n}\n\n.footer-phone a:hover,\n.footer-email a:hover { color: var(--white); }\n\n.footer-email {\n    font-size: 14px;\n    color: rgba(255,255,255,0.6);\n    margin-top: 10px;\n}\n\n.footer-map iframe {\n    width: 100%;\n    height: 160px;\n    border: 0;\n    border-radius: var(--radius);\n    display: block;\n}\n\n.footer-bottom {\n    border-top: 1px solid rgba(255,255,255,0.08);\n    padding: 18px 28px;\n    text-align: center;\n    max-width: 1100px;\n    margin: 0 auto;\n}\n\n.footer-bottom p {\n    font-size: 12px;\n    color: rgba(255,255,255,0.25);\n}\n\n\/* ===========================\n   SCROLL REVEAL\n   =========================== *\/\n.reveal-up {\n    opacity: 0;\n    transform: translateY(22px);\n    transition: opacity 0.55s ease, transform 0.55s ease;\n}\n\n.reveal-up.visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* ===========================\n   RESPONSIVE\n   =========================== *\/\n@media (max-width: 860px) {\n    .footer-inner {\n        grid-template-columns: 1fr 1fr;\n    }\n    .footer-col:last-child {\n        grid-column: 1 \/ -1;\n    }\n}\n\n@media (max-width: 640px) {\n    .ica-callout   { font-size: 13px; padding: 12px 20px; }\n    .hero-headline { font-size: 19px; }\n\n    .step-section  { padding: 40px 0 44px; }\n    .step-label    { font-size: 19px; }\n\n    .form-top      { padding: 22px 20px; }\n    .progress-bar  { padding: 16px 16px; }\n    #appForm       { padding: 20px 16px 24px; }\n    .f-row         { grid-template-columns: 1fr; gap: 0; }\n\n    .reviews-section { padding: 48px 0; }\n    .section-title   { font-size: 23px; }\n    .review-card     { padding: 20px; }\n\n    .cta-section   { padding: 52px 0; }\n    .cta-section h2 { font-size: 24px; }\n\n    .footer-inner  {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n    .footer-col:last-child { grid-column: auto; }\n}\n\n@media (max-width: 420px) {\n    .ica-callout   { font-size: 12px; }\n    .hero-headline { font-size: 17px; }\n    .prog-step span { display: none; }\n}\n    <\/style>\n\n\n\n    <!-- DARK SEKCIA: hero + video -->\n    <section class=\"dark-section\">\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"hero-pattern\"><\/div>\n\n        <div class=\"container hero-content\">\n            <div class=\"ica-callout reveal-up\">\n  SIE SIND EIGENT\u00dcMER, GESCH\u00c4FTSF\u00dcHRER ODER PARTNER EINES PRODUKTIONSBETRIEBES IN DER SLOWAKEI?\n            <\/div>\n\n            <h1 class=\"hero-headline reveal-up\" style=\"animation-delay:0.1s\">\n  In diesem Video zeige ich Ihnen, wie wir Ihnen <strong>stabile Arbeitskr\u00e4fte<\/strong> mit einer <strong>100%igen ANWESENDHEIT<\/strong> zur Verf\u00fcgung stellen k\u00f6nnen, die effizient <strong>12 STUNDEN AM TAG<\/strong>, 5-6 Tage die Woche arbeiten &#8211; mit denen Sie <strong>die Kosten senken<\/strong>, die <strong>Fluktuation beseitigen<\/strong> und den <strong>GEWINN<\/strong> Ihrer Fabrik <strong>erh\u00f6hen<\/strong> k\u00f6nnen. Und das f\u00fcr eine v\u00f6llig <strong>KOSTENLOSE<\/strong> Probezeit. \n            <\/h1>\n        <\/div>\n\n        <!-- KROK 1: VIDEO -->\n        <div class=\"container video-container\" id=\"video\">\n            <p class=\"step-label step-label--dark reveal-up\">\n                <span class=\"step-badge\">SCHRITT 1:<\/span> Sehen Sie sich das Video an!\n            <\/p>\n            <div class=\"video-wrap reveal-up\" style=\"animation-delay:0.1s\">\n                <vturb-smartplayer id=\"vid-69e3848b35bdd6cde6d9ca5b\" style=\"display: block; margin: 0 auto; width: 100%; max-width: 400px;\"><\/vturb-smartplayer>\n                <script type=\"text\/javascript\">\n                    var s=document.createElement(\"script\");\n                    s.src=\"https:\/\/scripts.converteai.net\/f7b4975f-80ea-461b-84df-88b4dc7b345e\/players\/69e3848b35bdd6cde6d9ca5b\/v4\/player.js\";\n                    s.async=!0;\n                    document.head.appendChild(s);\n                <\/script>\n            <\/div>\n        <\/div>\n\n    <\/section>\n\n    <!-- KROK 2: FORMUL\u00c1R -->\n    <section class=\"step-section form-bg\" id=\"formular\">\n        <div class=\"container\">\n            <p class=\"step-label reveal-up\">\n                <span class=\"step-badge\">SCHRITT 2:<\/span> F\u00fcllen Sie das Qualifikationsformular unten aus\n            <\/p>\n\n            <div class=\"form-box reveal-up\" style=\"animation-delay:0.1s\">\n                <div class=\"form-top\">\n                    <h2>Formular zur Qualifizierung<\/h2>\n                    <p>Geben Sie unten Ihre Daten ein und wir werden Sie innerhalb von 24 Stunden kontaktieren.<\/p>\n                <\/div>\n\n                <div class=\"progress-bar\">\n                    <div class=\"prog-step active\" data-step=\"1\">\n                        <div class=\"prog-dot\">1<\/div>\n                        <span>Grundlegende Daten<\/span>\n                    <\/div>\n                    <div class=\"prog-line\"><\/div>\n                    <div class=\"prog-step\" data-step=\"2\">\n                        <div class=\"prog-dot\">2<\/div>\n                        <span>\u00dcber Ihr Unternehmen<\/span>\n                    <\/div>\n                    <div class=\"prog-line\"><\/div>\n                    <div class=\"prog-step\" data-step=\"3\">\n                        <div class=\"prog-dot\">3<\/div>\n                        <span>Anforderungen<\/span>\n                    <\/div>\n                <\/div>\n\n                <form id=\"appForm\">\n                    <!-- Krok 1 -->\n                    <div class=\"f-step active\" data-step=\"1\">\n                        <div class=\"f-group\">\n                            <label for=\"name\">Vorname und Nachname <span class=\"req\">*<\/span><\/label>\n                            <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Z.B. J\u00e1n Nov\u00e1k\" required=\"\"\/>\n                        <\/div>\n                        <div class=\"f-row\">\n                            <div class=\"f-group\">\n                                <label for=\"email\">E-Mail <span class=\"req\">*<\/span><\/label>\n                                <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"vas@email.sk\" required=\"\"\/>\n                            <\/div>\n                            <div class=\"f-group\">\n                                <label for=\"phone\">Rufnummer <span class=\"req\">*<\/span><\/label>\n                                <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+421 9XX XXX XXX\" required=\"\"\/>\n                            <\/div>\n                        <\/div>\n                        <div class=\"f-group\">\n                            <label>Ihre Position in der Firma <span class=\"req\">*<\/span><\/label>\n                            <input type=\"hidden\" id=\"position\" name=\"position\" required=\"\"\/>\n                            <div class=\"opt-group\" data-target=\"position\">\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"majitel\">Eigent\u00fcmer<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"konatel\">Gesch\u00e4ftsf\u00fchrerin<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"spolocnik\">Begleiter<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"riaditel\">Direktor<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"hr\">HR Manager<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"ine\">Andere<\/button>\n                            <\/div>\n                        <\/div>\n                        <button type=\"button\" class=\"btn-primary\" onclick=\"nextStep(1)\">\n                            <span class=\"btn-icon\"><span class=\"btn-dash\">&#8211;<\/span><span class=\"btn-arrow\">\u2192<\/span><\/span> Weiter\n                        <\/button>\n                    <\/div>\n\n                    <!-- Krok 2 -->\n                    <div class=\"f-step\" data-step=\"2\">\n                        <div class=\"f-group\">\n                            <label for=\"company\">Firmenname <span class=\"req\">*<\/span><\/label>\n                            <input type=\"text\" id=\"company\" name=\"company\" placeholder=\"Name Ihres Unternehmens\" required=\"\"\/>\n                        <\/div>\n                        <div class=\"f-row\">\n                            <div class=\"f-group\">\n                                <label for=\"city\">Stadt \/ Fabrikstandort <span class=\"req\">*<\/span><\/label>\n                                <input type=\"text\" id=\"city\" name=\"city\" placeholder=\"Z.B. \u017dilina\" required=\"\"\/>\n                            <\/div>\n                            <div class=\"f-group\">\n                                <label>Anzahl der Mitarbeiter <span class=\"req\">*<\/span><\/label>\n                                <input type=\"hidden\" id=\"employees\" name=\"employees\" required=\"\"\/>\n                                <div class=\"opt-group\" data-target=\"employees\">\n                                    <button type=\"button\" class=\"opt-pill\" data-value=\"1-10\">1 &#8211; 10<\/button>\n                                    <button type=\"button\" class=\"opt-pill\" data-value=\"11-50\">11 &#8211; 50<\/button>\n                                    <button type=\"button\" class=\"opt-pill\" data-value=\"51-200\">51 &#8211; 200<\/button>\n                                    <button type=\"button\" class=\"opt-pill\" data-value=\"201-500\">201 &#8211; 500<\/button>\n                                    <button type=\"button\" class=\"opt-pill\" data-value=\"500+\">500+<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"f-group\">\n                            <label for=\"industry\">Herstellung <span class=\"req\">*<\/span><\/label>\n                            <input type=\"text\" id=\"industry\" name=\"industry\" placeholder=\"Z.B. Automotive, Maschinenbau, Lebensmittel...\" required=\"\"\/>\n                        <\/div>\n                        <div class=\"f-btns\">\n                            <button type=\"button\" class=\"btn-back\" onclick=\"prevStep(2)\">\u2190 Zur\u00fcck<\/button>\n                            <button type=\"button\" class=\"btn-primary flex-1\" onclick=\"nextStep(2)\">\n                               <span class=\"btn-icon\"><span class=\"btn-dash\">&#8211;<\/span><span class=\"btn-arrow\">\u2192<\/span><\/span> Weiter zu\n <\/button> \n                        <\/div>\n                    <\/div>\n\n                    <!-- Krok 3 -->\n                    <div class=\"f-step\" data-step=\"3\">\n                        <div class=\"f-group\">\n                            <label>Wie viele Mitarbeiter ben\u00f6tigen Sie? <span class=\"req\">*<\/span><\/label>\n                            <input type=\"hidden\" id=\"workers\" name=\"workers\" required=\"\"\/>\n                            <div class=\"opt-group\" data-target=\"workers\">\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"1-5\">1 &#8211; 5<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"6-15\">6 &#8211; 15<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"16-30\">16 &#8211; 30<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"31-50\">31 &#8211; 50<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"50+\">50+<\/button>\n                            <\/div>\n                        <\/div>\n                        <div class=\"f-group\">\n                            <label>Wann brauchen Sie sie? <span class=\"req\">*<\/span><\/label>\n                            <input type=\"hidden\" id=\"timeline\" name=\"timeline\" required=\"\"\/>\n                            <div class=\"opt-group\" data-target=\"timeline\">\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"ihned\">Unmittelbar \/ So bald wie m\u00f6glich<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"1mesiac\">Innerhalb von 1 Monat<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"2-3mesiace\">Innerhalb von 2-3 Monaten<\/button>\n                                <button type=\"button\" class=\"opt-pill\" data-value=\"neskor\">Sp\u00e4ter \/ Planung<\/button>\n                            <\/div>\n                        <\/div>\n                        <div class=\"f-group\">\n                            <label for=\"message\">Zus\u00e4tzliche Informationen <span class=\"opt\">(optional)<\/span><\/label>\n                            <textarea id=\"message\" name=\"message\" rows=\"4\" placeholder=\"Z.B. Art der Arbeit, Schichtmuster, besondere Anforderungen...\"><\/textarea>\n                        <\/div>\n                        <div class=\"f-btns\">\n                            <button type=\"button\" class=\"btn-back\" onclick=\"prevStep(3)\">\u2190 Zur\u00fcck<\/button>\n                            <button type=\"submit\" class=\"btn-primary flex-1\">\n                               <span class=\"btn-icon\"><span class=\"btn-dash\">&#8211;<\/span><span class=\"btn-arrow\">\u2192<\/span><\/span> Formular senden\n <\/button> \n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00daspech -->\n                    <div class=\"f-success\" id=\"fSuccess\" style=\"display:none;\">\n                        <div class=\"success-ico\">\n                            <svg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\">\n                                <circle cx=\"30\" cy=\"30\" r=\"30\" fill=\"#90278e\"><\/circle>\n                                <path d=\"M18 30L26 38L42 22\" stroke=\"#fff\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h3>Vielen Dank f\u00fcr Ihre Anfrage!<\/h3>\n                        <p>Wir werden Sie innerhalb von 24 Stunden kontaktieren.<\/p>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- RECENZIE -->\n    <section class=\"reviews-section\" id=\"recenzie\">\n        <div class=\"container\">\n            <h2 class=\"section-title reveal-up\">Was unsere Kunden sagen<\/h2>\n            <p class=\"section-sub reveal-up\">Echte Erfahrungen der Fabrikbesitzer, mit denen wir zusammenarbeiten<\/p>\n\n            <div class=\"reviews-grid\">\n                <div class=\"review-card reveal-up\">\n                    <div class=\"stars\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                    <\/div>\n                    <p class=\"review-quote\">&#8222;Person Steel hat uns wiederholt bewiesen, dass es in der Lage ist, flexibel auf unseren Personalbedarf zu reagieren. Am meisten sch\u00e4tzen wir die schnelle Bereitstellung von Personal und die minimale Personalfluktuation, was f\u00fcr uns in der Produktion entscheidend ist. Dank ihres Ansatzes haben wir ein stabiles Team und einen reibungslosen Produktionsablauf.&#8220;  <\/p>\n                    <div class=\"review-who\">\n                        <div class=\"avatar\">PC<\/div>\n                        <div>\n                            <strong>Mgr. Petra Chlap\u00edkov\u00e1 <\/strong>\n                            <span>Leiter der Personalabteilung, SAMHWA TECH s.r.o. &#8211; Maschinenbau, Automotive<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"review-card reveal-up\" style=\"animation-delay:0.1s\">\n                    <div class=\"stars\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                    <\/div>\n                    <p class=\"review-quote\">&#8222;Person Steel ist f\u00fcr uns ein zuverl\u00e4ssiger Partner im Bereich der Personalsicherheit. Ihre Mitarbeiter haben eine hervorragende Pr\u00e4senz und passen sich sehr schnell an das Arbeitsumfeld an. Wir sch\u00e4tzen auch die professionelle Kommunikation und die Bereitschaft, Situationen sofort zu l\u00f6sen. Die hohe Produktivit\u00e4t der Mitarbeiter w\u00e4hrend der gesamten Arbeitszeit ist ebenfalls ein gro\u00dfer Vorteil. Wir bewerten die Zusammenarbeit sehr positiv.&#8220;    <\/p>\n                    <div class=\"review-who\">\n                        <div class=\"avatar\">JG<\/div>\n                        <div>\n                            <strong>Jana Gajdi\u010dijarov\u00e1<\/strong>\n                            <span>Produktionsleiterin, SHINABRO s.r.o. &#8211; Industrieunternehmen<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"review-card reveal-up\" style=\"animation-delay:0.15s\">\n                    <div class=\"stars\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                    <\/div>\n                    <p class=\"review-quote\">&#8222;Was wir an der Zusammenarbeit mit Person Steel besonders sch\u00e4tzen, ist die individuelle Herangehensweise und die F\u00e4higkeit, Arbeiter genau nach unseren Anforderungen zu liefern. Sie reagieren immer schnell und die Kommunikation ist offen und auf den Punkt gebracht. Sollte ein Arbeiter ausfallen, wird ohne unn\u00f6tige Verz\u00f6gerungen Ersatz geliefert.&#8220;  <\/p>\n                    <div class=\"review-who\">\n                        <div class=\"avatar\">MK<\/div>\n                        <div>\n                            <strong>Ing. Miroslav Kov\u00e1\u010d<\/strong>\n                            <span>Miteigent\u00fcmer des Werks, ECO-RUBBER s.r.o. &#8211; Produktionsst\u00e4tte<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"review-card reveal-up\" style=\"animation-delay:0.2s\">\n                    <div class=\"stars\">\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 20 20\" fill=\"#90278e\"><polygon points=\"10,1 12.5,7 19,7.5 14,12 15.5,19 10,15.5 4.5,19 6,12 1,7.5 7.5,7\"><\/polygon><\/svg>\n                    <\/div>\n                    <p class=\"review-quote\">&#8222;Wir arbeiten schon seit langem mit Person Steel zusammen und sch\u00e4tzen vor allem ihre Zuverl\u00e4ssigkeit und 100%ige Anwesenheit. Sie sind in der Lage, sehr schnell neue Mitarbeiter zur Verf\u00fcgung zu stellen oder bei Bedarf einen fehlenden Mitarbeiter sofort zu ersetzen. Die Kommunikation ist immer professionell und die L\u00f6sungen sind prompt. Wir k\u00f6nnen die Zusammenarbeit auf jeden Fall empfehlen.&#8220;   <\/p>\n                    <div class=\"review-who\">\n                        <div class=\"avatar\">JM<\/div>\n                        <div>\n                            <strong>Ing. Juraj Marto\u0161<\/strong>\n                            <span>HR Manager, DH AUTOLEAD SLOVAKIA s.r.o. &#8211; Automobilindustrie<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Z\u00c1VERE\u010cN\u00c9 CTA -->\n    <section class=\"cta-section\">\n        <div class=\"container\">\n            <h2 class=\"reveal-up\">Starten Sie noch heute<\/h2>\n            <p class=\"reveal-up\">F\u00fcllen Sie das Formular aus und wir werden Sie innerhalb von 24 Stunden mit einem konkreten Vorschlag f\u00fcr eine Zusammenarbeit kontaktieren.<\/p>\n            <a href=\"#formular\" class=\"btn-hero reveal-up\">\n                <span class=\"btn-icon\"><span class=\"btn-dash\">&#8211;<\/span><span class=\"btn-arrow\">\u2192<\/span><\/span> DIE FORM AUSF\u00dcLLEN\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer class=\"site-footer\">\n        <div class=\"footer-inner\">\n            <div class=\"footer-col footer-brand\">\n                <img decoding=\"async\" src=\"https:\/\/personsteelagency.sk\/wp-content\/uploads\/2024\/10\/person-steel-agency-logo-biele.svg\" alt=\"Person Steel Agency\" class=\"footer-logo\" onerror=\"this.style.display='none'; this.nextElementSibling.style.display='block'\"\/>\n                <span class=\"footer-logo-fallback\" style=\"display:none;\">PERSONAL STEEL AGENCY<\/span>\n                <div class=\"footer-socials\">\n                    <a href=\"https:\/\/wa.me\/421944174400\" target=\"_blank\" class=\"social-icon\" aria-label=\"WhatsApp\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"currentColor\" width=\"22\" height=\"22\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"><\/path><\/svg>\n                    <\/a>\n                    <a href=\"https:\/\/www.facebook.com\/personsteelagency\" target=\"_blank\" class=\"social-icon\" aria-label=\"Facebook\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"currentColor\" width=\"22\" height=\"22\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"><\/path><\/svg>\n                    <\/a>\n                    <a href=\"https:\/\/www.instagram.com\/personsteelagency\" target=\"_blank\" class=\"social-icon\" aria-label=\"Instagram\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"currentColor\" width=\"22\" height=\"22\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"><\/path><\/svg>\n                    <\/a>\n                <\/div>\n                <a href=\"https:\/\/personsteelagency.sk\/gdpr\/\" target=\"_blank\" class=\"footer-gdpr\">GDPR (Datenschutz)<\/a>\n            <\/div>\n\n            <div class=\"footer-col\">\n                <h3 class=\"footer-heading\">KONTAKT<\/h3>\n                <p class=\"footer-address\">\u010ceskoslovensk\u00e1 arm\u00e1dy 6226\/3, 03601 Martin<\/p>\n                <p class=\"footer-phone\"><a href=\"tel:+421944174400\">+421 944 174 400<\/a> &#8211; Abonnenten\/neue Projekte<\/p>\n                <p class=\"footer-phone\"><a href=\"tel:+421911553274\">+421 911 553 274<\/a> &#8211; Arbeitssuchende<\/p>\n                <p class=\"footer-email\"><a href=\"mailto:info@personsteelagency.sk\">info@personsteelagency.sk<\/a><\/p>\n            <\/div>\n\n            <div class=\"footer-col\">\n                <h3 class=\"footer-heading\">ADRESSE<\/h3>\n                <div class=\"footer-map\">\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2620.123!2d18.9231!3d49.0645!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zQ2Vza29zbG92ZW5za2VqIGFybcOhZHkgNjIyNi8zLCBNYXJ0aW4!5e0!3m2!1ssk!2ssk!4v1234567890\" width=\"100%\" height=\"160\" style=\"border:0; border-radius:6px;\" allowfullscreen=\"\" loading=\"lazy\">\n                    <\/iframe>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"footer-bottom\">\n            <p>\u00a9 2025 Person Steel Agency s.r.o. Alle Rechte vorbehalten.<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n\/\/ ===========================\n\/\/ OPTION PILLS\n\/\/ ===========================\ndocument.querySelectorAll('.opt-group').forEach(group => {\n    group.addEventListener('click', e => {\n        const pill = e.target.closest('.opt-pill');\n        if (!pill) return;\n        group.querySelectorAll('.opt-pill').forEach(p => p.classList.remove('selected'));\n        pill.classList.add('selected');\n        group.classList.remove('error');\n        const target = group.dataset.target;\n        const hidden = document.getElementById(target);\n        if (hidden) hidden.value = pill.dataset.value;\n    });\n});\n\n\/\/ ===========================\n\/\/ MULTI-STEP FORM\n\/\/ ===========================\nfunction nextStep(current) {\n    const step = document.querySelector(`.f-step[data-step=\"${current}\"]`);\n    const required = step.querySelectorAll('input[required]');\n    let valid = true;\n\n    required.forEach(el => {\n        if (!el.value.trim()) {\n            valid = false;\n            if (el.type === 'hidden') {\n                const group = el.closest('.f-group').querySelector('.opt-group');\n                if (group) group.classList.add('error');\n            } else {\n                el.style.borderColor = '#90278e';\n                el.addEventListener('input', function fix() {\n                    el.style.borderColor = '';\n                    el.removeEventListener('input', fix);\n                });\n            }\n        }\n    });\n\n    if (!valid) {\n        const box = document.querySelector('.form-box');\n        box.animate([\n            { transform: 'translateX(-6px)' },\n            { transform: 'translateX(6px)' },\n            { transform: 'translateX(-4px)' },\n            { transform: 'translateX(4px)' },\n            { transform: 'translateX(0)' }\n        ], { duration: 360, easing: 'ease' });\n        return;\n    }\n\n    const next = document.querySelector(`.f-step[data-step=\"${current + 1}\"]`);\n    if (next) {\n        step.classList.remove('active');\n        next.classList.add('active');\n        updateProgress(current + 1);\n    }\n}\n\nfunction prevStep(current) {\n    const step = document.querySelector(`.f-step[data-step=\"${current}\"]`);\n    const prev = document.querySelector(`.f-step[data-step=\"${current - 1}\"]`);\n    if (prev) {\n        step.classList.remove('active');\n        prev.classList.add('active');\n        updateProgress(current - 1);\n    }\n}\n\nfunction updateProgress(active) {\n    document.querySelectorAll('.prog-step').forEach((el, i) => {\n        const n = i + 1;\n        el.classList.remove('active', 'done');\n        if (n === active) el.classList.add('active');\n        else if (n <active) el.classList.add('done'); }); document.querySelectorAll('.prog-line').forEach((line, i) => {\n        line.classList.toggle('filled', i <active - 1); }); } \/\/ Form submit document.getElementById('appForm').addEventListener('submit', function (e) { e.preventDefault(); const last = document.querySelector('.f-step[data-step=\"3\"]'); const required = last.querySelectorAll('input[required]'); let valid = true; required.forEach(el => {\n        if (!el.value.trim()) {\n            valid = false;\n            if (el.type === 'hidden') {\n                const group = el.closest('.f-group').querySelector('.opt-group');\n                if (group) group.classList.add('error');\n            } else {\n                el.style.borderColor = '#90278e';\n            }\n        }\n    });\n\n    if (!valid) return;\n\n    \/\/ Tu m\u00f4\u017ee\u0161 prida\u0165 fetch() na odoslanie do CRM \/ Make \/ Zapier\n    const data = Object.fromEntries(new FormData(this));\n\n    \/\/ Meta Pixel \u2014 spust\u00ed sa len po \u00faspe\u0161nej valid\u00e1cii, nie pri kliknut\u00ed\n    if (typeof fbq === 'function') {\n        fbq('track', 'SubmitApplication');\n    }\n\n    \/\/ Zobrazi\u0165 \u00faspech\n    document.querySelectorAll('.f-step').forEach(s => s.classList.remove('active'));\n    document.querySelector('.progress-bar').style.display = 'none';\n    document.getElementById('fSuccess').style.display = 'block';\n\n    document.querySelectorAll('.prog-step').forEach(s => {\n        s.classList.remove('active');\n        s.classList.add('done');\n    });\n    document.querySelectorAll('.prog-line').forEach(l => l.classList.add('filled'));\n});\n\n\/\/ ===========================\n\/\/ SCROLL REVEAL\n\/\/ ===========================\nfunction initReveal() {\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, { threshold: 0.12, rootMargin: '0px 0px -30px 0px' });\n\n    document.querySelectorAll('.reveal-up').forEach(el => observer.observe(el));\n}\n\n\/\/ ===========================\n\/\/ SMOOTH SCROLL\n\/\/ ===========================\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n    a.addEventListener('click', e => {\n        e.preventDefault();\n        const target = document.querySelector(a.getAttribute('href'));\n        if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    });\n});\n\n\/\/ ===========================\n\/\/ INIT\n\/\/ ===========================\ndocument.addEventListener('DOMContentLoaded', initReveal);\n    <\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"author":2,"featured_media":0,"template":"wflp-canvas.php","meta":{"footnotes":""},"class_list":["post-696","wffn_landing","type-wffn_landing","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Formular - Person Steel Agency<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/personsteelagency.sk\/de\/landing-page\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Formular - Person Steel Agency\" \/>\n<meta property=\"og:description\" content=\"Person Steel Agency | Stabile Arbeitskr\u00e4fte f\u00fcr Ihre Fabrik SIE SIND EIGENT\u00dcMER, GESCH\u00c4FTSF\u00dcHRER ODER PARTNER EINES PRODUKTIONSBETRIEBES IN DER SLOWAKEI? In diesem Video zeige ich Ihnen, wie wir Ihnen stabile...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/personsteelagency.sk\/de\/landing-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Person Steel Agency\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T09:11:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.facebook.com\/tr?id=618791574452507&ev=PageView&noscript=1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/personsteelagency.sk\/de\/landing-page\/\",\"url\":\"https:\/\/personsteelagency.sk\/de\/landing-page\/\",\"name\":\"Formular - Person Steel Agency\",\"isPartOf\":{\"@id\":\"https:\/\/personsteelagency.sk\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/personsteelagency.sk\/de\/landing-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/personsteelagency.sk\/de\/landing-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.facebook.com\/tr?id=618791574452507&ev=PageView&noscript=1\",\"datePublished\":\"2026-03-31T06:38:43+00:00\",\"dateModified\":\"2026-04-20T09:11:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/personsteelagency.sk\/de\/landing-page\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/personsteelagency.sk\/de\/landing-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/personsteelagency.sk\/de\/landing-page\/#primaryimage\",\"url\":\"https:\/\/www.facebook.com\/tr?id=618791574452507&ev=PageView&noscript=1\",\"contentUrl\":\"https:\/\/www.facebook.com\/tr?id=618791574452507&ev=PageView&noscript=1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/personsteelagency.sk\/de\/landing-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Domovsk\u00e1 str\u00e1nka\",\"item\":\"https:\/\/personsteelagency.sk\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Formular\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/personsteelagency.sk\/de\/#website\",\"url\":\"https:\/\/personsteelagency.sk\/de\/\",\"name\":\"Person Steel Agency\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/personsteelagency.sk\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Formular - Person Steel Agency","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/personsteelagency.sk\/de\/landing-page\/","og_locale":"de_DE","og_type":"article","og_title":"Formular - Person Steel Agency","og_description":"Person Steel Agency | Stabile Arbeitskr\u00e4fte f\u00fcr Ihre Fabrik SIE SIND EIGENT\u00dcMER, GESCH\u00c4FTSF\u00dcHRER ODER PARTNER EINES PRODUKTIONSBETRIEBES IN DER SLOWAKEI? In diesem Video zeige ich Ihnen, wie wir Ihnen stabile...","og_url":"https:\/\/personsteelagency.sk\/de\/landing-page\/","og_site_name":"Person Steel Agency","article_modified_time":"2026-04-20T09:11:39+00:00","og_image":[{"url":"https:\/\/www.facebook.com\/tr?id=618791574452507&ev=PageView&noscript=1"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/personsteelagency.sk\/de\/landing-page\/","url":"https:\/\/personsteelagency.sk\/de\/landing-page\/","name":"Formular - Person Steel Agency","isPartOf":{"@id":"https:\/\/personsteelagency.sk\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/personsteelagency.sk\/de\/landing-page\/#primaryimage"},"image":{"@id":"https:\/\/personsteelagency.sk\/de\/landing-page\/#primaryimage"},"thumbnailUrl":"https:\/\/www.facebook.com\/tr?id=618791574452507&ev=PageView&noscript=1","datePublished":"2026-03-31T06:38:43+00:00","dateModified":"2026-04-20T09:11:39+00:00","breadcrumb":{"@id":"https:\/\/personsteelagency.sk\/de\/landing-page\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/personsteelagency.sk\/de\/landing-page\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/personsteelagency.sk\/de\/landing-page\/#primaryimage","url":"https:\/\/www.facebook.com\/tr?id=618791574452507&ev=PageView&noscript=1","contentUrl":"https:\/\/www.facebook.com\/tr?id=618791574452507&ev=PageView&noscript=1"},{"@type":"BreadcrumbList","@id":"https:\/\/personsteelagency.sk\/de\/landing-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Domovsk\u00e1 str\u00e1nka","item":"https:\/\/personsteelagency.sk\/de\/"},{"@type":"ListItem","position":2,"name":"Formular"}]},{"@type":"WebSite","@id":"https:\/\/personsteelagency.sk\/de\/#website","url":"https:\/\/personsteelagency.sk\/de\/","name":"Person Steel Agency","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/personsteelagency.sk\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/personsteelagency.sk\/de\/wp-json\/wp\/v2\/wffn_landing\/696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/personsteelagency.sk\/de\/wp-json\/wp\/v2\/wffn_landing"}],"about":[{"href":"https:\/\/personsteelagency.sk\/de\/wp-json\/wp\/v2\/types\/wffn_landing"}],"author":[{"embeddable":true,"href":"https:\/\/personsteelagency.sk\/de\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":12,"href":"https:\/\/personsteelagency.sk\/de\/wp-json\/wp\/v2\/wffn_landing\/696\/revisions"}],"predecessor-version":[{"id":747,"href":"https:\/\/personsteelagency.sk\/de\/wp-json\/wp\/v2\/wffn_landing\/696\/revisions\/747"}],"wp:attachment":[{"href":"https:\/\/personsteelagency.sk\/de\/wp-json\/wp\/v2\/media?parent=696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}