{"id":518,"date":"2026-04-22T11:22:09","date_gmt":"2026-04-22T11:22:09","guid":{"rendered":"https:\/\/autofolien-art.ch\/?page_id=518"},"modified":"2026-04-27T20:03:22","modified_gmt":"2026-04-27T20:03:22","slug":"home-2","status":"publish","type":"page","link":"https:\/\/autofolien-art.ch\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"518\" class=\"elementor elementor-518\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f166fbd e-con-full e-flex e-con e-parent\" data-id=\"1f166fbd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee09d6d elementor-widget elementor-widget-html\" data-id=\"5ee09d6d\" 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-7e3d28c e-con-full e-flex e-con e-parent\" data-id=\"7e3d28c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd6f3d8 elementor-widget elementor-widget-html\" data-id=\"fd6f3d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     AUTOFOLIEN & ART \u2014 HOME PAGE\r\n     Paste this into an Elementor HTML block\r\n     on the Home \/ Front Page\r\n     ============================================ -->\r\n\r\n<style>\r\n\/* \u2500\u2500 HOME PAGE RESET \u2500\u2500 *\/\r\n.aa-home *,\r\n.aa-home *::before,\r\n.aa-home *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* \u2500\u2500 HOME VARIABLES \u2500\u2500 *\/\r\n.aa-home {\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  -webkit-font-smoothing: antialiased;\r\n  line-height: 1.6;\r\n}\r\n\r\n.aa-home h1, .aa-home h2, .aa-home h3, .aa-home h4 {\r\n  font-family: 'Sora', system-ui, sans-serif;\r\n  letter-spacing: -0.02em;\r\n  line-height: 1;\r\n}\r\n\r\n.aa-home a { color: inherit; text-decoration: none; }\r\n.aa-home img { display: block; max-width: 100%; }\r\n\r\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n.aa-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  width: 100%;\r\n}\r\n@media (min-width: 1024px) {\r\n  .aa-container { padding: 0 40px; }\r\n}\r\n\r\n\/* \u2500\u2500 TYPOGRAPHY \u2500\u2500 *\/\r\n.aa-heading {\r\n  font-family: 'Sora', sans-serif !important;\r\n  font-weight: 800 !important;\r\n  line-height: 0.95 !important;\r\n  letter-spacing: -0.04em !important;\r\n}\r\n\r\n.aa-eyebrow {\r\n  font-size: 11px !important;\r\n  font-weight: 600 !important;\r\n  letter-spacing: 0.2em !important;\r\n  text-transform: uppercase !important;\r\n  color: var(--aa-primary) !important;\r\n  display: block;\r\n}\r\n\r\n.aa-text-primary { color: var(--aa-primary) !important; }\r\n\r\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n.aa-btn {\r\n  display: inline-flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif !important;\r\n  font-size: 16px !important;\r\n  font-weight: 500 !important;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: background 200ms ease, color 200ms ease, border-color 200ms ease, transform 200ms ease;\r\n  border-radius: 0;\r\n  text-decoration: none !important;\r\n  white-space: nowrap;\r\n}\r\n\r\n.aa-btn-primary {\r\n  background: var(--aa-primary) !important;\r\n  color: #ffffff !important;\r\n  padding: 0 32px;\r\n  height: 56px;\r\n}\r\n.aa-btn-primary:hover {\r\n  background: var(--aa-primary-glow) !important;\r\n  color: #ffffff !important;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.aa-btn-outline {\r\n  background: transparent !important;\r\n  color: var(--aa-fg) !important;\r\n  border: 1px solid rgba(20,20,20,0.3) !important;\r\n  padding: 0 32px;\r\n  height: 56px;\r\n}\r\n.aa-btn-outline:hover {\r\n  background: rgba(20,20,20,0.08) !important;\r\n}\r\n\r\n.aa-btn .aa-arrow {\r\n  display: inline-flex;\r\n  transition: transform 200ms ease;\r\n}\r\n.aa-btn:hover .aa-arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\r\n.aa-fade-up {\r\n  opacity: 0;\r\n  transform: translateY(32px);\r\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n}\r\n.aa-fade-up.aa-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n.aa-fade-up-d1 { transition-delay: 0.1s; }\r\n.aa-fade-up-d2 { transition-delay: 0.2s; }\r\n.aa-fade-up-d3 { transition-delay: 0.3s; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 1 \u2014 HERO\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.aa-hero {\r\n  position: relative;\r\n  height: 100vh;\r\n  min-height: 680px;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  margin-top: -80px; \/* offset header height *\/\r\n}\r\n\r\n.aa-hero-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.aa-hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    to top,\r\n    #ffffff 0%,\r\n    rgba(255,255,255,0.75) 35%,\r\n    rgba(255,255,255,0.3) 100%\r\n  );\r\n}\r\n\r\n.aa-hero-content {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  height: 100%;\r\n  padding-bottom: 80px;\r\n}\r\n\r\n.aa-hero h1 {\r\n  font-size: clamp(42px, 8vw, 88px) !important;\r\n  max-width: 900px;\r\n}\r\n\r\n.aa-hero-desc {\r\n  font-size: 18px;\r\n  color: rgba(20,20,20,0.8);\r\n  max-width: 640px;\r\n  margin-top: 28px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.aa-btn-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n  margin-top: 40px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .aa-hero-content { padding-bottom: 120px; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 2 \u2014 SERVICES GRID\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.aa-section {\r\n  padding: 80px 0;\r\n}\r\n.aa-section-lg {\r\n  padding: 96px 0;\r\n}\r\n@media (min-width: 768px) {\r\n  .aa-section { padding: 96px 0; }\r\n  .aa-section-lg { padding: 112px 0; }\r\n}\r\n\r\n.aa-section-surface {\r\n  background: var(--aa-surface);\r\n  border-top: 1px solid var(--aa-border);\r\n  border-bottom: 1px solid var(--aa-border);\r\n}\r\n\r\n.aa-services-header {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n  margin-bottom: 64px;\r\n}\r\n@media (min-width: 768px) {\r\n  .aa-services-header {\r\n    flex-direction: row;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n.aa-services-header .aa-right-text {\r\n  color: var(--aa-muted);\r\n  max-width: 400px;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.aa-service-grid {\r\n  display: grid;\r\n  gap: 24px;\r\n}\r\n@media (min-width: 768px) {\r\n  .aa-service-grid { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n\r\n\/* Service Card *\/\r\n.aa-service-card {\r\n  display: block;\r\n  background: var(--aa-surface);\r\n  border: 1px solid var(--aa-border);\r\n  overflow: hidden;\r\n  transition: border-color 300ms ease, box-shadow 300ms ease;\r\n  text-decoration: none !important;\r\n}\r\n.aa-service-card:hover {\r\n  border-color: rgba(242,107,31,0.6);\r\n  box-shadow: 0 8px 32px rgba(242,107,31,0.08);\r\n}\r\n\r\n.aa-card-img {\r\n  aspect-ratio: 4\/3;\r\n  overflow: hidden;\r\n}\r\n.aa-card-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 700ms ease;\r\n}\r\n.aa-service-card:hover .aa-card-img img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.aa-card-body {\r\n  padding: 28px 28px 32px;\r\n}\r\n\r\n.aa-card-icon {\r\n  width: 32px;\r\n  height: 32px;\r\n  color: var(--aa-primary);\r\n}\r\n\r\n.aa-card-body h3 {\r\n  font-size: 22px !important;\r\n  font-weight: 700 !important;\r\n  margin-top: 20px;\r\n}\r\n\r\n.aa-card-body p {\r\n  color: var(--aa-muted);\r\n  margin-top: 10px;\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.aa-card-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 24px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: var(--aa-primary);\r\n}\r\n.aa-card-link .aa-arrow-sm {\r\n  display: inline-flex;\r\n  transition: transform 200ms ease;\r\n}\r\n.aa-service-card:hover .aa-card-link .aa-arrow-sm {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 3 \u2014 TRUST \/ WHY US\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.aa-trust-grid {\r\n  display: grid;\r\n  gap: 32px;\r\n}\r\n@media (min-width: 768px) {\r\n  .aa-trust-grid { grid-template-columns: 1fr 1fr; align-items: center; }\r\n}\r\n\r\n.aa-trust-features {\r\n  display: grid;\r\n  gap: 16px;\r\n  list-style: none;\r\n}\r\n@media (min-width: 640px) {\r\n  .aa-trust-features { grid-template-columns: 1fr 1fr; }\r\n}\r\n\r\n.aa-trust-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  color: rgba(20,20,20,0.9);\r\n  font-size: 15px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.aa-check-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  background: var(--aa-primary);\r\n  color: white;\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTION 4 \u2014 CTA\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.aa-cta-section {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--aa-surface);\r\n}\r\n\r\n.aa-cta-gradient {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: 0.3;\r\n  background:\r\n    radial-gradient(60% 60% at 80% 30%, rgba(242,107,31,0.35), transparent 60%),\r\n    radial-gradient(50% 50% at 10% 90%, rgba(59,130,246,0.25), transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.aa-cta-inner {\r\n  position: relative;\r\n  max-width: 768px;\r\n}\r\n.aa-cta-inner h2 {\r\n  font-size: clamp(36px, 5vw, 56px) !important;\r\n  margin-top: 16px;\r\n}\r\n.aa-cta-desc {\r\n  font-size: 18px;\r\n  color: var(--aa-muted);\r\n  margin-top: 24px;\r\n  max-width: 640px;\r\n  line-height: 1.6;\r\n}\r\n<\/style>\r\n\r\n<!-- HOME PAGE HTML -->\r\n<div class=\"aa-home\">\r\n\r\n  <!-- \u2550\u2550\u2550 HERO SECTION \u2550\u2550\u2550 -->\r\n  <section class=\"aa-hero\" id=\"aa-home-hero\">\r\n    <!-- Replace src with your WordPress media URL for the hero image -->\r\n    <img fetchpriority=\"high\" decoding=\"async\" class=\"aa-hero-bg\" src=\"https:\/\/autofolien-art.ch\/wp-content\/uploads\/2026\/04\/hero-car.jpg\" alt=\"Premium Autofolierung \u2013 Autofolien & Art Schweiz\" width=\"1920\" height=\"1080\">\r\n    <div class=\"aa-hero-overlay\"><\/div>\r\n    <div class=\"aa-container aa-hero-content\">\r\n      <p class=\"aa-eyebrow aa-fade-up\">Autofolien &amp; Art \u00b7 Schweiz<\/p>\r\n      <h1 class=\"aa-heading aa-fade-up aa-fade-up-d1\">Ihr Fahrzeug.<br><span class=\"aa-text-primary\">Neu definiert.<\/span><\/h1>\r\n      <p class=\"aa-hero-desc aa-fade-up aa-fade-up-d2\">Premium Autofolierung, Lackschutz und Fahrzeugbeschriftung \u2013 handwerklich perfektioniert in der Schweiz.<\/p>\r\n      <div class=\"aa-btn-row aa-fade-up aa-fade-up-d3\">\r\n        <a href=\"https:\/\/autofolien-art.ch\/?page_id=21\" class=\"aa-btn aa-btn-primary\">Termin anfragen <span class=\"aa-arrow\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span><\/a>\r\n        <a href=\"https:\/\/autofolien-art.ch\/?page_id=14\" class=\"aa-btn aa-btn-outline\">Leistungen entdecken<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550 SERVICES SECTION \u2550\u2550\u2550 -->\r\n  <section class=\"aa-section-lg\" id=\"aa-home-services\">\r\n    <div class=\"aa-container\">\r\n      <div class=\"aa-services-header aa-fade-up\">\r\n        <div style=\"max-width:640px\">\r\n          <p class=\"aa-eyebrow\">Unsere Leistungen<\/p>\r\n          <h2 class=\"aa-heading\" style=\"font-size:clamp(36px,5vw,56px);margin-top:16px\">Drei Disziplinen.<br>Ein kompromissloser Standard.<\/h2>\r\n        <\/div>\r\n        <p class=\"aa-right-text\">Von der Vollfolierung \u00fcber Lackschutz bis zur Werbebeschriftung \u2013 jeder Auftrag erh\u00e4lt volle Aufmerksamkeit und h\u00f6chste Pr\u00e4zision.<\/p>\r\n      <\/div>\r\n      <div class=\"aa-service-grid\">\r\n\r\n        <!-- Card 1: Autofolierung -->\r\n        <a href=\"https:\/\/autofolien-art.ch\/?page_id=14\" class=\"aa-service-card aa-fade-up\">\r\n          <div class=\"aa-card-img\">\r\n            <!-- Replace src with your WordPress media URL -->\r\n            <img decoding=\"async\" src=\"https:\/\/autofolien-art.ch\/wp-content\/uploads\/2026\/04\/wrap-detail.jpg\" alt=\"Autofolierung\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"aa-card-body\">\r\n            <div class=\"aa-card-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z\"\/><path d=\"M5 3v4\"\/><path d=\"M19 17v4\"\/><path d=\"M3 5h4\"\/><path d=\"M17 19h4\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Autofolierung<\/h3>\r\n            <p>Voll- und Teilfolierung in Premium-Qualit\u00e4t \u2013 matt, gl\u00e4nzend, satin oder Spezialeffekte.<\/p>\r\n            <div class=\"aa-card-link\">Mehr erfahren <span class=\"aa-arrow-sm\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span><\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Card 2: Werbebeschriftung -->\r\n        <a href=\"https:\/\/autofolien-art.ch\/?page_id=17\" class=\"aa-service-card aa-fade-up aa-fade-up-d1\">\r\n          <div class=\"aa-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/autofolien-art.ch\/wp-content\/uploads\/2026\/04\/signage.jpg\" alt=\"Werbebeschriftung\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"aa-card-body\">\r\n            <div class=\"aa-card-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Werbebeschriftung<\/h3>\r\n            <p>Professionelle Fahrzeugbeschriftung, die Ihre Marke auf der Strasse sichtbar macht.<\/p>\r\n            <div class=\"aa-card-link\">Mehr erfahren <span class=\"aa-arrow-sm\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span><\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Card 3: Car Wrapping Kurse -->\r\n        <a href=\"https:\/\/autofolien-art.ch\/?page_id=19\" class=\"aa-service-card aa-fade-up aa-fade-up-d2\">\r\n          <div class=\"aa-card-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/autofolien-art.ch\/wp-content\/uploads\/2026\/04\/course.jpg\" alt=\"Car Wrapping Kurse\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"aa-card-body\">\r\n            <div class=\"aa-card-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 8 3 12 0v-5\"\/><\/svg>\r\n            <\/div>\r\n            <h3>Car Wrapping Kurse<\/h3>\r\n            <p>Lernen Sie das Handwerk vom Profi \u2013 praxisnah, strukturiert und mit echtem Material.<\/p>\r\n            <div class=\"aa-card-link\">Mehr erfahren <span class=\"aa-arrow-sm\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span><\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550 TRUST \/ WHY US SECTION \u2550\u2550\u2550 -->\r\n  <section class=\"aa-section-surface aa-section\" id=\"aa-home-trust\">\r\n    <div class=\"aa-container aa-trust-grid\">\r\n      <div class=\"aa-fade-up\">\r\n        <p class=\"aa-eyebrow\">Warum Autofolien &amp; Art<\/p>\r\n        <h2 class=\"aa-heading\" style=\"font-size:clamp(30px,4vw,48px);margin-top:16px\">Handwerk, das Sie sehen und sp\u00fcren.<\/h2>\r\n      <\/div>\r\n      <ul class=\"aa-trust-features aa-fade-up aa-fade-up-d1\">\r\n        <li class=\"aa-trust-item\">\r\n          <span class=\"aa-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n          <span>Schweizer Qualit\u00e4t &amp; Pr\u00e4zision<\/span>\r\n        <\/li>\r\n        <li class=\"aa-trust-item\">\r\n          <span class=\"aa-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n          <span>Premium-Folien f\u00fchrender Hersteller<\/span>\r\n        <\/li>\r\n        <li class=\"aa-trust-item\">\r\n          <span class=\"aa-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n          <span>Erfahrenes, zertifiziertes Team<\/span>\r\n        <\/li>\r\n        <li class=\"aa-trust-item\">\r\n          <span class=\"aa-check-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n          <span>Faire, transparente Preise<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550 CTA SECTION \u2550\u2550\u2550 -->\r\n  <section class=\"aa-cta-section aa-section-lg\" id=\"aa-home-cta\">\r\n    <div class=\"aa-cta-gradient\"><\/div>\r\n    <div class=\"aa-container\" style=\"position:relative\">\r\n      <div class=\"aa-cta-inner aa-fade-up\">\r\n        <p class=\"aa-eyebrow\">Lassen Sie uns reden<\/p>\r\n        <h2 class=\"aa-heading\">Bereit, Ihr Fahrzeug neu zu gestalten?<\/h2>\r\n        <p class=\"aa-cta-desc\">Erz\u00e4hlen Sie uns von Ihrem Projekt \u2013 wir beraten Sie ehrlich, transparent und pers\u00f6nlich.<\/p>\r\n        <div class=\"aa-btn-row\">\r\n          <a href=\"https:\/\/autofolien-art.ch\/?page_id=21\" class=\"aa-btn aa-btn-primary\">Termin anfragen <span class=\"aa-arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span><\/a>\r\n          <a href=\"https:\/\/autofolien-art.ch\/?page_id=14\" class=\"aa-btn aa-btn-outline\">Leistungen ansehen<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/* \u2500\u2500 Intersection Observer \u2014 Fade-in on scroll \u2500\u2500 *\/\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\r\n    fadeEls.forEach(function(el) {\r\n      observer.observe(el);\r\n    });\r\n  } else {\r\n    \/* Fallback: just show everything *\/\r\n    fadeEls.forEach(function(el) {\r\n      el.classList.add('aa-visible');\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-481a9a8d e-con-full e-flex e-con e-parent\" data-id=\"481a9a8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-656f5347 elementor-widget elementor-widget-html\" data-id=\"656f5347\" 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-518","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages\/518","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=518"}],"version-history":[{"count":97,"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages\/518\/revisions"}],"predecessor-version":[{"id":857,"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages\/518\/revisions\/857"}],"wp:attachment":[{"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}