{"id":764,"date":"2026-04-27T18:47:01","date_gmt":"2026-04-27T18:47:01","guid":{"rendered":"https:\/\/autofolien-art.ch\/?page_id=764"},"modified":"2026-04-27T20:02:05","modified_gmt":"2026-04-27T20:02:05","slug":"galerie","status":"publish","type":"page","link":"https:\/\/autofolien-art.ch\/?page_id=764","title":{"rendered":"Galerie"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"764\" class=\"elementor elementor-764\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e1101fb e-con-full e-flex e-con e-parent\" data-id=\"1e1101fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-536e46b3 elementor-widget elementor-widget-html\" data-id=\"536e46b3\" 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-c099509 e-con-full e-flex e-con e-parent\" data-id=\"c099509\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1b70c8 elementor-widget elementor-widget-html\" data-id=\"d1b70c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     AUTOFOLIEN & ART \u2014 PORTFOLIO GALLERY\r\n     Paste this into an Elementor HTML block\r\n     Place after the Trust section on Home page\r\n     or on a dedicated Portfolio\/Gallery page\r\n     ============================================ -->\r\n\r\n<style>\r\n\/* \u2500\u2500 PORTFOLIO RESET \u2500\u2500 *\/\r\n.aa-portfolio *,\r\n.aa-portfolio *::before,\r\n.aa-portfolio *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.aa-portfolio {\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  padding: 96px 0;\r\n}\r\n@media (min-width:768px) { .aa-portfolio { padding: 112px 0; } }\r\n\r\n.aa-portfolio-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n}\r\n@media (min-width:1024px) { .aa-portfolio-inner { padding: 0 40px; } }\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.aa-portfolio-header {\r\n  text-align: center;\r\n  margin-bottom: 48px;\r\n}\r\n.aa-portfolio-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}\r\n.aa-portfolio-title {\r\n  font-family: 'Sora', sans-serif !important;\r\n  font-weight: 800 !important;\r\n  font-size: clamp(30px, 5vw, 52px) !important;\r\n  line-height: 0.95 !important;\r\n  letter-spacing: -0.04em !important;\r\n  color: var(--aa-fg);\r\n  margin-top: 16px;\r\n}\r\n.aa-portfolio-subtitle {\r\n  font-size: 17px;\r\n  color: var(--aa-muted);\r\n  margin-top: 16px;\r\n  max-width: 600px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 FILTER BUTTONS \u2500\u2500 *\/\r\n.aa-filters {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  margin-bottom: 40px;\r\n}\r\n.aa-filter-btn {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  padding: 8px 20px;\r\n  border: 1px solid var(--aa-border);\r\n  background: var(--aa-bg);\r\n  color: var(--aa-muted);\r\n  cursor: pointer;\r\n  transition: all 200ms ease;\r\n  border-radius: 0;\r\n  white-space: nowrap;\r\n}\r\n.aa-filter-btn:hover {\r\n  border-color: var(--aa-primary);\r\n  color: var(--aa-primary);\r\n}\r\n.aa-filter-btn.aa-active {\r\n  background: var(--aa-primary) !important;\r\n  color: #fff !important;\r\n  border-color: var(--aa-primary) !important;\r\n}\r\n\r\n\/* \u2500\u2500 GALLERY GRID \u2500\u2500 *\/\r\n.aa-gallery {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 12px;\r\n}\r\n@media (min-width:640px) {\r\n  .aa-gallery { grid-template-columns: repeat(3, 1fr); gap: 16px; }\r\n}\r\n@media (min-width:1024px) {\r\n  .aa-gallery { grid-template-columns: repeat(4, 1fr); gap: 16px; }\r\n}\r\n\r\n\/* \u2500\u2500 GALLERY ITEM \u2500\u2500 *\/\r\n.aa-gallery-item {\r\n  position: relative;\r\n  aspect-ratio: 1;\r\n  overflow: hidden;\r\n  background: var(--aa-surface);\r\n  cursor: pointer;\r\n  border: 1px solid var(--aa-border);\r\n  opacity: 0;\r\n  transform: translateY(20px) scale(0.97);\r\n  transition: opacity 0.5s ease, transform 0.5s ease, border-color 0.3s ease;\r\n}\r\n.aa-gallery-item.aa-loaded {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n}\r\n.aa-gallery-item.aa-hidden {\r\n  display: none;\r\n}\r\n.aa-gallery-item:hover {\r\n  border-color: var(--aa-primary);\r\n}\r\n\r\n.aa-gallery-item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 600ms ease;\r\n  display: block;\r\n}\r\n.aa-gallery-item:hover img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n\/* \u2500\u2500 OVERLAY \u2500\u2500 *\/\r\n.aa-gallery-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);\r\n  opacity: 0;\r\n  transition: opacity 300ms ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  padding: 16px;\r\n  pointer-events: none;\r\n}\r\n.aa-gallery-item:hover .aa-gallery-overlay {\r\n  opacity: 1;\r\n}\r\n.aa-gallery-overlay h4 {\r\n  font-family: 'Sora', sans-serif !important;\r\n  font-size: 14px !important;\r\n  font-weight: 600 !important;\r\n  color: #fff;\r\n  line-height: 1.3;\r\n}\r\n.aa-gallery-overlay .aa-tag {\r\n  display: inline-block;\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  color: var(--aa-primary);\r\n  margin-top: 6px;\r\n}\r\n\r\n\/* \u2500\u2500 FEATURED (larger items) \u2500\u2500 *\/\r\n.aa-gallery-item.aa-featured {\r\n  grid-column: span 2;\r\n  grid-row: span 2;\r\n  aspect-ratio: auto;\r\n}\r\n@media (max-width:639px) {\r\n  .aa-gallery-item.aa-featured {\r\n    grid-column: span 2;\r\n    grid-row: span 1;\r\n    aspect-ratio: 16\/10;\r\n  }\r\n}\r\n\r\n\/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\r\n.aa-lightbox {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 999999;\r\n  background: rgba(0,0,0,0.92);\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 24px;\r\n  cursor: pointer;\r\n}\r\n.aa-lightbox.aa-open { display: flex; }\r\n.aa-lightbox img {\r\n  max-width: 90vw;\r\n  max-height: 85vh;\r\n  object-fit: contain;\r\n  border: 2px solid rgba(255,255,255,0.1);\r\n  cursor: default;\r\n}\r\n.aa-lightbox-info {\r\n  position: absolute;\r\n  bottom: 24px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  text-align: center;\r\n  color: rgba(255,255,255,0.8);\r\n  font-family: 'Inter', sans-serif;\r\n  pointer-events: none;\r\n}\r\n.aa-lightbox-info h4 {\r\n  font-family: 'Sora', sans-serif !important;\r\n  font-size: 16px !important;\r\n  font-weight: 600 !important;\r\n  color: #fff;\r\n}\r\n.aa-lightbox-info p {\r\n  font-size: 13px;\r\n  margin-top: 4px;\r\n  color: rgba(255,255,255,0.6);\r\n}\r\n.aa-lightbox-close {\r\n  position: absolute;\r\n  top: 20px; right: 24px;\r\n  width: 40px; height: 40px;\r\n  background: rgba(255,255,255,0.1);\r\n  border: none;\r\n  color: #fff;\r\n  font-size: 24px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 200ms;\r\n}\r\n.aa-lightbox-close:hover { background: rgba(255,255,255,0.2); }\r\n.aa-lightbox-nav {\r\n  position: absolute;\r\n  top: 50%; transform: translateY(-50%);\r\n  width: 44px; height: 44px;\r\n  background: rgba(255,255,255,0.1);\r\n  border: none;\r\n  color: #fff;\r\n  font-size: 20px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 200ms;\r\n}\r\n.aa-lightbox-nav:hover { background: rgba(255,255,255,0.2); }\r\n.aa-lightbox-prev { left: 16px; }\r\n.aa-lightbox-next { right: 16px; }\r\n\r\n\/* \u2500\u2500 COUNTER \u2500\u2500 *\/\r\n.aa-gallery-count {\r\n  text-align: center;\r\n  margin-top: 32px;\r\n  font-size: 14px;\r\n  color: var(--aa-muted);\r\n}\r\n<\/style>\r\n\r\n<!-- PORTFOLIO HTML -->\r\n<section class=\"aa-portfolio\" id=\"aa-portfolio\">\r\n  <div class=\"aa-portfolio-inner\">\r\n\r\n    <div class=\"aa-portfolio-header\">\r\n      <p class=\"aa-portfolio-eyebrow\">Unsere Arbeiten<\/p>\r\n      <h2 class=\"aa-portfolio-title\">Projekte, die<br>f\u00fcr sich sprechen.<\/h2>\r\n      <p class=\"aa-portfolio-subtitle\">Von der kompletten Farb\u00e4nderung bis zum Detail-Akzent \u2013 jedes Projekt erz\u00e4hlt eine eigene Geschichte.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Filter Buttons -->\r\n    <div class=\"aa-filters\" id=\"aa-filters\">\r\n      <button class=\"aa-filter-btn aa-active\" data-filter=\"all\">Alle<\/button>\r\n      <button class=\"aa-filter-btn\" data-filter=\"Full Wrap\">Vollfolierung<\/button>\r\n      <button class=\"aa-filter-btn\" data-filter=\"Design Wrap\">Design Wrap<\/button>\r\n      <button class=\"aa-filter-btn\" data-filter=\"Detail\">Details<\/button>\r\n      <button class=\"aa-filter-btn\" data-filter=\"SUV\">SUV<\/button>\r\n      <button class=\"aa-filter-btn\" data-filter=\"Sport\">Sport<\/button>\r\n      <button class=\"aa-filter-btn\" data-filter=\"Classic\">Klassiker<\/button>\r\n      <button class=\"aa-filter-btn\" data-filter=\"Motorcycle\">Motorrad<\/button>\r\n    <\/div>\r\n\r\n    <!-- Gallery Grid \u2014 Populated by JS -->\r\n    <div class=\"aa-gallery\" id=\"aa-gallery\"><\/div>\r\n    <div class=\"aa-gallery-count\" id=\"aa-gallery-count\"><\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Lightbox -->\r\n<div class=\"aa-lightbox\" id=\"aa-lightbox\">\r\n  <button class=\"aa-lightbox-close\" id=\"aa-lb-close\">&#x2715;<\/button>\r\n  <button class=\"aa-lightbox-nav aa-lightbox-prev\" id=\"aa-lb-prev\">&#x2039;<\/button>\r\n  <button class=\"aa-lightbox-nav aa-lightbox-next\" id=\"aa-lb-next\">&#x203A;<\/button>\r\n  <img decoding=\"async\" id=\"aa-lb-img\" src=\"\" alt=\"\">\r\n  <div class=\"aa-lightbox-info\">\r\n    <h4 id=\"aa-lb-title\"><\/h4>\r\n    <p id=\"aa-lb-desc\"><\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\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\r\n     PORTFOLIO DATA \u2014 from manifest.json\r\n     Update paths when images are in WordPress\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 *\/\r\n  \/\/ \u2550\u2550 IMAGE BASE PATH \u2550\u2550\r\n  \/\/ After uploading images to WordPress Media Library, verify the path below.\r\n  \/\/ Go to Media > click any uploaded image > copy the File URL\r\n  \/\/ and use just the folder portion here.\r\n  \/\/ Example: if image URL is https:\/\/autofolien-art.ch\/wp-content\/uploads\/2026\/04\/20220413_012555.webp\r\n  \/\/ then BASE_PATH = 'https:\/\/autofolien-art.ch\/wp-content\/uploads\/2026\/04\/'\r\n  var BASE_PATH = 'https:\/\/autofolien-art.ch\/wp-content\/uploads\/2026\/04\/';\r\n\r\n  var IMAGES = [\r\n    { f:\"20220413_012555.webp\", cat:\"Full Wrap\", t:\"Ford Mustang \u2013 Matte Military Green\", d:\"Komplette Farb\u00e4nderung zu mattem Milit\u00e4rgr\u00fcn mit Racing Stripes\", featured:true },\r\n    { f:\"20220418_123341.webp\", cat:\"Detail\", t:\"BMW X5 \u2013 Interior Carbon Trim\", d:\"Carbon-Folierung der Mittelkonsole mit Schaltakzenten\" },\r\n    { f:\"20220814_202027.webp\", cat:\"Full Wrap\", t:\"BMW M4 \u2013 Satin Purple Flip\", d:\"Farbwechselfolie in satiniertem Violett\", featured:true },\r\n    { f:\"20221003_183408.webp\", cat:\"Design Wrap\", t:\"MINI Cooper S \u2013 Off-White Edition\", d:\"Custom Off-White Designer-Wrap mit Signature-Streifen\", featured:true },\r\n    { f:\"20221003_183449.webp\", cat:\"Design Wrap\", t:\"MINI Cooper S \u2013 Off-White Side\", d:\"Off-White Seitenansicht mit Typografie-Grafiken\" },\r\n    { f:\"20221003_183923.webp\", cat:\"Design Wrap\", t:\"MINI Cooper S \u2013 Off-White Rear\", d:\"Heckansicht mit Chevron- und Streifendetails\" },\r\n    { f:\"20221003_184037.webp\", cat:\"Design Wrap\", t:\"MINI Cooper S \u2013 Off-White Detail\", d:\"Nahaufnahme der Off-White Branding-Details\" },\r\n    { f:\"20221019_160015.webp\", cat:\"Detail\", t:\"Badge Blackout\", d:\"Chrome-Delete Badge-Wrapping \u2013 vorher und nachher\" },\r\n    { f:\"20221019_160119.webp\", cat:\"Detail\", t:\"Mirror Caps & Trim\", d:\"Gloss-Black Spiegelkappen und Chrome-Delete\" },\r\n    { f:\"20221019_160158.webp\", cat:\"Detail\", t:\"Window Tint\", d:\"Professionelle Scheibent\u00f6nung \u2013 vorher\/nachher\" },\r\n    { f:\"20230825_181148.webp\", cat:\"Sport\", t:\"Porsche 911 \u2013 Racing Green\", d:\"British Racing Green mit goldenen Akzenten\" },\r\n    { f:\"20230902_210721.webp\", cat:\"Sport\", t:\"Abarth 595 \u2013 Turquoise\", d:\"Farbwechsel von Grau zu leuchtendem T\u00fcrkis\", featured:true },\r\n    { f:\"20230902_210757.webp\", cat:\"Sport\", t:\"Abarth 595 \u2013 Rear View\", d:\"T\u00fcrkis Abarth Heckansicht mit Originalvergleich\" },\r\n    { f:\"20231023_194842.webp\", cat:\"Full Wrap\", t:\"Audi RS5 \u2013 Satin Black\", d:\"Komplette Satin-Schwarz Folierung vorher\/nachher\" },\r\n    { f:\"20231023_194923.webp\", cat:\"Full Wrap\", t:\"Audi RS5 \u2013 Workshop\", d:\"Audi RS5 Satin-Schwarz in der Werkstatt\" },\r\n    { f:\"20231130_121038.webp\", cat:\"Classic\", t:\"Fiat 600 \u2013 Klassiker\", d:\"Vintage-Restauration eines klassischen Fiat 600\" },\r\n    { f:\"20240128_204201.webp\", cat:\"Detail\", t:\"BMW M \u2013 Lenkrad-Akzent\", d:\"Rote Lenkrad-Trim Folierung und BMW M Badge\" },\r\n    { f:\"20240206_081716.webp\", cat:\"Detail\", t:\"BMW \u2013 T\u00fcrpanel Wrap\", d:\"Rote Akzent-Folierung an T\u00fcrgriffen und Panels\" },\r\n    { f:\"20241113_193702.webp\", cat:\"Full Wrap\", t:\"Audi S3 \u2013 Midnight Purple\", d:\"Tiefes Violett-Irisierend auf Audi S3 Sportback\" },\r\n    { f:\"20250126_162310.webp\", cat:\"Full Wrap\", t:\"Mercedes-AMG GT 53 \u2013 Satin Red\", d:\"Satin-Rot-Chrom auf Mercedes-AMG GT 4-Door\", featured:true },\r\n    { f:\"20250126_162439.webp\", cat:\"Full Wrap\", t:\"AMG GT 53 \u2013 Red Chrome Rear\", d:\"Heckansicht der Satin-Rot AMG GT Folierung\" },\r\n    { f:\"20250126_163126.webp\", cat:\"SUV\", t:\"Kia Sorento \u2013 Dual Tone\", d:\"Silber-Schwarz Dual-Tone Folierung\" },\r\n    { f:\"20250515_110729.webp\", cat:\"Detail\", t:\"Audi \u2013 Emblem Blackout\", d:\"Chrome zu Gloss-Black Audi Ringe Transformation\" },\r\n    { f:\"20250515_110918.webp\", cat:\"Detail\", t:\"Audi SQ5 \u2013 Grille Blackout\", d:\"Chrome-Grill zu Gloss-Black Honeycomb\" },\r\n    { f:\"20250515_110928.webp\", cat:\"Detail\", t:\"Audi SQ5 \u2013 Grille Detail\", d:\"Nahaufnahme der Grill- und Emblem-Transformation\" },\r\n    { f:\"20250515_111005.webp\", cat:\"Full Wrap\", t:\"Audi RS \u2013 Nardo Grey\", d:\"Nardo-Grau Vollfolierung in der Werkstatt\" },\r\n    { f:\"20250515_163224.webp\", cat:\"Design Wrap\", t:\"Audi Q7 \u2013 Custom Design\", d:\"Off-White Style Schwarz-Weiss Design auf Audi Q7\", featured:true },\r\n    { f:\"20250515_163316.webp\", cat:\"Design Wrap\", t:\"Audi Q7 \u2013 Design Rear\", d:\"Heck- und Seitenansicht des Custom Q7 Designs\" },\r\n    { f:\"20250628_104029.webp\", cat:\"Sport\", t:\"Dodge Viper GTS\", d:\"Weiss mit blauen Racing Stripes \u2013 Garagen- und Outdoor-Shots\", featured:true },\r\n    { f:\"20250702_202456.webp\", cat:\"Detail\", t:\"Diffuser & Exhaust\", d:\"Vorher\/Nachher Diffuser und Hecksch\u00fcrze Blackout\" },\r\n    { f:\"20250703_130533.webp\", cat:\"Motorcycle\", t:\"Honda CBF \u2013 Motorrad Wrap\", d:\"Tankfolierung und Verkleidung von Silber zu Matt-Rot\" },\r\n    { f:\"20250916_142320.webp\", cat:\"Full Wrap\", t:\"SEAT Leon Cupra \u2013 Purple\", d:\"Satin-Violett Transformation vom Silber-Original\" },\r\n    { f:\"20250917_091536.webp\", cat:\"Full Wrap\", t:\"Audi S3 \u2013 Orange & Black\", d:\"Orange-Folierung mit schwarzen Akzenten\" },\r\n    { f:\"20260205_173626.webp\", cat:\"SUV\", t:\"Range Rover SVR \u2013 Satin Red\", d:\"Satin-Rot und Schwarz Range Rover Sport SVR\", featured:true },\r\n    { f:\"20260205_173712.webp\", cat:\"SUV\", t:\"Range Rover SVR \u2013 Rear\", d:\"Schwarz zu Satin-Rot Heckvergleich\" },\r\n    { f:\"20260205_173750.webp\", cat:\"SUV\", t:\"Range Rover SVR \u2013 Angles\", d:\"Vorher\/Nachher verschiedene Winkel\" },\r\n    { f:\"20260205_173902.webp\", cat:\"SUV\", t:\"Range Rover SVR \u2013 Front\", d:\"Schwarz und Rot Satin-Frontansicht\" },\r\n    { f:\"20260205_174627.webp\", cat:\"Detail\", t:\"Audi RS3 \u2013 Badge Color Match\", d:\"T\u00fcrkis Audi RS3 Badge und Emblem-Anpassung\" },\r\n    { f:\"20260205_174749.webp\", cat:\"Full Wrap\", t:\"Audi RS3 \u2013 Gloss Turquoise\", d:\"Komplette Gloss-T\u00fcrkis Folierung\" },\r\n    { f:\"20260205_175657.webp\", cat:\"Full Wrap\", t:\"Audi RS3 \u2013 Turquoise Angles\", d:\"Mehrere Winkel der T\u00fcrkis Audi RS3 Folierung\" },\r\n    { f:\"20260207_181756.webp\", cat:\"Full Wrap\", t:\"Audi RS3 \u2013 Before & After\", d:\"Transformation von Dunkelgrau zu T\u00fcrkis-Blau\" },\r\n    { f:\"20260210_173154.webp\", cat:\"Full Wrap\", t:\"Rolls-Royce Ghost\", d:\"Rolls-Royce Ghost in der Werkstatt w\u00e4hrend der Folierung\" }\r\n  ];\r\n\r\n  \/* \u2500\u2500 Build Gallery Grid \u2500\u2500 *\/\r\n  var gallery = document.getElementById('aa-gallery');\r\n  var countEl = document.getElementById('aa-gallery-count');\r\n  var html = '';\r\n\r\n  IMAGES.forEach(function(img, i) {\r\n    var featuredClass = img.featured ? ' aa-featured' : '';\r\n    html += '<div class=\"aa-gallery-item' + featuredClass + '\" data-cat=\"' + img.cat + '\" data-idx=\"' + i + '\">' +\r\n      '<img data-src=\"' + BASE_PATH + img.f + '\" alt=\"' + img.t + '\" loading=\"lazy\">' +\r\n      '<div class=\"aa-gallery-overlay\">' +\r\n        '<h4>' + img.t + '<\/h4>' +\r\n        '<span class=\"aa-tag\">' + img.cat + '<\/span>' +\r\n      '<\/div>' +\r\n    '<\/div>';\r\n  });\r\n  gallery.innerHTML = html;\r\n  countEl.textContent = IMAGES.length + ' Projekte';\r\n\r\n  \/* \u2500\u2500 Lazy Loading with Intersection Observer \u2500\u2500 *\/\r\n  var lazyObs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        var imgEl = entry.target.querySelector('img');\r\n        if (imgEl && imgEl.dataset.src) {\r\n          imgEl.src = imgEl.dataset.src;\r\n          imgEl.removeAttribute('data-src');\r\n          imgEl.onload = function() {\r\n            entry.target.classList.add('aa-loaded');\r\n          };\r\n          \/\/ Fallback if image loads from cache\r\n          if (imgEl.complete) entry.target.classList.add('aa-loaded');\r\n        }\r\n        lazyObs.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { rootMargin: '200px 0px', threshold: 0.01 });\r\n\r\n  document.querySelectorAll('.aa-gallery-item').forEach(function(item) {\r\n    lazyObs.observe(item);\r\n  });\r\n\r\n  \/* \u2500\u2500 Filter Logic \u2500\u2500 *\/\r\n  var filterBtns = document.querySelectorAll('.aa-filter-btn');\r\n  filterBtns.forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      \/\/ Update active button\r\n      filterBtns.forEach(function(b) { b.classList.remove('aa-active'); });\r\n      btn.classList.add('aa-active');\r\n\r\n      var filter = btn.dataset.filter;\r\n      var items = document.querySelectorAll('.aa-gallery-item');\r\n      var visCount = 0;\r\n\r\n      items.forEach(function(item) {\r\n        if (filter === 'all' || item.dataset.cat === filter) {\r\n          item.classList.remove('aa-hidden');\r\n          visCount++;\r\n          \/\/ Trigger lazy load for newly visible items\r\n          var imgEl = item.querySelector('img');\r\n          if (imgEl && imgEl.dataset.src) {\r\n            lazyObs.observe(item);\r\n          }\r\n        } else {\r\n          item.classList.add('aa-hidden');\r\n        }\r\n      });\r\n\r\n      countEl.textContent = visCount + ' Projekt' + (visCount !== 1 ? 'e' : '');\r\n    });\r\n  });\r\n\r\n  \/* \u2500\u2500 Lightbox \u2500\u2500 *\/\r\n  var lightbox = document.getElementById('aa-lightbox');\r\n  var lbImg = document.getElementById('aa-lb-img');\r\n  var lbTitle = document.getElementById('aa-lb-title');\r\n  var lbDesc = document.getElementById('aa-lb-desc');\r\n  var currentIdx = 0;\r\n\r\n  function getVisibleItems() {\r\n    return Array.from(document.querySelectorAll('.aa-gallery-item:not(.aa-hidden)'));\r\n  }\r\n\r\n  function openLightbox(idx) {\r\n    var items = getVisibleItems();\r\n    var item = items[idx];\r\n    if (!item) return;\r\n    var dataIdx = parseInt(item.dataset.idx);\r\n    var img = IMAGES[dataIdx];\r\n    lbImg.src = BASE_PATH + img.f;\r\n    lbTitle.textContent = img.t;\r\n    lbDesc.textContent = img.d;\r\n    currentIdx = idx;\r\n    lightbox.classList.add('aa-open');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeLightbox() {\r\n    lightbox.classList.remove('aa-open');\r\n    document.body.style.overflow = '';\r\n    lbImg.src = '';\r\n  }\r\n\r\n  function navLightbox(dir) {\r\n    var items = getVisibleItems();\r\n    currentIdx = (currentIdx + dir + items.length) % items.length;\r\n    openLightbox(currentIdx);\r\n  }\r\n\r\n  \/\/ Click gallery items to open lightbox\r\n  gallery.addEventListener('click', function(e) {\r\n    var item = e.target.closest('.aa-gallery-item');\r\n    if (!item) return;\r\n    var items = getVisibleItems();\r\n    var idx = items.indexOf(item);\r\n    if (idx > -1) openLightbox(idx);\r\n  });\r\n\r\n  document.getElementById('aa-lb-close').addEventListener('click', closeLightbox);\r\n  document.getElementById('aa-lb-prev').addEventListener('click', function(e) { e.stopPropagation(); navLightbox(-1); });\r\n  document.getElementById('aa-lb-next').addEventListener('click', function(e) { e.stopPropagation(); navLightbox(1); });\r\n  lightbox.addEventListener('click', function(e) { if (e.target === lightbox) closeLightbox(); });\r\n\r\n  \/\/ Keyboard navigation\r\n  document.addEventListener('keydown', function(e) {\r\n    if (!lightbox.classList.contains('aa-open')) return;\r\n    if (e.key === 'Escape') closeLightbox();\r\n    if (e.key === 'ArrowLeft') navLightbox(-1);\r\n    if (e.key === 'ArrowRight') navLightbox(1);\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-3bae09cc e-con-full e-flex e-con e-parent\" data-id=\"3bae09cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c80cdeb elementor-widget elementor-widget-html\" data-id=\"5c80cdeb\" 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-764","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages\/764","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=764"}],"version-history":[{"count":22,"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages\/764\/revisions"}],"predecessor-version":[{"id":854,"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=\/wp\/v2\/pages\/764\/revisions\/854"}],"wp:attachment":[{"href":"https:\/\/autofolien-art.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}