{"id":410,"date":"2025-12-29T21:10:45","date_gmt":"2025-12-29T21:10:45","guid":{"rendered":"https:\/\/appser.it\/?page_id=410"},"modified":"2025-12-29T22:41:19","modified_gmt":"2025-12-29T22:41:19","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/appser.it\/en\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"\n<style>\n        .appser-contact-module {\n            max-width: 600px;\n            margin: 40px auto;\n            padding: 20px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n        }\n\n        .contact-card {\n            background: #ffffff;\n            border-radius: 20px;\n            padding: 50px 40px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            text-align: center;\n        }\n\n        .contact-icon {\n            width: 80px;\n            height: 80px;\n            margin: 0 auto 30px;\n        }\n\n        .contact-icon svg {\n            width: 100%;\n            height: 100%;\n        }\n\n        .contact-title {\n            font-size: 32px;\n            font-weight: 700;\n            background: linear-gradient(135deg, #E91E63 0%, #FF5722 50%, #FF9800 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 40px;\n        }\n\n        .contact-items {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .contact-item {\n            display: flex;\n            align-items: center;\n            padding: 25px;\n            background: #f8f9fa;\n            border-radius: 15px;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .contact-item:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n        }\n\n        .email-item:hover {\n            border-color: #FF5722;\n            background: linear-gradient(white, white) padding-box,\n                        linear-gradient(135deg, #E91E63, #FF5722) border-box;\n        }\n\n        .linkedin-item:hover {\n            border-color: #00BCD4;\n            background: linear-gradient(white, white) padding-box,\n                        linear-gradient(135deg, #00BCD4, #FF9800) border-box;\n        }\n\n        .contact-item-icon {\n            width: 50px;\n            height: 50px;\n            min-width: 50px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 20px;\n        }\n\n        .email-item .contact-item-icon {\n            background: linear-gradient(135deg, #E91E63, #FF5722);\n            color: white;\n        }\n\n        .linkedin-item .contact-item-icon {\n            background: linear-gradient(135deg, #00BCD4, #FF9800);\n            color: white;\n        }\n\n        .contact-item-icon svg {\n            width: 26px;\n            height: 26px;\n        }\n\n        .contact-item-content {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            text-align: left;\n        }\n\n        .contact-label {\n            font-size: 13px;\n            font-weight: 600;\n            color: #6c757d;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 5px;\n        }\n\n        .contact-value {\n            font-size: 18px;\n            font-weight: 600;\n            color: #212529;\n        }\n\n        @media (max-width: 640px) {\n            .appser-contact-module {\n                padding: 10px;\n            }\n\n            .contact-card {\n                padding: 35px 25px;\n            }\n\n            .contact-title {\n                font-size: 26px;\n            }\n\n            .contact-item {\n                padding: 20px;\n            }\n\n            .contact-item-icon {\n                width: 45px;\n                height: 45px;\n                min-width: 45px;\n                margin-right: 15px;\n            }\n\n            .contact-value {\n                font-size: 16px;\n            }\n        }\n    <\/style>\n \n    <div class=\"appser-contact-module\">\n        <div class=\"contact-card\">\n        <div class=\"contact-items\">\n                <a href=\"mailto:go@appser.it\" class=\"contact-item email-item\">\n                    <div class=\"contact-item-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                            <path d=\"m3 7 9 6 9-6\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"contact-item-content\">\n                        <span class=\"contact-label\">Email<\/span>\n                        <span class=\"contact-value\">go@appser.it<\/span>\n                    <\/div>\n                <\/a>\n                \n                <a href=\"https:\/\/www.linkedin.com\/in\/marek-maj\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"contact-item linkedin-item\">\n                    <div class=\"contact-item-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                            <path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"contact-item-content\">\n                        <span class=\"contact-label\">LinkedIn<\/span>\n                        <span class=\"contact-value\">Marek Maj<\/span>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Newsletter<\/h3>\n\n\n\n<style>\n    .newsletter-wrapper {\n        width: 100%;\n        max-width: 100%;\n        margin: 0 auto;\n        padding: 0;\n    }\n\n    .newsletter-card {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 40px 30px;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n        position: relative;\n        overflow: hidden;\n        min-height: 1200px;\n    }\n\n    .newsletter-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 5px;\n        background: linear-gradient(90deg, #E91E63 0%, #FF5722 25%, #FF9800 50%, #00BCD4 75%, #E91E63 100%);\n    }\n\n    .newsletter-iframe-container {\n        position: relative;\n        width: 100%;\n        height: 1150px;\n        border-radius: 15px;\n        overflow: hidden;\n        background: #f8f9fa;\n        box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.05);\n    }\n\n    .newsletter-iframe-container iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        display: block;\n    }\n\n    @media (max-width: 768px) {\n        .newsletter-card {\n            border-radius: 15px;\n            padding: 30px 20px;\n            min-height: 1300px;\n        }\n\n        .newsletter-iframe-container {\n            height: 1250px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .newsletter-card {\n            border-radius: 10px;\n            padding: 20px 15px;\n            min-height: 1400px;\n        }\n\n        .newsletter-iframe-container {\n            height: 1350px;\n        }\n    }\n<\/style>\n\n<div class=\"newsletter-wrapper\">\n    <div class=\"newsletter-card\">\n        <div class=\"newsletter-iframe-container\">\n            <iframe src=\"https:\/\/forms.office.com\/Pages\/ResponsePage.aspx?id=7-8ZQdqVK0Sfbtf-AuO3n82L6DQk4PVFnL3LbJmpmp5UOVE5NEVXNkg2MFU4VEVDS0JDWjZXVDNaQiQlQCN0PWcu&#038;embed=true\" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen><\/iframe>\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Email go@appser.it LinkedIn Marek Maj Newsletter<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-410","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/appser.it\/en\/wp-json\/wp\/v2\/pages\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appser.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/appser.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/appser.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appser.it\/en\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":7,"href":"https:\/\/appser.it\/en\/wp-json\/wp\/v2\/pages\/410\/revisions"}],"predecessor-version":[{"id":435,"href":"https:\/\/appser.it\/en\/wp-json\/wp\/v2\/pages\/410\/revisions\/435"}],"wp:attachment":[{"href":"https:\/\/appser.it\/en\/wp-json\/wp\/v2\/media?parent=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}