{"id":21,"date":"2026-04-18T22:21:28","date_gmt":"2026-04-18T22:21:28","guid":{"rendered":"https:\/\/autofolien-art.ch\/?page_id=21"},"modified":"2026-04-27T20:09:49","modified_gmt":"2026-04-27T20:09:49","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/autofolien-art.ch\/?page_id=21","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ed96712 e-con-full e-flex e-con e-parent\" data-id=\"3ed96712\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f68c87b elementor-widget elementor-widget-html\" data-id=\"1f68c87b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     AUTOFOLIEN & ART \u2014 GLOBAL HEADER\r\n     Paste this into an Elementor HTML block\r\n     (use as Header Template in Elementor Pro)\r\n     ============================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500 HEADER VARIABLES \u2500\u2500 *\/\r\n.aa-header *,\r\n.aa-header *::before,\r\n.aa-header *::after,\r\n.aa-mobile-menu *,\r\n.aa-mobile-menu *::before,\r\n.aa-mobile-menu *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n:root {\r\n  --aa-bg: #ffffff;\r\n  --aa-fg: #141414;\r\n  --aa-primary: #F26B1F;\r\n  --aa-primary-glow: #f5842e;\r\n  --aa-border: #e3e3e3;\r\n  --aa-muted: #616161;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER BAR \u2500\u2500 *\/\r\n.aa-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 99999;\r\n  height: 80px;\r\n  background: transparent;\r\n  border-bottom: 1px solid transparent;\r\n  transition: background 300ms ease, border-color 300ms ease, backdrop-filter 300ms ease;\r\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\n.aa-header.aa-scrolled {\r\n  background: rgba(255, 255, 255, 0.95);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  border-bottom-color: var(--aa-border);\r\n}\r\n\r\n.aa-header-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  height: 80px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .aa-header-inner { padding: 0 40px; }\r\n}\r\n\r\n\/* \u2500\u2500 LOGO \u2500\u2500 *\/\r\n.aa-header-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.aa-header-logo img {\r\n  height: 48px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 NAV LINKS \u2500\u2500 *\/\r\n.aa-header-nav {\r\n  display: none;\r\n  align-items: center;\r\n  gap: 32px;\r\n  list-style: none;\r\n}\r\n\r\n.aa-header-nav a {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: rgba(20, 20, 20, 0.8);\r\n  text-decoration: none;\r\n  transition: color 200ms ease;\r\n  white-space: nowrap;\r\n}\r\n\r\n.aa-header-nav a:hover,\r\n.aa-header-nav a.aa-active {\r\n  color: var(--aa-primary);\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT SIDE \u2500\u2500 *\/\r\n.aa-header-right {\r\n  display: none;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.aa-header-phone {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: rgba(20, 20, 20, 0.8);\r\n  text-decoration: none;\r\n  transition: color 200ms ease;\r\n  white-space: nowrap;\r\n}\r\n\r\n.aa-header-phone:hover {\r\n  color: var(--aa-primary);\r\n}\r\n\r\n.aa-header-phone svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.aa-header-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  background: var(--aa-primary);\r\n  color: #ffffff;\r\n  padding: 10px 24px;\r\n  border: none;\r\n  border-radius: 0;\r\n  text-decoration: none;\r\n  transition: background 200ms ease;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n}\r\n\r\n.aa-header-cta:hover {\r\n  background: var(--aa-primary-glow);\r\n  color: #ffffff;\r\n}\r\n\r\n\/* \u2500\u2500 HAMBURGER \u2500\u2500 *\/\r\n.aa-hamburger {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: none;\r\n  border: none;\r\n  padding: 8px;\r\n  cursor: pointer;\r\n  color: var(--aa-fg);\r\n}\r\n\r\n.aa-hamburger svg {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n\/* \u2500\u2500 DESKTOP SHOW\/HIDE \u2500\u2500 *\/\r\n@media (min-width: 1024px) {\r\n  .aa-header-nav { display: flex; }\r\n  .aa-header-right { display: flex; }\r\n  .aa-hamburger { display: none; }\r\n}\r\n\r\n\/* \u2500\u2500 MOBILE MENU \u2500\u2500 *\/\r\n.aa-mobile-menu {\r\n  display: none;\r\n  position: fixed;\r\n  top: 80px;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: var(--aa-bg);\r\n  border-top: 1px solid var(--aa-border);\r\n  z-index: 99998;\r\n  padding: 32px 24px;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  overflow-y: auto;\r\n  font-family: 'Inter', system-ui, sans-serif;\r\n}\r\n\r\n.aa-mobile-menu.aa-open {\r\n  display: flex;\r\n}\r\n\r\n.aa-mobile-menu a {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: rgba(20, 20, 20, 0.85);\r\n  text-decoration: none;\r\n  padding: 12px 0;\r\n  border-bottom: 1px solid rgba(0,0,0,0.06);\r\n}\r\n\r\n.aa-mobile-menu a:hover,\r\n.aa-mobile-menu a.aa-active {\r\n  color: var(--aa-primary);\r\n}\r\n\r\n.aa-mobile-menu .aa-mobile-cta {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-top: 16px;\r\n  background: var(--aa-primary);\r\n  color: #ffffff;\r\n  font-weight: 500;\r\n  padding: 14px 24px;\r\n  border: none;\r\n  border-radius: 0;\r\n  border-bottom: none;\r\n}\r\n\r\n.aa-mobile-menu .aa-mobile-cta:hover {\r\n  background: var(--aa-primary-glow);\r\n  color: #ffffff;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .aa-mobile-menu { display: none !important; }\r\n}\r\n\r\n\/* \u2500\u2500 BODY PADDING (add to page) \u2500\u2500 *\/\r\nbody {\r\n  padding-top: 80px;\r\n}\r\n<\/style>\r\n\r\n<!-- HEADER HTML -->\r\n<header class=\"aa-header\" id=\"aa-header\">\r\n  <div class=\"aa-header-inner\">\r\n\r\n    <!-- LOGO \u2014 Replace src with your WordPress logo URL -->\r\n    <a href=\"https:\/\/autofolien-art.ch\/\" class=\"aa-header-logo\" aria-label=\"Autofolien & Art Startseite\">\r\n      <img decoding=\"async\" src=\"https:\/\/shorturl.at\/PbDsm\" alt=\"Autofolien &amp; Art Logo\">\r\n    <\/a>\r\n\r\n    <!-- DESKTOP NAV -->\r\n    <nav class=\"aa-header-nav\" id=\"aa-nav\">\r\n      <a href=\"https:\/\/autofolien-art.ch\/\">Home<\/a>\r\n      <a href=\"https:\/\/autofolien-art.ch\/?page_id=14\">Autofolierung<\/a>\r\n      <a href=\"https:\/\/autofolien-art.ch\/?page_id=17\">Werbebeschriftung<\/a>\r\n      <a href=\"https:\/\/autofolien-art.ch\/?page_id=19\">Car Wrapping Kurse<\/a>\r\n      <a href=\"https:\/\/autofolien-art.ch\/?page_id=764\">Galerie<\/a>\r\n      <a href=\"https:\/\/autofolien-art.ch\/?page_id=21\">Kontakt<\/a>\r\n    <\/nav>\r\n\r\n    <!-- DESKTOP RIGHT -->\r\n    <div class=\"aa-header-right\">\r\n      <a href=\"https:\/\/autofolien-art.ch\/?page_id=21\" class=\"aa-header-cta\">Termin anfragen<\/a>\r\n    <\/div>\r\n\r\n    <!-- HAMBURGER (mobile) -->\r\n    <button class=\"aa-hamburger\" id=\"aa-hamburger\" aria-label=\"Men\u00fc \u00f6ffnen\">\r\n      <svg id=\"aa-icon-menu\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"><\/line><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"><\/line><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"><\/line><\/svg>\r\n      <svg id=\"aa-icon-close\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"display:none\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg>\r\n    <\/button>\r\n\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- MOBILE MENU -->\r\n<div class=\"aa-mobile-menu\" id=\"aa-mobile-menu\">\r\n  <a href=\"https:\/\/autofolien-art.ch\/\">Home<\/a>\r\n  <a href=\"https:\/\/autofolien-art.ch\/?page_id=14\">Autofolierung<\/a>\r\n  <a href=\"https:\/\/autofolien-art.ch\/?page_id=17\">Werbebeschriftung<\/a>\r\n  <a href=\"https:\/\/autofolien-art.ch\/?page_id=19\">Car Wrapping Kurse<\/a>\r\n  <a href=\"https:\/\/autofolien-art.ch\/?page_id=764\">Galerie<\/a>\r\n  <a href=\"https:\/\/autofolien-art.ch\/?page_id=21\">Kontakt<\/a>\r\n  <a href=\"https:\/\/autofolien-art.ch\/?page_id=21\" class=\"aa-mobile-cta\">Termin anfragen<\/a>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/* \u2500\u2500 Scroll effect \u2500\u2500 *\/\r\n  var header = document.getElementById('aa-header');\r\n  function onScroll() {\r\n    if (window.scrollY > 24) {\r\n      header.classList.add('aa-scrolled');\r\n    } else {\r\n      header.classList.remove('aa-scrolled');\r\n    }\r\n  }\r\n  onScroll();\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n\r\n  \/* \u2500\u2500 Mobile menu toggle \u2500\u2500 *\/\r\n  var hamburger = document.getElementById('aa-hamburger');\r\n  var mobileMenu = document.getElementById('aa-mobile-menu');\r\n  var iconMenu = document.getElementById('aa-icon-menu');\r\n  var iconClose = document.getElementById('aa-icon-close');\r\n\r\n  hamburger.addEventListener('click', function() {\r\n    var isOpen = mobileMenu.classList.toggle('aa-open');\r\n    iconMenu.style.display = isOpen ? 'none' : 'block';\r\n    iconClose.style.display = isOpen ? 'block' : 'none';\r\n    document.body.style.overflow = isOpen ? 'hidden' : '';\r\n  });\r\n\r\n  \/* Close mobile menu on link click *\/\r\n  var mobileLinks = mobileMenu.querySelectorAll('a');\r\n  mobileLinks.forEach(function(link) {\r\n    link.addEventListener('click', function() {\r\n      mobileMenu.classList.remove('aa-open');\r\n      iconMenu.style.display = 'block';\r\n      iconClose.style.display = 'none';\r\n      document.body.style.overflow = '';\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500 Highlight active nav link \u2500\u2500 *\/\r\n  var currentPath = window.location.pathname.replace(\/\\\/$\/, '') || '\/';\r\n  var allNavLinks = document.querySelectorAll('.aa-header-nav a, .aa-mobile-menu a');\r\n  allNavLinks.forEach(function(a) {\r\n    var linkPath = a.getAttribute('href').replace(\/\\\/$\/, '') || '\/';\r\n    if (linkPath === currentPath) {\r\n      a.classList.add('aa-active');\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36de891 e-con-full e-flex e-con e-parent\" data-id=\"36de891\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e212d4 elementor-widget elementor-widget-html\" data-id=\"3e212d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     AUTOFOLIEN & ART \u2014 KONTAKT PAGE\r\n     Paste this into an Elementor HTML block\r\n     on the Kontakt Page\r\n     ============================================ -->\r\n\r\n<style>\r\n\/* \u2500\u2500 PAGE RESET & VARIABLES \u2500\u2500 *\/\r\n.aa-page *, .aa-page *::before, .aa-page *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n.aa-page {\r\n  --aa-bg: #ffffff;\r\n  --aa-surface: #f7f7f7;\r\n  --aa-fg: #141414;\r\n  --aa-primary: #F26B1F;\r\n  --aa-primary-glow: #f5842e;\r\n  --aa-border: #e3e3e3;\r\n  --aa-muted: #616161;\r\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n  color: var(--aa-fg);\r\n  line-height: 1.6;\r\n}\r\n.aa-page h1, .aa-page h2, .aa-page h3, .aa-page h4 { font-family: 'Sora', sans-serif; letter-spacing: -0.02em; line-height: 1.1; }\r\n.aa-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; width: 100%; }\r\n@media (min-width: 1024px) { .aa-container { padding: 0 40px; } }\r\n\r\n\/* \u2500\u2500 TYPOGRAPHY \u2500\u2500 *\/\r\n.aa-heading { font-weight: 800 !important; line-height: 0.95 !important; letter-spacing: -0.04em !important; }\r\n.aa-eyebrow { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: var(--aa-primary) !important; display: block; margin-bottom: 16px;}\r\n.aa-text-primary { color: var(--aa-primary) !important; }\r\n\r\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n.aa-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; border: none; cursor: pointer; transition: all 200ms ease; border-radius: 0; text-decoration: none; padding: 0 32px; height: 56px; }\r\n.aa-btn-primary { background: var(--aa-primary); color: #fff; }\r\n.aa-btn-primary:hover { background: var(--aa-primary-glow); transform: translateY(-1px); }\r\n\r\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n.aa-fade-up { opacity: 0; transform: translateY(32px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }\r\n.aa-fade-up.aa-visible { opacity: 1; transform: translateY(0); }\r\n.aa-fade-up-d1 { transition-delay: 0.1s; }\r\n.aa-fade-up-d2 { transition-delay: 0.2s; }\r\n\r\n\/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\r\n.aa-section { padding: 80px 0; }\r\n@media (min-width: 768px) { .aa-section { padding: 96px 0; } }\r\n\r\n\/* \u2500\u2500 CONTACT HEADER \u2500\u2500 *\/\r\n.aa-contact-header { background: var(--aa-surface); border-bottom: 1px solid var(--aa-border); padding-top: 160px; padding-bottom: 80px; }\r\n.aa-contact-header h1 { font-size: clamp(48px, 6vw, 72px) !important; max-width: 720px; }\r\n.aa-contact-header p.aa-desc { margin-top: 24px; max-width: 640px; font-size: 18px; color: var(--aa-muted); }\r\n\r\n\/* \u2500\u2500 CONTACT GRID \u2500\u2500 *\/\r\n.aa-contact-grid { display: grid; gap: 48px; }\r\n@media (min-width: 1024px) { .aa-contact-grid { grid-template-columns: 1.4fr 1fr; gap: 64px; } }\r\n\r\n\/* \u2500\u2500 FORM \u2500\u2500 *\/\r\n.aa-contact-form { background: var(--aa-bg); border: 1px solid var(--aa-border); padding: 32px; }\r\n@media (min-width: 768px) { .aa-contact-form { padding: 48px; } }\r\n.aa-form-row { display: grid; gap: 24px; margin-bottom: 24px; }\r\n@media (min-width: 768px) { .aa-form-row.aa-two-col { grid-template-columns: 1fr 1fr; } }\r\n.aa-form-group { display: flex; flex-direction: column; gap: 8px; }\r\n.aa-form-group label { font-size: 14px; font-weight: 500; }\r\n.aa-form-group input, .aa-form-group textarea { font-family: 'Inter', sans-serif; font-size: 15px; padding: 12px 16px; border: 1px solid var(--aa-border); background: var(--aa-surface); border-radius: 0; outline: none; transition: border-color 200ms; color: var(--aa-fg); }\r\n.aa-form-group input:focus, .aa-form-group textarea:focus { border-color: var(--aa-primary); background: #fff; }\r\n.aa-form-group textarea { resize: vertical; }\r\n.aa-form-fine { font-size: 13px; color: var(--aa-muted); margin-top: 16px; }\r\n\r\n\/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/\r\n.aa-contact-sidebar h2 { margin-bottom: 24px; font-size: 20px; }\r\n.aa-contact-items { display: flex; flex-direction: column; gap: 24px; }\r\n.aa-contact-item { display: flex; align-items: flex-start; gap: 16px; }\r\n.aa-contact-icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgba(242,107,31,0.1); color: var(--aa-primary); flex-shrink: 0; }\r\n.aa-contact-item .aa-label { font-size: 13px; color: var(--aa-muted); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; margin-bottom: 4px; }\r\n.aa-contact-item .aa-val { font-size: 16px; font-weight: 500; }\r\n.aa-contact-item a.aa-val { transition: color 200ms; }\r\n.aa-contact-item a.aa-val:hover { color: var(--aa-primary); }\r\n\r\n.aa-hours-section { border-top: 1px solid var(--aa-border); padding-top: 32px; margin-top: 40px; }\r\n.aa-hours-section h2 { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; font-size: 20px; }\r\n.aa-hours-table { display: flex; flex-direction: column; gap: 12px; font-size: 15px; }\r\n.aa-hours-row { display: flex; justify-content: space-between; border-bottom: 1px dashed var(--aa-border); padding-bottom: 8px; }\r\n.aa-hours-row:last-child { border-bottom: none; }\r\n.aa-hours-row .aa-time { font-weight: 500; }\r\n<\/style>\r\n\r\n<div class=\"aa-page\">\r\n\r\n  <section class=\"aa-contact-header\">\r\n    <div class=\"aa-container\">\r\n      <span class=\"aa-eyebrow aa-fade-up\">Kontakt<\/span>\r\n      <h1 class=\"aa-heading aa-fade-up aa-fade-up-d1\">Reden wir \u00fcber<br><span class=\"aa-text-primary\">Ihr Projekt.<\/span><\/h1>\r\n      <p class=\"aa-desc aa-fade-up aa-fade-up-d2\">Schreiben Sie uns \u2013 wir antworten in der Regel innert 24 Stunden mit einer ehrlichen Einsch\u00e4tzung und einem unverbindlichen Angebot.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"aa-section\">\r\n    <div class=\"aa-container aa-contact-grid\">\r\n      \r\n      <!-- CONTACT FORM -->\r\n      <div class=\"aa-fade-up\">\r\n        <!-- Web3Forms Integration -->\r\n        <form class=\"aa-contact-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\">\r\n          <!-- \u26a0\ufe0f Replace YOUR_ACCESS_KEY_HERE with your actual Web3Forms Access Key -->\r\n          <input type=\"hidden\" name=\"access_key\" value=\"YOUR_ACCESS_KEY_HERE\">\r\n          \r\n          <!-- Optional: Customize the subject line of the email -->\r\n          <input type=\"hidden\" name=\"subject\" value=\"Neue Anfrage \u00fcber Autofolien & Art Website\">\r\n          \r\n          <div class=\"aa-form-row aa-two-col\">\r\n            <div class=\"aa-form-group\">\r\n              <label for=\"aa-name\">Name *<\/label>\r\n              <input id=\"aa-name\" name=\"name\" required>\r\n            <\/div>\r\n            <div class=\"aa-form-group\">\r\n              <label for=\"aa-email\">E-Mail *<\/label>\r\n              <input id=\"aa-email\" name=\"email\" type=\"email\" required>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"aa-form-row aa-two-col\">\r\n            <div class=\"aa-form-group\">\r\n              <label for=\"aa-phone\">Telefon<\/label>\r\n              <input id=\"aa-phone\" name=\"phone\" type=\"tel\">\r\n            <\/div>\r\n            <div class=\"aa-form-group\">\r\n              <label for=\"aa-topic\">Anliegen<\/label>\r\n              <input id=\"aa-topic\" name=\"topic\" placeholder=\"z.B. Vollfolierung, PPF, Kurs\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"aa-form-row\">\r\n            <div class=\"aa-form-group\">\r\n              <label for=\"aa-message\">Nachricht *<\/label>\r\n              <textarea id=\"aa-message\" name=\"message\" required rows=\"6\" placeholder=\"Erz\u00e4hlen Sie uns von Ihrem Fahrzeug oder Projekt...\"><\/textarea>\r\n            <\/div>\r\n          <\/div>\r\n          <button type=\"submit\" class=\"aa-btn aa-btn-primary\" style=\"width:100%;\">Nachricht senden<\/button>\r\n          <p class=\"aa-form-fine\">Mit dem Absenden erkl\u00e4ren Sie sich einverstanden, dass wir Ihre Daten zur Bearbeitung Ihrer Anfrage gem\u00e4ss unserer Datenschutzerkl\u00e4rung verwenden.<\/p>\r\n        <\/form>\r\n      <\/div>\r\n\r\n      <!-- SIDEBAR -->\r\n      <aside class=\"aa-contact-sidebar aa-fade-up aa-fade-up-d1\">\r\n        <div>\r\n          <h2>Direktkontakt<\/h2>\r\n          <div class=\"aa-contact-items\">\r\n            <div class=\"aa-contact-item\">\r\n              <div class=\"aa-contact-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/div>\r\n              <div>\r\n                <p class=\"aa-label\">Telefon<\/p>\r\n                <a href=\"tel:+41000000000\" class=\"aa-val\">+41 00 000 00 00<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"aa-contact-item\">\r\n              <div class=\"aa-contact-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg><\/div>\r\n              <div>\r\n                <p class=\"aa-label\">E-Mail<\/p>\r\n                <a href=\"mailto:info@autofolien-art.ch\" class=\"aa-val\">info@autofolien-art.ch<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"aa-contact-item\">\r\n              <div class=\"aa-contact-icon\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n              <div>\r\n                <p class=\"aa-label\">Standort<\/p>\r\n                <p class=\"aa-val\">Schweiz<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aa-hours-section\">\r\n          <h2><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg> \u00d6ffnungszeiten<\/h2>\r\n          <div class=\"aa-hours-table\">\r\n            <div class=\"aa-hours-row\">\r\n              <span>Montag \u2013 Freitag<\/span>\r\n              <span class=\"aa-time\">08:00 \u2013 18:00<\/span>\r\n            <\/div>\r\n            <div class=\"aa-hours-row\">\r\n              <span>Samstag<\/span>\r\n              <span class=\"aa-time\">Nach Vereinbarung<\/span>\r\n            <\/div>\r\n            <div class=\"aa-hours-row\">\r\n              <span>Sonntag<\/span>\r\n              <span class=\"aa-time\" style=\"color:var(--aa-primary);\">Geschlossen<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var fadeEls = document.querySelectorAll('.aa-fade-up');\r\n  if ('IntersectionObserver' in window) {\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('aa-visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\r\n    fadeEls.forEach(function(el) { observer.observe(el); });\r\n  } else {\r\n    fadeEls.forEach(function(el) { el.classList.add('aa-visible'); });\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad92921 e-con-full e-flex e-con e-parent\" data-id=\"ad92921\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c847526 elementor-widget elementor-widget-html\" data-id=\"c847526\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     AUTOFOLIEN & ART \u2014 GLOBAL FOOTER\r\n     Paste this into an Elementor HTML block\r\n     (use as Footer Template in Elementor Pro)\r\n     ============================================ -->\r\n\r\n<style>\r\n\/* \u2500\u2500 FOOTER RESET \u2500\u2500 *\/\r\n.aa-footer *,\r\n.aa-footer *::before,\r\n.aa-footer *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER VARIABLES \u2500\u2500 *\/\r\n.aa-footer {\r\n  --aa-bg: #ffffff;\r\n  --aa-surface: #f7f7f7;\r\n  --aa-fg: #141414;\r\n  --aa-primary: #F26B1F;\r\n  --aa-border: #e3e3e3;\r\n  --aa-muted: #616161;\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER CONTAINER \u2500\u2500 *\/\r\n.aa-footer {\r\n  border-top: 1px solid var(--aa-border);\r\n  background: var(--aa-surface);\r\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n  color: rgba(20, 20, 20, 0.8);\r\n}\r\n\r\n.aa-footer-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .aa-footer-inner { padding: 0 40px; }\r\n}\r\n\r\n\/* \u2500\u2500 FOOTER GRID \u2500\u2500 *\/\r\n.aa-footer-grid {\r\n  display: grid;\r\n  gap: 48px;\r\n  padding: 64px 0;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .aa-footer-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .aa-footer-grid {\r\n    grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n    gap: 48px;\r\n  }\r\n}\r\n\r\n\/* \u2500\u2500 BRAND COLUMN \u2500\u2500 *\/\r\n.aa-footer-brand img {\r\n  height: 56px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n\r\n.aa-footer-brand p {\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  color: var(--aa-muted);\r\n  margin-top: 16px;\r\n  max-width: 300px;\r\n}\r\n\r\n\/* \u2500\u2500 LINK COLUMNS \u2500\u2500 *\/\r\n.aa-footer-col h4 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  color: var(--aa-fg);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.aa-footer-col ul {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.aa-footer-col ul a {\r\n  font-size: 14px;\r\n  color: rgba(20, 20, 20, 0.7);\r\n  text-decoration: none;\r\n  transition: color 200ms ease;\r\n}\r\n\r\n.aa-footer-col ul a:hover {\r\n  color: var(--aa-primary);\r\n}\r\n\r\n\/* \u2500\u2500 CONTACT COLUMN \u2500\u2500 *\/\r\n.aa-footer-contact li {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 14px;\r\n  color: rgba(20, 20, 20, 0.7);\r\n}\r\n\r\n.aa-footer-contact li svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  color: var(--aa-primary);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500 BOTTOM BAR \u2500\u2500 *\/\r\n.aa-footer-bottom {\r\n  border-top: 1px solid var(--aa-border);\r\n  padding: 24px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: var(--aa-muted);\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .aa-footer-bottom {\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- FOOTER HTML -->\r\n<footer class=\"aa-footer\">\r\n  <div class=\"aa-footer-inner\">\r\n    <div class=\"aa-footer-grid\">\r\n\r\n      <!-- Column 1: Brand -->\r\n      <div class=\"aa-footer-brand\">\r\n        <!-- Replace src with your WordPress logo URL -->\r\n        <img decoding=\"async\" src=\"https:\/\/shorturl.at\/PbDsm\" alt=\"Autofolien &amp; Art\" style=\"mix-blend-mode: multiply;\">\r\n        <p>Premium Autofolierung, Lackschutz und Fahrzeugbeschriftung \u2013 mit Leidenschaft f\u00fcr jedes Detail.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Column 2: Leistungen -->\r\n      <div class=\"aa-footer-col\">\r\n        <h4>Leistungen<\/h4>\r\n        <ul>\r\n          <li><a href=\"https:\/\/autofolien-art.ch\/?page_id=14\">Autofolierung<\/a><\/li>\r\n          <li><a href=\"https:\/\/autofolien-art.ch\/?page_id=14#ppf\">Werbebeschriftung<\/a><\/li>\r\n          <li><a href=\"https:\/\/autofolien-art.ch\/?page_id=19\">Car Wrapping Kurse<\/a><\/li>\r\n          <li><a href=\"https:\/\/autofolien-art.ch\/?page_id=764\">Galerie<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Column 3: Unternehmen -->\r\n      <div class=\"aa-footer-col\">\r\n        <h4>Unternehmen<\/h4>\r\n        <ul>\r\n          <li><a href=\"https:\/\/autofolien-art.ch\/?page_id=21\">Kontakt<\/a><\/li>\r\n          <li><a href=\"https:\/\/autofolien-art.ch\/?page_id=25\">Impressum<\/a><\/li>\r\n          <li><a href=\"https:\/\/autofolien-art.ch\/?page_id=27\">AGB<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Column 4: Kontakt -->\r\n      <div class=\"aa-footer-col\">\r\n        <h4>Kontakt<\/h4>\r\n        <ul class=\"aa-footer-contact\">\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n            Schweiz\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n            +41 00 000 00 00\r\n          <\/li>\r\n          <li>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg>\r\n            info@autofolien-art.ch\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Bar -->\r\n    <div class=\"aa-footer-bottom\">\r\n      <p>&copy; 2025 Autofolien &amp; Art. Alle Rechte vorbehalten.<\/p>\r\n      <p>Made in Switzerland<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Autofolierung Werbebeschriftung Car Wrapping Kurse Galerie Kontakt Termin anfragen Home Autofolierung Werbebeschriftung Car Wrapping Kurse Galerie Kontakt Termin anfragen [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":16,"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":869,"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/869"}],"wp:attachment":[{"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}