{"id":54,"date":"2025-03-10T10:13:45","date_gmt":"2025-03-10T09:13:45","guid":{"rendered":"http:\/\/dev.gitarre-seckau.at\/?page_id=54"},"modified":"2025-04-08T14:07:06","modified_gmt":"2025-04-08T12:07:06","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/gitarre-seckau.at\/en\/kontakt\/","title":{"rendered":"Contact"},"content":{"rendered":"    <div class=\"kontakt-page-wrapper\">\n        <div class=\"kontakt-header\">\n            <h1 class=\"kontakt-page-title\">Kontakt<\/h1>\n            <p class=\"kontakt-page-subtitle\">Wir freuen uns auf Ihre Nachricht<\/p>\n        <\/div>\n        \n        <div class=\"kontakt-info-container\">\n            <div class=\"kontakt-info-box\">\n                <div class=\"kontakt-info-item\">\n                    <div class=\"kontakt-icon-wrapper\">\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\n                    <\/div>\n                    <div class=\"kontakt-info-text\">\n                        <h3>Veranstaltungsort<\/h3>\n                        <p>Marienplatz 1, 8732 Seckau<\/p>\n                        <a href=\"https:\/\/www.google.at\/maps\/search\/Marienplatz+1%2C+8732+Seckau\" target=\"_blank\" class=\"kontakt-map-link\">\n                            <span>Auf Google Maps anzeigen<\/span>\n                            <i class=\"fas fa-external-link-alt\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                                <div class=\"kontakt-info-item\">\n                    <div class=\"kontakt-icon-wrapper\">\n                        <i class=\"fas fa-phone-alt\"><\/i>\n                    <\/div>\n                    <div class=\"kontakt-info-text\">\n                        <h3>Telefon<\/h3>\n                        <a href=\"tel:03514523400664734316540650990082\" class=\"kontakt-phone-link\">03514 5234-0 Abteiverwaltung Seckau 0664 7343 1654 0650 990082<\/a>\n                    <\/div>\n                <\/div>\n                                                <div class=\"kontakt-info-item\">\n                    <div class=\"kontakt-icon-wrapper\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                    <\/div>\n                    <div class=\"kontakt-info-text\">\n                        <h3>E-Mail<\/h3>\n                        <a href=\"mailto:info@gitarre-seckau.at\" class=\"kontakt-email-link\">info@gitarre-seckau.at<\/a>\n                    <\/div>\n                <\/div>\n                            <\/div>\n            <div class=\"kontakt-map-container\">\n                                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2590.7220895575488!2d14.784343076056054!3d47.27446821085428!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4771c8ab71181faf%3A0xb8f4c513f4b0048b!2sBenediktinerabtei%20Seckau!5e1!3m2!1sde!2sat!4v1744125029482!5m2!1sde!2sat\" width=\"600\" height=\"400\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>                            <\/div>\n        <\/div>\n        \n        <!-- Formular HTML -->\n        <div class=\"kontakt-formular-container\">\n            <div class=\"kontakt-form-header\">\n                <h2 class=\"kontakt-form-title\">Schreiben Sie uns<\/h2>\n                <p class=\"kontakt-form-subtitle\">F\u00fcllen Sie das Formular aus, und wir melden uns bei Ihnen<\/p>\n            <\/div>\n            \n                                            \n                <form class=\"kontakt-formular\" method=\"post\" action=\"\">\n                    <div class=\"kontakt-form-row\">\n                        <div class=\"kontakt-form-group \">\n                            <label for=\"kontakt_name\">Name <span class=\"required\">*<\/span><\/label>\n                            <div class=\"input-with-icon\">\n                                <i class=\"fas fa-user\"><\/i>\n                                <input type=\"text\" id=\"kontakt_name\" name=\"kontakt_name\" placeholder=\"Ihr Name\" value=\"\">\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"kontakt-form-group \">\n                            <label for=\"kontakt_email\">E-Mail <span class=\"required\">*<\/span><\/label>\n                            <div class=\"input-with-icon\">\n                                <i class=\"fas fa-envelope\"><\/i>\n                                <input type=\"email\" id=\"kontakt_email\" name=\"kontakt_email\" placeholder=\"Ihre E-Mail-Adresse\" value=\"\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"kontakt-form-group \">\n                        <label for=\"kontakt_betreff\">Betreff <span class=\"required\">*<\/span><\/label>\n                        <div class=\"input-with-icon\">\n                            <i class=\"fas fa-heading\"><\/i>\n                            <input type=\"text\" id=\"kontakt_betreff\" name=\"kontakt_betreff\" placeholder=\"Betreff Ihrer Anfrage\" value=\"\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"kontakt-form-group \">\n                        <label for=\"kontakt_nachricht\">Nachricht <span class=\"required\">*<\/span><\/label>\n                        <div class=\"textarea-with-icon\">\n                            <i class=\"fas fa-comment-alt\"><\/i>\n                            <textarea id=\"kontakt_nachricht\" name=\"kontakt_nachricht\" rows=\"6\" placeholder=\"Ihre Nachricht an uns\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"kontakt-form-group datenschutz-checkbox\">\n                        <input type=\"checkbox\" id=\"kontakt_datenschutz\" name=\"kontakt_datenschutz\" required >\n                        <label for=\"kontakt_datenschutz\">Ich habe die <a href=\"\/wordpress\/datenschutz\" target=\"_blank\">Datenschutzerkl\u00e4rung<\/a> gelesen und stimme der Verarbeitung meiner Daten zu. <span class=\"required\">*<\/span><\/label>\n                    <\/div>\n                    \n                    <div class=\"kontakt-form-submit\">\n                        <button type=\"submit\" name=\"kontakt_submit\" class=\"kontakt-submit-button\">\n                            <span>Nachricht senden<\/span>\n                            <i class=\"fas fa-paper-plane\"><\/i>\n                        <\/button>\n                    <\/div>\n                <\/form>\n                    <\/div>\n    <\/div>\n        <style>\n        \/* Allgemeine Styles *\/\n        .kontakt-page-wrapper {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 1rem;\n        }\n        \n        .kontakt-header {\n            text-align: center;\n            margin-bottom: 3rem;\n            padding-top: 2rem;\n        }\n        \n        .kontakt-page-title {\n            font-size: 2.5rem;\n            margin: 0;\n            color: var(--primary-color, #1B3B6F);\n            font-weight: 700;\n        }\n        \n        .kontakt-page-subtitle {\n            font-size: 1.2rem;\n            color: var(--secondary-color, #4C9CF1);\n            margin-top: 0.5rem;\n        }\n        \n        \/* Kontaktinformationen und Karte *\/\n        .kontakt-info-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2rem;\n            margin-bottom: 4rem;\n        }\n        \n        .kontakt-info-box {\n            background-color: #fff;\n            border-radius: 16px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n            padding: 2.5rem;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            transition: transform 0.3s ease;\n        }\n        \n        .kontakt-info-box:hover {\n            transform: translateY(-5px);\n        }\n        \n        .kontakt-map-container {\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n            height: 400px;\n            transition: transform 0.3s ease;\n        }\n        \n        .kontakt-map-container:hover {\n            transform: translateY(-5px);\n        }\n        \n        .kontakt-info-item {\n            display: flex;\n            margin-bottom: 2rem;\n            align-items: flex-start;\n        }\n        \n        .kontakt-info-item:last-child {\n            margin-bottom: 0;\n        }\n        \n        .kontakt-icon-wrapper {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--primary-color, #1B3B6F), var(--secondary-color, #4C9CF1));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 1.5rem;\n            flex-shrink: 0;\n        }\n        \n        .kontakt-icon-wrapper i {\n            font-size: 1.2rem;\n            color: white;\n        }\n        \n        .kontakt-info-text {\n            flex: 1;\n        }\n        \n        .kontakt-info-text h3 {\n            margin: 0 0 0.8rem 0;\n            font-size: 1.3rem;\n            color: var(--primary-color, #1B3B6F);\n            font-weight: 600;\n        }\n        \n        .kontakt-info-text p {\n            margin: 0;\n            line-height: 1.6;\n            color: #555;\n        }\n        \n        .kontakt-map-link, \n        .kontakt-phone-link, \n        .kontakt-email-link {\n            display: inline-flex;\n            align-items: center;\n            color: var(--secondary-color, #4C9CF1);\n            text-decoration: none;\n            margin-top: 0.8rem;\n            font-weight: 500;\n            transition: all 0.3s;\n            padding: 0.5rem 0;\n        }\n        \n        .kontakt-map-link span, \n        .kontakt-phone-link span, \n        .kontakt-email-link span {\n            margin-right: 0.5rem;\n        }\n        \n        .kontakt-map-link:hover, \n        .kontakt-phone-link:hover, \n        .kontakt-email-link:hover {\n            color: var(--primary-color, #1B3B6F);\n            transform: translateX(5px);\n        }\n        \n        .kontakt-phone-hours {\n            font-size: 0.9rem;\n            color: #777;\n            margin-top: 0.5rem;\n        }\n        \n        \/* Formular *\/\n        .kontakt-formular-container {\n            background-color: #fff;\n            border-radius: 16px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n            padding: 3rem;\n            margin-bottom: 4rem;\n        }\n        \n        .kontakt-form-header {\n            text-align: center;\n            margin-bottom: 2.5rem;\n        }\n        \n        .kontakt-form-title {\n            font-size: 2rem;\n            margin: 0;\n            color: var(--primary-color, #1B3B6F);\n            font-weight: 600;\n        }\n        \n        .kontakt-form-subtitle {\n            color: #666;\n            margin-top: 0.5rem;\n        }\n        \n        .kontakt-form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n        \n        .kontakt-form-group {\n            margin-bottom: 1.5rem;\n        }\n        \n        .kontakt-form-group label {\n            display: block;\n            margin-bottom: 0.5rem;\n            font-weight: 500;\n            color: var(--text-color, #2D3B55);\n        }\n        \n        .input-with-icon,\n        .textarea-with-icon {\n            position: relative;\n        }\n        \n        .input-with-icon i,\n        .textarea-with-icon i {\n            position: absolute;\n            left: 1rem;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #aaa;\n            transition: color 0.3s;\n        }\n        \n        .textarea-with-icon i {\n            top: 1.2rem;\n            transform: none;\n        }\n        \n        .input-with-icon input:focus + i,\n        .textarea-with-icon textarea:focus + i {\n            color: var(--primary-color, #1B3B6F);\n        }\n        \n        .kontakt-form-group input[type=\"text\"],\n        .kontakt-form-group input[type=\"email\"],\n        .kontakt-form-group textarea {\n            width: 100%;\n            padding: 1rem 1rem 1rem 3rem;\n            border: 2px solid #eee;\n            border-radius: 8px;\n            font-family: var(--font-body, 'Inter', sans-serif);\n            font-size: 1rem;\n            transition: all 0.3s;\n            background-color: #f9f9f9;\n        }\n        \n        .kontakt-form-group input[type=\"text\"]:focus,\n        .kontakt-form-group input[type=\"email\"]:focus,\n        .kontakt-form-group textarea:focus {\n            border-color: var(--primary-color, #1B3B6F);\n            box-shadow: 0 0 0 4px rgba(27, 59, 111, 0.1);\n            outline: none;\n        }\n        \n        .kontakt-form-group.has-error input,\n        .kontakt-form-group.has-error textarea {\n            border-color: #e74c3c;\n            background-color: #fff9f9;\n        }\n        \n        .datenschutz-checkbox {\n            display: flex;\n            align-items: flex-start;\n            gap: 0.8rem;\n            background-color: #f9f9f9;\n            padding: 1rem;\n            border-radius: 8px;\n            border: 2px solid #eee;\n        }\n        \n        .datenschutz-checkbox input[type=\"checkbox\"] {\n            margin-top: 0.3rem;\n            width: 18px;\n            height: 18px;\n            accent-color: var(--primary-color, #1B3B6F);\n        }\n        \n        .datenschutz-checkbox label {\n            font-size: 0.95rem;\n            font-weight: normal;\n            margin: 0;\n        }\n        \n        .datenschutz-checkbox a {\n            color: var(--secondary-color, #4C9CF1);\n            text-decoration: none;\n            font-weight: 500;\n        }\n        \n        .datenschutz-checkbox a:hover {\n            text-decoration: underline;\n        }\n        \n        .required {\n            color: #e74c3c;\n        }\n        \n        .kontakt-form-submit {\n            text-align: center;\n            margin-top: 2rem;\n        }\n        \n        .kontakt-submit-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background: linear-gradient(135deg, var(--primary-color, #1B3B6F), var(--secondary-color, #4C9CF1));\n            color: white;\n            border: none;\n            padding: 1rem 2.5rem;\n            font-size: 1.1rem;\n            font-weight: 600;\n            border-radius: 50px;\n            cursor: pointer;\n            transition: all 0.3s;\n            box-shadow: 0 4px 15px rgba(27, 59, 111, 0.2);\n        }\n        \n        .kontakt-submit-button span {\n            margin-right: 0.8rem;\n        }\n        \n        .kontakt-submit-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(27, 59, 111, 0.3);\n        }\n        \n        .kontakt-submit-button:active {\n            transform: translateY(-1px);\n        }\n        \n        .kontakt-error-summary {\n            display: flex;\n            align-items: flex-start;\n            background-color: #fff5f5;\n            border-radius: 8px;\n            padding: 1.2rem;\n            margin-bottom: 2rem;\n            color: #c0392b;\n            border: 2px solid #fad7d7;\n        }\n        \n        .error-icon {\n            font-size: 1.5rem;\n            margin-right: 1rem;\n            color: #e74c3c;\n        }\n        \n        .error-content {\n            flex: 1;\n        }\n        \n        .error-content p {\n            margin-top: 0;\n            margin-bottom: 0.5rem;\n            font-weight: 500;\n        }\n        \n        .error-content ul {\n            margin: 0;\n            padding-left: 1.2rem;\n        }\n        \n        .kontakt-success {\n            text-align: center;\n            padding: 3rem 2rem;\n        }\n        \n        .success-icon-wrapper {\n            width: 80px;\n            height: 80px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #2ecc71, #27ae60);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 1.5rem auto;\n        }\n        \n        .success-icon-wrapper i {\n            font-size: 2.5rem;\n            color: white;\n        }\n        \n        .kontakt-success h3 {\n            font-size: 1.8rem;\n            margin-bottom: 1rem;\n            color: var(--primary-color, #1B3B6F);\n        }\n        \n        .kontakt-success p {\n            font-size: 1.1rem;\n            color: #666;\n            margin-bottom: 2rem;\n        }\n        \n        .kontakt-home-button {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--primary-color, #1B3B6F), var(--secondary-color, #4C9CF1));\n            color: white;\n            text-decoration: none;\n            padding: 0.8rem 1.5rem;\n            border-radius: 50px;\n            font-weight: 500;\n            transition: all 0.3s;\n            box-shadow: 0 4px 15px rgba(27, 59, 111, 0.2);\n        }\n        \n        .kontakt-home-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(27, 59, 111, 0.3);\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 992px) {\n            .kontakt-info-container {\n                grid-template-columns: 1fr;\n            }\n            \n            .kontakt-map-container {\n                height: 350px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .kontakt-form-row {\n                grid-template-columns: 1fr;\n                gap: 0;\n            }\n            \n            .kontakt-formular-container {\n                padding: 2rem;\n            }\n            \n            .kontakt-page-title {\n                font-size: 2rem;\n            }\n            \n            .kontakt-form-title {\n                font-size: 1.8rem;\n            }\n        }\n        \n        @media (max-width: 576px) {\n            .kontakt-info-box {\n                padding: 1.5rem;\n            }\n            \n            .kontakt-icon-wrapper {\n                width: 40px;\n                height: 40px;\n            }\n            \n            .kontakt-info-text h3 {\n                font-size: 1.2rem;\n            }\n        }\n    <\/style>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gitarre-seckau.at\/en\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gitarre-seckau.at\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gitarre-seckau.at\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gitarre-seckau.at\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gitarre-seckau.at\/en\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":4,"href":"https:\/\/gitarre-seckau.at\/en\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":188,"href":"https:\/\/gitarre-seckau.at\/en\/wp-json\/wp\/v2\/pages\/54\/revisions\/188"}],"wp:attachment":[{"href":"https:\/\/gitarre-seckau.at\/en\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}