{"id":541,"date":"2026-04-20T10:43:15","date_gmt":"2026-04-20T10:43:15","guid":{"rendered":"https:\/\/carlink-service.at\/?page_id=541"},"modified":"2026-05-19T13:35:46","modified_gmt":"2026-05-19T13:35:46","slug":"service","status":"publish","type":"page","link":"https:\/\/carlink-service.at\/","title":{"rendered":"Service"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"541\" class=\"elementor elementor-541\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-07134f9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"07134f9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b3a57e4\" data-id=\"b3a57e4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-409c0f1 elementor-widget elementor-widget-html\" data-id=\"409c0f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google tag (gtag.js) -->\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-18076239924\"><\/script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n  gtag('config', 'AW-18076239924');\n<\/script>\n\n<style>\n\/* Bootscore\/Elementor full-bleed fix *\/\n.elementor-section-stretched > .elementor-container,\n.elementor-section-stretched > .elementor-container > .elementor-row,\n.elementor-section-stretched > .elementor-container > .elementor-row > .elementor-column,\n.elementor-section-stretched > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap,\n.elementor-section-stretched > .elementor-container > .elementor-row > .elementor-column > .elementor-widget-wrap {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n.elementor-widget-html > .elementor-widget-container {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\nbody.wp-theme-bootscore .elementor-section-stretched {\n  left: 0 !important;\n  right: 0 !important;\n  width: 100vw !important;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --accent:     #b03a3a;\n  --accent-dk:  #8e2c2c;\n  --accent-lt:  #f5ecec;\n  --dark:       #1b2333;\n  --dark2:      #243044;\n  --slate:      #4a5568;\n  --muted:      #718096;\n  --border:     #e2e8f0;\n  --bg:         #f9f8f6;\n  --white:      #ffffff;\n  --radius:     12px;\n  --shadow:     0 4px 24px rgba(0,0,0,.09);\n  --shadow-lg:  0 12px 40px rgba(0,0,0,.15);\n}\n\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: var(--slate); background: var(--white); line-height: 1.65; }\n\n\/* \u2500\u2500 NAV \u2500\u2500 *\/\n#clNav {\n  position: fixed !important;\n  top: 0 !important; left: 0 !important;\n  width: 100% !important;\n  height: 66px !important;\n  z-index: 99999 !important;\n  background: rgba(27,35,51,.97) !important;\n  backdrop-filter: blur(10px);\n  border-bottom: 1px solid rgba(255,255,255,.07) !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  box-sizing: border-box !important;\n}\n#clNav .clInner {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  width: 100% !important;\n  height: 66px !important;\n  padding: 0 2rem !important;\n  margin: 0 !important;\n  box-sizing: border-box !important;\n}\n#clNav .clBrand {\n  display: flex !important;\n  align-items: center !important;\n  flex-shrink: 0 !important;\n  margin: 0 !important; padding: 0 !important;\n  text-decoration: none !important;\n}\n#clNav .clBrand img {\n  height: 42px !important;\n  width: auto !important;\n  display: block !important;\n  margin: 0 !important;\n}\n#clNav .clMenu {\n  display: flex !important;\n  align-items: center !important;\n  gap: 2rem !important;\n  list-style: none !important;\n  margin: 0 !important; padding: 0 !important;\n  flex-shrink: 0 !important;\n}\n#clNav .clMenu li { margin: 0 !important; padding: 0 !important; }\n#clNav .clMenu a {\n  color: #a0aec0 !important;\n  text-decoration: none !important;\n  font-size: .9rem !important;\n  white-space: nowrap !important;\n  transition: color .2s;\n  background: transparent !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  border: none !important;\n  border-radius: 0 !important;\n}\n#clNav .clMenu a:hover { color: #fff !important; }\n#clNav .clMenu .clBtn {\n  background: #b03a3a !important;\n  color: #fff !important;\n  padding: .45rem 1.2rem !important;\n  border-radius: 7px !important;\n  font-weight: 700 !important;\n  font-size: .88rem !important;\n}\n#clNav .clMenu .clBtn:hover { background: #8e2c2c !important; }\n#clNav .clHamburger {\n  display: none !important;\n  flex-direction: column !important;\n  justify-content: center !important;\n  gap: 5px !important;\n  cursor: pointer !important;\n  background: none !important;\n  border: none !important;\n  padding: 6px !important;\n  margin: 0 !important;\n}\n#clNav .clHamburger span {\n  display: block !important;\n  width: 26px !important; height: 2px !important;\n  background: #fff !important;\n  border-radius: 2px !important;\n  transition: all .25s !important;\n}\n#clNav .clHamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }\n#clNav .clHamburger.open span:nth-child(2) { opacity: 0 !important; }\n#clNav .clHamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }\n\n#clMobileMenu {\n  display: none;\n  position: fixed !important;\n  top: 66px !important; left: 0 !important;\n  width: 100% !important;\n  z-index: 99998 !important;\n  background: rgba(27,35,51,.99) !important;\n  padding: 1.5rem 2rem 2rem !important;\n  box-sizing: border-box !important;\n  flex-direction: column !important;\n  gap: 0 !important;\n}\n#clMobileMenu.open { display: flex !important; }\n#clMobileMenu a {\n  color: #a0aec0 !important;\n  text-decoration: none !important;\n  font-size: 1rem !important;\n  padding: .85rem 0 !important;\n  border-bottom: 1px solid rgba(255,255,255,.07) !important;\n  display: block !important;\n  background: transparent !important;\n}\n#clMobileMenu a:hover { color: #fff !important; }\n#clMobileMenu .clMobBtn {\n  margin-top: 1rem !important;\n  background: #b03a3a !important;\n  color: #fff !important;\n  text-align: center !important;\n  padding: .85rem !important;\n  border-radius: 7px !important;\n  font-weight: 700 !important;\n  border-bottom: none !important;\n}\n\n@media (max-width: 820px) {\n  #clNav .clMenu { display: none !important; }\n  #clNav .clHamburger { display: flex !important; }\n}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.cl-hero {\n  position: relative; min-height: 100vh;\n  display: flex; align-items: center;\n  padding: 100px 5% 70px;\n  background: var(--dark);\n  overflow: hidden;\n}\n.cl-hero::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: url('https:\/\/carlink-service.at\/wp-content\/uploads\/2026\/04\/IMG_0660.heic') center 50%\/cover no-repeat;\n  opacity: 1;\n}\n.cl-hero::after {\n  content: '';\n  position: absolute; inset: 0;\n  background: linear-gradient(110deg, rgba(27,35,51,.92) 45%, rgba(27,35,51,.65) 100%);\n}\n.cl-hero .hero-content { position: relative; z-index: 1; max-width: 660px; }\n.hero-badge {\n  display: inline-flex; align-items: center; gap: .4rem;\n  background: rgba(176,58,58,.18); border: 1px solid rgba(176,58,58,.4);\n  color: #e8a0a0; font-size: .78rem; font-weight: 700;\n  letter-spacing: .07em; text-transform: uppercase;\n  padding: .35rem .85rem; border-radius: 30px; margin-bottom: 1.3rem;\n}\n.cl-hero h1 {\n  font-size: clamp(2rem, 4.8vw, 3.3rem);\n  font-weight: 900; color: #fff; line-height: 1.15; margin-bottom: 1.2rem;\n}\n.cl-hero h1 em { font-style: normal; color: #e8a0a0; }\n.cl-hero p { font-size: 1.1rem; color: #a0aec0; margin-bottom: 2rem; max-width: 520px; }\n.hero-ctas { display: flex; gap: 1rem; flex-wrap: wrap; }\n\n.btn-primary {\n  background: var(--accent); color: #fff;\n  padding: .82rem 1.9rem; border-radius: 8px;\n  text-decoration: none; font-weight: 700; font-size: .97rem;\n  transition: background .2s, transform .15s;\n  display: inline-flex; align-items: center; gap: .5rem;\n  border: none; cursor: pointer;\n}\n.btn-primary:hover { background: var(--accent-dk); transform: translateY(-2px); }\n.btn-ghost {\n  background: transparent; color: #cbd5e0;\n  padding: .82rem 1.7rem; border-radius: 8px;\n  text-decoration: none; font-weight: 600; font-size: .97rem;\n  border: 1.5px solid rgba(255,255,255,.25);\n  transition: border-color .2s, color .2s;\n  display: inline-flex; align-items: center; gap: .5rem;\n}\n.btn-ghost:hover { border-color: rgba(255,255,255,.6); color: #fff; }\n\n.hero-trust {\n  position: relative; margin-top: 2.8rem;\n  display: flex; gap: 1.8rem; flex-wrap: wrap;\n}\n.trust-item { display: flex; align-items: center; gap: .65rem; }\n.trust-icon {\n  width: 38px; height: 38px;\n  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1);\n  border-radius: 50%; display: flex; align-items: center; justify-content: center;\n  font-size: 1rem;\n}\n.trust-text { color: #718096; font-size: .85rem; }\n.trust-text strong { display: block; color: #e2e8f0; font-size: .95rem; }\n\n\/* \u2500\u2500 PROOF BAR \u2500\u2500 *\/\n.proof-bar {\n  background: var(--dark2);\n  padding: .9rem 5%;\n  display: flex; align-items: center; justify-content: center;\n  gap: 2.5rem; flex-wrap: wrap;\n  border-bottom: 1px solid rgba(255,255,255,.06);\n}\n.proof-bar span {\n  color: #a0aec0; font-weight: 500; font-size: .87rem;\n  display: flex; align-items: center; gap: .4rem;\n}\n.proof-bar span b { color: #e2e8f0; }\n\n\/* \u2500\u2500 SECTION COMMON \u2500\u2500 *\/\n.cl-section { padding: 88px 5%; }\n.cl-container { max-width: 1100px; margin: 0 auto; }\n.section-label { color: var(--accent); font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: .5rem; }\n.section-title { font-size: clamp(1.6rem, 3.5vw, 2.3rem); font-weight: 800; line-height: 1.2; color: var(--dark); margin-bottom: .9rem; }\n.section-sub { color: var(--muted); font-size: 1rem; max-width: 540px; }\n\n\/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n.cl-services { background: var(--bg); }\n.services-grid {\n  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.8rem; margin-top: 3rem;\n}\n.service-card {\n  background: var(--white); border-radius: var(--radius);\n  overflow: hidden; box-shadow: var(--shadow);\n  transition: transform .25s, box-shadow .25s;\n  display: flex; flex-direction: column;\n  border: 1px solid var(--border);\n}\n.service-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }\n.service-card img { width: 100%; height: 210px; object-fit: cover; }\n.service-card-body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }\n.service-card-body h3 { font-size: 1.18rem; font-weight: 700; color: var(--dark); margin-bottom: .55rem; }\n.service-card-body p { color: var(--muted); font-size: .93rem; margin-bottom: 1.2rem; flex: 1; }\n.service-tag {\n  display: inline-block; background: var(--accent-lt); color: var(--accent);\n  font-size: .73rem; font-weight: 700; padding: .22rem .65rem; border-radius: 4px; margin-bottom: .9rem;\n}\n.service-card-cta {\n  color: var(--accent); font-weight: 700; font-size: .88rem;\n  text-decoration: none; display: flex; align-items: center; gap: .3rem;\n}\n.service-card-cta:hover { text-decoration: underline; }\n\n\/* \u2500\u2500 WHY US SLIDER \u2500\u2500 *\/\n.cl-why-us { background: var(--dark); overflow: hidden; }\n.cl-why-us .section-title { color: #fff; }\n.cl-why-us .section-sub { color: #718096; }\n.cl-why-us .section-label { color: #e8a0a0; }\n\n.slider-wrapper { position: relative; margin-top: 2.8rem; }\n.slider-track-outer { overflow: hidden; }\n.slider-track {\n  display: flex; gap: 1.4rem;\n  transition: transform .45s cubic-bezier(.25,.1,.25,1);\n  will-change: transform;\n}\n.why-card {\n  flex: 0 0 calc(33.333% - 1rem);\n  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.07);\n  border-radius: var(--radius); padding: 1.8rem 1.5rem;\n  transition: background .2s;\n  min-width: 0;\n}\n.why-card:hover { background: rgba(255,255,255,.08); }\n.why-icon { font-size: 1.8rem; margin-bottom: .9rem; }\n.why-card h3 { font-size: 1rem; font-weight: 700; color: #e2e8f0; margin-bottom: .45rem; }\n.why-card p { color: #718096; font-size: .88rem; line-height: 1.6; }\n\n.slider-controls {\n  display: flex; align-items: center; justify-content: center;\n  gap: 1rem; margin-top: 2rem;\n}\n.slider-btn {\n  width: 42px; height: 42px; border-radius: 50%;\n  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);\n  color: #e2e8f0; font-size: 1rem; cursor: pointer;\n  display: flex; align-items: center; justify-content: center;\n  transition: background .2s;\n}\n.slider-btn:hover { background: rgba(255,255,255,.15); }\n.slider-dots { display: flex; gap: .5rem; }\n.slider-dot {\n  width: 8px; height: 8px; border-radius: 50%;\n  background: rgba(255,255,255,.2); cursor: pointer;\n  transition: background .2s, transform .2s;\n}\n.slider-dot.active { background: rgba(255,255,255,.85); transform: scale(1.3); }\n\n\/* \u2500\u2500 PROCESS \u2500\u2500 *\/\n.cl-process { background: var(--white); }\n.steps {\n  display: grid; grid-template-columns: repeat(4, 1fr);\n  gap: 0; margin-top: 3rem; position: relative;\n}\n.steps::before {\n  content: '';\n  position: absolute; top: 28px; left: calc(12.5% + 8px); right: calc(12.5% + 8px);\n  height: 2px; background: var(--border); z-index: 0;\n}\n.step { text-align: center; padding: 0 1rem; position: relative; z-index: 1; }\n.step-num {\n  width: 56px; height: 56px; border-radius: 50%;\n  background: var(--dark); color: #fff;\n  font-size: 1.2rem; font-weight: 900;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 1.1rem;\n  border: 3px solid var(--white);\n  box-shadow: 0 0 0 3px var(--border);\n}\n.step h3 { font-size: .97rem; font-weight: 700; color: var(--dark); margin-bottom: .35rem; }\n.step p { color: var(--muted); font-size: .85rem; }\n\n\/* \u2500\u2500 BEFORE\/AFTER SLIDER \u2500\u2500 *\/\n.cl-gallery { background: var(--bg); }\n.ba-wrapper {\n  position: relative; overflow: hidden;\n  border-radius: var(--radius); box-shadow: var(--shadow-lg);\n  cursor: col-resize; user-select: none;\n  max-width: 860px; margin: 2.5rem auto 0;\n  aspect-ratio: 16\/9;\n}\n.ba-wrapper *::selection { background: transparent; }\n.ba-after, .ba-before { position: absolute; inset: 0; }\n.ba-after img, .ba-before img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.ba-before { clip-path: inset(0 50% 0 0); transition: clip-path 0s; }\n.ba-handle {\n  position: absolute; top: 0; bottom: 0;\n  width: 3px; background: #fff;\n  left: 50%; transform: translateX(-50%);\n  z-index: 10; cursor: col-resize;\n}\n.ba-handle::before {\n  content: '';\n  position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%,-50%);\n  width: 44px; height: 44px; border-radius: 50%;\n  background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.3);\n}\n.ba-handle::after {\n  content: '\u25c0 \u25b6';\n  position: absolute; top: 50%; left: 50%;\n  transform: translate(-50%,-50%);\n  font-size: .65rem; color: var(--dark); letter-spacing: -.05em;\n  pointer-events: none; z-index: 1;\n}\n.ba-label {\n  position: absolute; bottom: 1rem;\n  background: rgba(0,0,0,.55); color: #fff;\n  font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;\n  padding: .3rem .75rem; border-radius: 4px;\n  pointer-events: none;\n}\n.ba-label.before { left: 1rem; }\n.ba-label.after  { right: 1rem; }\n.ba-note { text-align: center; color: var(--muted); font-size: .82rem; margin-top: .9rem; }\n\n\/* \u2500\u2500 REVIEWS SLIDER \u2500\u2500 *\/\n.cl-reviews { background: var(--white); }\n.reviews-header {\n  display: flex; align-items: flex-start;\n  justify-content: space-between; flex-wrap: wrap; gap: 1.2rem;\n}\n.google-badge {\n  display: flex; align-items: center; gap: .9rem;\n  background: var(--bg); border: 1px solid var(--border);\n  padding: .9rem 1.3rem; border-radius: var(--radius);\n  flex-shrink: 0;\n}\n.rating-big { font-size: 2.2rem; font-weight: 900; color: var(--dark); }\n.stars-row { color: #d97706; font-size: 1.1rem; line-height: 1; }\n.rating-label { color: var(--muted); font-size: .8rem; margin-top: .2rem; }\n\n.review-slider-wrapper { position: relative; margin-top: 2.5rem; }\n.review-track-outer { overflow: hidden; }\n.review-track {\n  display: flex; gap: 1.4rem;\n  transition: transform .45s cubic-bezier(.25,.1,.25,1);\n}\n.review-card {\n  flex: 0 0 calc(50% - .7rem);\n  background: var(--bg); border-radius: var(--radius);\n  padding: 1.6rem; border: 1px solid var(--border);\n  display: flex; flex-direction: column;\n  min-width: 0;\n}\n.reviewer { display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; }\n.reviewer-avatar {\n  width: 42px; height: 42px; border-radius: 50%;\n  background: var(--dark); color: #fff;\n  display: flex; align-items: center; justify-content: center;\n  font-weight: 700; font-size: 1rem; flex-shrink: 0;\n}\n.reviewer-name { font-weight: 700; font-size: .95rem; color: var(--dark); }\n.reviewer-meta { color: var(--muted); font-size: .77rem; display: flex; align-items: center; gap: .4rem; margin-top: .15rem; }\n.reviewer-stars { color: #d97706; font-size: .82rem; }\n.review-text { color: var(--slate); font-size: .93rem; font-style: italic; line-height: 1.65; flex: 1; }\n.review-verified { margin-top: .9rem; font-size: .73rem; color: #a0aec0; display: flex; align-items: center; gap: .3rem; }\n\n.review-controls .slider-btn { background: var(--bg); border-color: var(--border); color: var(--dark); }\n.review-controls .slider-btn:hover { background: var(--border); }\n.review-controls .slider-dot { background: var(--border); }\n.review-controls .slider-dot.active { background: var(--dark); }\n\n\/* \u2500\u2500 CTA SECTION \u2500\u2500 *\/\n.cl-cta-section { background: var(--dark); padding: 88px 5%; text-align: center; }\n.cl-cta-section h2 { font-size: clamp(1.7rem, 3.8vw, 2.7rem); font-weight: 900; color: #fff; margin-bottom: .9rem; }\n.cl-cta-section p { color: #718096; font-size: 1.05rem; margin-bottom: 2rem; }\n.cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n.btn-accent-outline {\n  background: transparent; color: #e2e8f0;\n  padding: .85rem 1.9rem; border-radius: 8px;\n  text-decoration: none; font-weight: 600; font-size: .97rem;\n  border: 1.5px solid rgba(255,255,255,.2);\n  transition: border-color .2s; display: inline-flex; align-items: center; gap: .5rem;\n}\n.btn-accent-outline:hover { border-color: rgba(255,255,255,.5); }\n\n\/* \u2500\u2500 CONTACT \u2500\u2500 *\/\n.cl-contact { background: var(--bg); }\n.contact-grid {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 4rem; align-items: start; margin-top: 3rem;\n}\n.contact-info h3 { font-size: 1.2rem; font-weight: 700; color: var(--dark); margin-bottom: 1.4rem; }\n.contact-item { display: flex; align-items: flex-start; gap: .9rem; margin-bottom: 1.1rem; }\n.contact-icon { min-width: 28px; font-size: 1.3rem; line-height: 1; padding-top: .15rem; }\n.contact-item-text span { display: block; color: var(--muted); font-size: .8rem; margin-bottom: .15rem; }\n.contact-item-text a { color: var(--accent); text-decoration: none; font-weight: 600; font-size: .97rem; }\n.contact-item-text a:hover { text-decoration: underline; }\n.contact-item-text strong { font-size: .97rem; color: var(--dark); }\n.whatsapp-btn {\n  display: inline-flex; align-items: center; gap: .55rem;\n  background: #25a560; color: #fff;\n  padding: .75rem 1.5rem; border-radius: 8px;\n  text-decoration: none; font-weight: 700; font-size: .92rem;\n  margin-top: .8rem; transition: background .2s;\n}\n.whatsapp-btn:hover { background: #1d8a50; }\n.response-note {\n  margin-top: 1.5rem; padding: 1rem 1.2rem;\n  background: var(--white); border-radius: var(--radius);\n  border-left: 3px solid var(--accent);\n}\n.response-note strong { font-size: .88rem; color: var(--dark); }\n.response-note p { color: var(--muted); font-size: .83rem; margin-top: .25rem; }\n\n.cl-contact form { display: flex; flex-direction: column; gap: .9rem; }\n.cl-contact form label { font-weight: 600; font-size: .85rem; color: var(--slate); margin-bottom: .2rem; display: block; }\n.cl-contact form input,\n.cl-contact form select,\n.cl-contact form textarea {\n  width: 100%; padding: .72rem 1rem;\n  border: 1.5px solid var(--border); border-radius: 8px;\n  font-size: .93rem; transition: border-color .2s;\n  background: var(--white); font-family: inherit; color: var(--dark);\n}\n.cl-contact form input:focus,\n.cl-contact form select:focus,\n.cl-contact form textarea:focus { outline: none; border-color: var(--accent); }\n.cl-contact form textarea { resize: vertical; min-height: 105px; }\n.cl-contact form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }\n.cl-contact form .submit-btn {\n  background: var(--accent); color: #fff;\n  padding: .88rem; border-radius: 8px; border: none;\n  font-size: .97rem; font-weight: 700; cursor: pointer;\n  transition: background .2s; display: flex; align-items: center; justify-content: center; gap: .5rem;\n}\n.cl-contact form .submit-btn:hover { background: var(--accent-dk); }\n.form-note { color: #a0aec0; font-size: .76rem; text-align: center; margin-top: .2rem; }\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n.cl-footer { background: var(--dark); color: #718096; padding: 3rem 5% 1.5rem; }\n.footer-inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; }\n.footer-brand img { height: 38px; width: auto; max-width: 180px; object-fit: contain; margin-bottom: .9rem; }\n.footer-brand p { font-size: .86rem; max-width: 250px; line-height: 1.65; }\n.footer-links h4 { color: #e2e8f0; font-size: .88rem; font-weight: 700; margin-bottom: .75rem; }\n.footer-links a { display: block; color: #718096; text-decoration: none; font-size: .85rem; margin-bottom: .4rem; }\n.footer-links a:hover { color: #e2e8f0; }\n.footer-bottom {\n  border-top: 1px solid rgba(255,255,255,.06);\n  padding-top: 1.1rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; font-size: .78rem;\n}\n.footer-bottom a { color: #4a5568; text-decoration: none; }\n.footer-bottom a:hover { color: #a0aec0; }\n\n\/* \u2500\u2500 STICKY BAR (mobile) \u2500\u2500 *\/\n.sticky-bar {\n  position: fixed; bottom: 0; left: 0; right: 0; z-index: 199;\n  background: var(--dark); padding: .75rem 5%;\n  display: none; align-items: center; justify-content: space-between;\n  border-top: 1px solid rgba(255,255,255,.08); gap: .8rem;\n}\n.sticky-bar span { color: #718096; font-size: .82rem; }\n.sticky-bar a {\n  padding: .6rem 1.2rem; border-radius: 7px;\n  text-decoration: none; font-weight: 700; font-size: .87rem; white-space: nowrap;\n}\n.sticky-bar a:first-of-type { background: var(--accent); color: #fff; }\n.sticky-bar a:last-of-type { background: rgba(255,255,255,.06); color: #e2e8f0; border: 1px solid rgba(255,255,255,.1); }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .why-card { flex: 0 0 calc(50% - .7rem); }\n  .steps { grid-template-columns: 1fr 1fr; }\n  .steps::before { display: none; }\n}\n@media (max-width: 768px) {\n  .sticky-bar { display: flex; }\n  .review-card { flex: 0 0 calc(100% - 0rem); }\n  .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n}\n@media (max-width: 580px) {\n  .cl-section { padding: 60px 5%; }\n  .why-card { flex: 0 0 calc(100% - 0rem); }\n  .steps { grid-template-columns: 1fr; }\n  .cl-contact form .form-row { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<!-- NAV -->\n<nav id=\"clNav\">\n  <div class=\"clInner\">\n    <a class=\"clBrand\" href=\"#top\">\n      <img decoding=\"async\" src=\"https:\/\/carlink-service.at\/wp-content\/uploads\/2025\/10\/IMG_9130-1.png\" alt=\"Carlink Service\" onerror=\"this.style.display='none'\" \/>\n    <\/a>\n    <ul class=\"clMenu\">\n      <li><a href=\"#leistungen\">Leistungen<\/a><\/li>\n      <li><a href=\"#warum-wir\">Vorteile<\/a><\/li>\n      <li><a href=\"#galerie\">Ergebnisse<\/a><\/li>\n      <li><a href=\"#bewertungen\">Bewertungen<\/a><\/li>\n      <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n      <li><a href=\"tel:+436641280480\" class=\"clBtn\">&#128222; Anrufen<\/a><\/li>\n    <\/ul>\n    <button class=\"clHamburger\" id=\"clBurger\" aria-label=\"Men\u00fc \u00f6ffnen\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/div>\n<\/nav>\n\n<!-- MOBILE MENU -->\n<div id=\"clMobileMenu\">\n  <a href=\"#leistungen\">Leistungen<\/a>\n  <a href=\"#warum-wir\">Vorteile<\/a>\n  <a href=\"#galerie\">Ergebnisse<\/a>\n  <a href=\"#bewertungen\">Bewertungen<\/a>\n  <a href=\"#kontakt\">Kontakt<\/a>\n  <a href=\"tel:+436641280480\" class=\"clMobBtn\">&#128222; Anrufen<\/a>\n<\/div>\n\n<script>\n(function(){\n  var burger = document.getElementById('clBurger');\n  var menu = document.getElementById('clMobileMenu');\n  burger.addEventListener('click', function(){\n    burger.classList.toggle('open');\n    menu.classList.toggle('open');\n  });\n  menu.querySelectorAll('a').forEach(function(a){\n    a.addEventListener('click', function(){\n      burger.classList.remove('open');\n      menu.classList.remove('open');\n    });\n  });\n})();\n<\/script>\n\n<!-- HERO -->\n<section class=\"cl-hero\" id=\"top\">\n  <div class=\"hero-content\">\n    <div class=\"hero-badge\">&#10003; Rostschutz-Spezialist \u00b7 Bad Kreuzen<\/div>\n    <h1>Stoppen Sie <em>Rost,<\/em> bevor er Ihr Auto zerst\u00f6rt.<\/h1>\n    <p>Professionelle Unterbodenversiegelung & Rostumwandlung mit vollst\u00e4ndiger Fotodokumentation, transparenten Preisen und ehrlicher Handwerksarbeit.<\/p>\n    <div class=\"hero-ctas\">\n      <a href=\"#kontakt\" class=\"btn-primary\">&#128221; Kostenlose Anfrage<\/a>\n      <a href=\"tel:+436641280480\" class=\"btn-ghost\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"flex-shrink:0;\"><path d=\"M3 5.5C3 14.0604 9.93959 21 18.5 21C18.8862 21 19.2691 20.9859 19.6483 20.9581C20.0834 20.9262 20.3009 20.9103 20.499 20.7963C20.663 20.7019 20.8185 20.5345 20.9007 20.364C21 20.1582 21 19.9181 21 19.438V16.6207C21 16.2169 21 16.015 20.9335 15.842C20.8749 15.6891 20.7795 15.553 20.6559 15.4456C20.516 15.324 20.3262 15.255 19.9468 15.117L16.74 13.9509C16.2985 13.7904 16.0777 13.7101 15.8683 13.7237C15.6836 13.7357 15.5059 13.7988 15.3549 13.9058C15.1837 14.0271 15.0629 14.2285 14.8212 14.6314L14 16C11.3501 14.7999 9.2019 12.6489 8 10L9.36863 9.17882C9.77145 8.93713 9.97286 8.81628 10.0942 8.64506C10.2012 8.49408 10.2643 8.31637 10.2763 8.1317C10.2899 7.92227 10.2096 7.70153 10.0491 7.26005L8.88299 4.05321C8.745 3.67376 8.67601 3.48403 8.55442 3.3441C8.44701 3.22049 8.31089 3.12515 8.15802 3.06645C7.98496 3 7.78308 3 7.37932 3H4.56201C4.08188 3 3.84181 3 3.63598 3.09925C3.4655 3.18146 3.29814 3.33701 3.2037 3.50103C3.08968 3.69907 3.07375 3.91662 3.04189 4.35173C3.01413 4.73086 3 5.11378 3 5.5Z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> +43 664 12 80 480<\/a>\n    <\/div>\n    <div class=\"hero-trust\">\n      <div class=\"trust-item\">\n        <div class=\"trust-icon\">&#11088;<\/div>\n        <div class=\"trust-text\"><strong>5,0 \/ 5 Sterne<\/strong>Google Bewertung<\/div>\n      <\/div>\n      <div class=\"trust-item\">\n        <div class=\"trust-icon\">&#128247;<\/div>\n        <div class=\"trust-text\"><strong>Fotodokumentation<\/strong>jedes Schritts<\/div>\n      <\/div>\n      <div class=\"trust-item\">\n        <div class=\"trust-icon\">&#128203;<\/div>\n        <div class=\"trust-text\"><strong>Faire Preise<\/strong>ehrliche Beratung<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PROOF BAR -->\n<div class=\"proof-bar\">\n  <span>&#11088; <b>5,0<\/b> Google-Bewertung<\/span>\n  <span>&#9989; Vollst\u00e4ndige Fotodokumentation<\/span>\n  <span>&#128222; Schnelle Terminvergabe<\/span>\n  <span>&#128664; F\u00fcr Alltags- & Oldtimer-Fahrzeuge<\/span>\n<\/div>\n\n<!-- SERVICES -->\n<section class=\"cl-section cl-services\" id=\"leistungen\">\n  <div class=\"cl-container\">\n    <p class=\"section-label\">Unsere Leistungen<\/p>\n    <h2 class=\"section-title\">Pr\u00e4ziser Schutz f\u00fcr Ihr Fahrzeug<\/h2>\n    <p class=\"section-sub\">Ehrliche Handwerksarbeit mit Qualit\u00e4tsprodukten f\u00fchrender Hersteller \u2013 individuell angepasst an Ihr Fahrzeug.<\/p>\n    <div class=\"services-grid\">\n      <div class=\"service-card\">\n        <img decoding=\"async\" src=\"https:\/\/carlink-service.at\/wp-content\/uploads\/2026\/02\/IMG_0613-1.heic\" alt=\"Unterbodenversiegelung\" \/>\n        <div class=\"service-card-body\">\n          <span class=\"service-tag\">Meistbeliebt<\/span>\n          <h3>Unterbodenversiegelung<\/h3>\n          <p>Umfassende Behandlung mit Rostentferner, Rostumwandler und Schutzversiegelung. Sch\u00fctzt Rahmen, Schweller, T\u00fcren und Hohlr\u00e4ume dauerhaft vor Feuchtigkeit und Streusalz.<\/p>\n          <a href=\"#kontakt\" class=\"service-card-cta\">Jetzt anfragen \u2192<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"service-card\">\n        <img decoding=\"async\" src=\"https:\/\/carlink-service.at\/wp-content\/uploads\/2026\/02\/IMG_1704-2.jpg\" alt=\"Rostumwandlung\" \/>\n        <div class=\"service-card-body\">\n          <span class=\"service-tag\" style=\"background:#fef9ec;color:#92660a;\">Nachhaltiger Schutz<\/span>\n          <h3>Rostumwandlung & Konservierung<\/h3>\n          <p>Professionelle Rostumwandlung verwandelt vorhandenen Rost in eine stabile Schutzschicht \u2013 ideal f\u00fcr \u00e4ltere Fahrzeuge und Winterautos.<\/p>\n          <a href=\"#kontakt\" class=\"service-card-cta\">Jetzt anfragen \u2192<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"service-card\">\n        <img decoding=\"async\" src=\"https:\/\/carlink-service.at\/wp-content\/uploads\/2025\/10\/bottom-view-raised-car-lift-repair-garage-visible-details-structure-suspension-elements-exhaust-system-scaled.webp\" alt=\"Fotodokumentation\" \/>\n        <div class=\"service-card-body\">\n          <span class=\"service-tag\" style=\"background:#edf7f2;color:#1a6644;\">Inklusive<\/span>\n          <h3>Fotodokumentation & Beratung<\/h3>\n          <p>Jeder Arbeitsschritt wird fotografisch festgehalten. Sie sehen genau, was gemacht wurde \u2013 und erhalten eine ehrliche Einsch\u00e4tzung zum Zustand Ihres Fahrzeugs.<\/p>\n          <a href=\"#kontakt\" class=\"service-card-cta\">Jetzt anfragen \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- WHY US SLIDER -->\n<section class=\"cl-section cl-why-us\" id=\"warum-wir\">\n  <div class=\"cl-container\">\n    <p class=\"section-label\">Warum Carlink Service?<\/p>\n    <h2 class=\"section-title\">Qualit\u00e4t, Erfahrung & Vertrauen \u2013 das ist unser Antrieb.<\/h2>\n    <p class=\"section-sub\">Wir setzen auf nachhaltige Arbeit statt schnelle L\u00f6sungen \u2013 damit Ihr Fahrzeug langfristig gesch\u00fctzt bleibt.<\/p>\n    <div class=\"slider-wrapper\" id=\"why-slider\">\n      <div class=\"slider-track-outer\">\n        <div class=\"slider-track\" id=\"why-track\">\n          <div class=\"why-card\">\n            <div class=\"why-icon\">&#128269;<\/div>\n            <h3>Vollst\u00e4ndige Transparenz<\/h3>\n            <p>Sie erhalten eine detaillierte Fotodokumentation aller Arbeitsschritte \u2013 vor, w\u00e4hrend und nach der Behandlung.<\/p>\n          <\/div>\n          <div class=\"why-card\">\n            <div class=\"why-icon\">&#128176;<\/div>\n            <h3>Faire & klare Preise<\/h3>\n            <p>Keine versteckten Kosten. Wir beraten Sie ehrlich und erstellen ein transparentes Angebot vor Arbeitsbeginn.<\/p>\n          <\/div>\n          <div class=\"why-card\">\n            <div class=\"why-icon\">&#127941;<\/div>\n            <h3>Premium Produkte<\/h3>\n            <p>Wir verwenden ausschlie\u00dflich hochwertige Schutzprodukte f\u00fchrender Hersteller f\u00fcr dauerhaften Rostschutz.<\/p>\n          <\/div>\n          <div class=\"why-card\">\n            <div class=\"why-icon\">&#9881;&#65039;<\/div>\n            <h3>Moderne Technik<\/h3>\n            <p>Pr\u00e4zise Handwerksarbeit kombiniert mit moderner Ausr\u00fcstung \u2013 f\u00fcr ein Ergebnis, das wirklich \u00fcberzeugt.<\/p>\n          <\/div>\n          <div class=\"why-card\">\n            <div class=\"why-icon\">&#128664;<\/div>\n            <h3>F\u00fcr jedes Fahrzeug<\/h3>\n            <p>Geeignet f\u00fcr Alltagsfahrzeuge, Oldtimer und Neuwagen \u2013 individuell angepasst an den Zustand Ihres Autos.<\/p>\n          <\/div>\n          <div class=\"why-card\">\n            <div class=\"why-icon\">&#11088;<\/div>\n            <h3>5,0 Sterne Bewertung<\/h3>\n            <p>Alle unsere Google-Bewertungen sind 5 Sterne \u2013 weil echte Qualit\u00e4t f\u00fcr sich spricht.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slider-controls\" id=\"why-controls\">\n        <button class=\"slider-btn\" id=\"why-prev\">&#8592;<\/button>\n        <div class=\"slider-dots\" id=\"why-dots\"><\/div>\n        <button class=\"slider-btn\" id=\"why-next\">&#8594;<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PROCESS -->\n<section class=\"cl-section cl-process\">\n  <div class=\"cl-container\">\n    <p class=\"section-label\">So einfach geht's<\/p>\n    <h2 class=\"section-title\">In 4 Schritten zu dauerhaftem Rostschutz<\/h2>\n    <div class=\"steps\">\n      <div class=\"step\">\n        <div class=\"step-num\">1<\/div>\n        <h3>Anfrage stellen<\/h3>\n        <p>Formular ausf\u00fcllen oder anrufen \u2013 kostenlos & unverbindlich.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">2<\/div>\n        <h3>Fahrzeug begutachten<\/h3>\n        <p>Wir schauen uns Ihr Fahrzeug an und beraten Sie ehrlich zum besten Vorgehen.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">3<\/div>\n        <h3>Professionelle Behandlung<\/h3>\n        <p>Sorgf\u00e4ltige Ausf\u00fchrung mit Qualit\u00e4tsprodukten und vollst\u00e4ndiger Fotodokumentation.<\/p>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">4<\/div>\n        <h3>Dauerhafter Schutz<\/h3>\n        <p>Ihr Fahrzeug ist langfristig vor Rost und Feuchtigkeit gesch\u00fctzt.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- BEFORE\/AFTER GALLERY -->\n<section class=\"cl-section cl-gallery\" id=\"galerie\">\n  <div class=\"cl-container\">\n    <p class=\"section-label\">Ergebnisse<\/p>\n    <h2 class=\"section-title\">Ergebnisse, die f\u00fcr sich sprechen<\/h2>\n    <div class=\"ba-wrapper\" id=\"ba1\">\n      <div class=\"ba-after\">\n        <img decoding=\"async\" src=\"https:\/\/carlink-service.at\/wp-content\/uploads\/2026\/04\/Bildschirmfoto-2026-04-20-um-13.18.45.png\" alt=\"Nachher\" \/>\n      <\/div>\n      <div class=\"ba-before\" id=\"ba1-before\">\n        <img decoding=\"async\" src=\"https:\/\/carlink-service.at\/wp-content\/uploads\/2026\/04\/Bildschirmfoto-2026-04-20-um-13.18.37.png\" alt=\"Vorher\" \/>\n      <\/div>\n      <div class=\"ba-handle\" id=\"ba1-handle\"><\/div>\n      <span class=\"ba-label before\">Vorher<\/span>\n      <span class=\"ba-label after\">Nachher<\/span>\n    <\/div>\n    <p class=\"ba-note\">&#8592; Regler verschieben zum Vergleich &#8594;<\/p>\n  <\/div>\n<\/section>\n\n<!-- REVIEWS SLIDER -->\n<section class=\"cl-section cl-reviews\" id=\"bewertungen\">\n  <div class=\"cl-container\">\n    <div class=\"reviews-header\">\n      <div>\n        <p class=\"section-label\">Kundenstimmen<\/p>\n        <h2 class=\"section-title\">Was unsere Kunden sagen<\/h2>\n      <\/div>\n      <div class=\"google-badge\">\n        <div class=\"rating-big\">5,0<\/div>\n        <div>\n          <div class=\"stars-row\">&#11088;&#11088;&#11088;&#11088;&#11088;<\/div>\n          <div class=\"rating-label\">Google Bewertungen<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"review-slider-wrapper\" id=\"review-slider\">\n      <div class=\"review-track-outer\">\n        <div class=\"review-track\" id=\"review-track\">\n          <div class=\"review-card\">\n            <div class=\"reviewer\">\n              <div class=\"reviewer-avatar\">H<\/div>\n              <div>\n                <div class=\"reviewer-name\">Harald Kammerhuber<\/div>\n                <div class=\"reviewer-meta\"><span class=\"reviewer-stars\">&#11088;&#11088;&#11088;&#11088;&#11088;<\/span> \u00b7 vor einer Woche \u00b7 Google<\/div>\n              <\/div>\n            <\/div>\n            <p class=\"review-text\">\u201eLetzten Winter habe ich meinen Bus zum Entrosten und anschlie\u00dfenden Konservieren abgegeben. Das Ergebnis ist wirklich top. Besonders \u00fcberzeugt hat mich die sorgf\u00e4ltige Ausf\u00fchrung und die vollst\u00e4ndige Dokumentation aller Arbeitsschritte.\"<\/p>\n            <div class=\"review-verified\">&#9989; Verifizierte Google-Bewertung<\/div>\n          <\/div>\n          <div class=\"review-card\">\n            <div class=\"reviewer\">\n              <div class=\"reviewer-avatar\">M<\/div>\n              <div>\n                <div class=\"reviewer-name\">Martin Kriener<\/div>\n                <div class=\"reviewer-meta\"><span class=\"reviewer-stars\">&#11088;&#11088;&#11088;&#11088;&#11088;<\/span> \u00b7 vor einer Woche \u00b7 Google<\/div>\n              <\/div>\n            <\/div>\n            <p class=\"review-text\">\u201eTop Beratung und Qualit\u00e4t \ud83d\udc4d \u2013 Ich bin rundum zufrieden mit dem Ergebnis und der professionellen Abwicklung. Klare Weiterempfehlung!\"<\/p>\n            <div class=\"review-verified\">&#9989; Verifizierte Google-Bewertung<\/div>\n          <\/div>\n          <div class=\"review-card\">\n            <div class=\"reviewer\">\n              <div class=\"reviewer-avatar\">R<\/div>\n              <div>\n                <div class=\"reviewer-name\">Robert Kriener<\/div>\n                <div class=\"reviewer-meta\"><span class=\"reviewer-stars\">&#11088;&#11088;&#11088;&#11088;&#11088;<\/span> \u00b7 vor einer Woche \u00b7 Google<\/div>\n              <\/div>\n            <\/div>\n            <p class=\"review-text\">\u201eTop Arbeit. Absolut empfehlenswert \u2013 professionell, sauber und zu einem fairen Preis. Ich w\u00fcrde jederzeit wieder kommen.\"<\/p>\n            <div class=\"review-verified\">&#9989; Verifizierte Google-Bewertung<\/div>\n          <\/div>\n          <div class=\"review-card\">\n            <div class=\"reviewer\">\n              <div class=\"reviewer-avatar\">M<\/div>\n              <div>\n                <div class=\"reviewer-name\">Manuel Wimhofer<\/div>\n                <div class=\"reviewer-meta\"><span class=\"reviewer-stars\">&#11088;&#11088;&#11088;&#11088;&#11088;<\/span> \u00b7 vor einer Woche \u00b7 Google<\/div>\n              <\/div>\n            <\/div>\n            <p class=\"review-text\">\u201eSchnelle Terminvergabe, saubere Arbeit und transparente Kommunikation \u2013 bin mit dem Ergebnis sehr zufrieden. Klare Weiterempfehlung!\"<\/p>\n            <div class=\"review-verified\">&#9989; Verifizierte Google-Bewertung<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slider-controls review-controls\" id=\"review-controls\">\n        <button class=\"slider-btn\" id=\"review-prev\">&#8592;<\/button>\n        <div class=\"slider-dots\" id=\"review-dots\"><\/div>\n        <button class=\"slider-btn\" id=\"review-next\">&#8594;<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA BANNER -->\n<div class=\"cl-cta-section\">\n  <div class=\"cl-container\">\n    <h2>Ihr Fahrzeug verdient den besten Schutz.<\/h2>\n    <p>Kostenlose & unverbindliche Anfrage \u2013 wir antworten in der Regel noch am selben Tag.<\/p>\n    <div class=\"cta-buttons\">\n      <a href=\"#kontakt\" class=\"btn-primary\">&#128221; Anfrage stellen<\/a>\n      <a href=\"tel:+436641280480\" class=\"btn-accent-outline\">&#128222; +43 664 12 80 480<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- CONTACT -->\n<section class=\"cl-section cl-contact\" id=\"kontakt\">\n  <div class=\"cl-container\">\n    <p class=\"section-label\">Kontakt<\/p>\n    <h2 class=\"section-title\">Termin anfragen \u2013 kostenlos & unverbindlich<\/h2>\n    <div class=\"contact-grid\">\n      <div class=\"contact-info\">\n        <h3>So erreichen Sie uns<\/h3>\n        <div class=\"contact-item\">\n          <div class=\"contact-icon\">&#128222;<\/div>\n          <div class=\"contact-item-text\">\n            <span>Telefon<\/span>\n            <a href=\"tel:+436641280480\">+43 664 12 80 480<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"contact-item\">\n          <div class=\"contact-icon\">&#128231;<\/div>\n          <div class=\"contact-item-text\">\n            <span>E-Mail<\/span>\n            <a href=\"mailto:Info@carlink-service.at\">Info@carlink-service.at<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"contact-item\">\n          <div class=\"contact-icon\">&#128205;<\/div>\n          <div class=\"contact-item-text\">\n            <span>Standort<\/span>\n            <strong>Bad Kreuzen, \u00d6sterreich<\/strong>\n          <\/div>\n        <\/div>\n        <a href=\"https:\/\/wa.me\/436641280480\" target=\"_blank\" rel=\"noopener\" class=\"whatsapp-btn\">\n          &#128172; Auf WhatsApp schreiben\n        <\/a>\n        <div class=\"response-note\">\n          <strong>&#9200; Schnelle Antwortzeit<\/strong>\n          <p>Wir antworten in der Regel noch am selben Tag \u2013 oft innerhalb weniger Stunden.<\/p>\n        <\/div>\n      <\/div>\n      <div>\n        <form name=\"anfrage\" method=\"post\" action=\"https:\/\/formspree.io\/f\/mqewdjyy\" method=\"POST\">\n          <div class=\"form-row\">\n            <div>\n              <label for=\"cl-name\">Ihr Name *<\/label>\n              <input type=\"text\" id=\"cl-name\" name=\"name\" placeholder=\"Max Mustermann\" required \/>\n            <\/div>\n            <div>\n              <label for=\"cl-tel\">Telefon *<\/label>\n              <input type=\"tel\" id=\"cl-tel\" name=\"tel\" placeholder=\"+43 664 ...\" required \/>\n            <\/div>\n          <\/div>\n          <div>\n            <label for=\"cl-email\">E-Mail<\/label>\n            <input type=\"email\" id=\"cl-email\" name=\"email\" placeholder=\"max@beispiel.at\" \/>\n          <\/div>\n          <div>\n            <label for=\"cl-service\">Gew\u00fcnschte Leistung<\/label>\n            <select id=\"cl-service\" name=\"service\">\n              <option value=\"\">Bitte w\u00e4hlen...<\/option>\n              <option>Unterbodenversiegelung<\/option>\n              <option>Rostumwandlung & Konservierung<\/option>\n              <option>Beides \/ Bin mir nicht sicher<\/option>\n            <\/select>\n          <\/div>\n          <div>\n            <label for=\"cl-fahrzeug\">Fahrzeug (Marke, Modell, Baujahr)<\/label>\n            <input type=\"text\" id=\"cl-fahrzeug\" name=\"fahrzeug\" placeholder=\"z.B. VW T5, 2009\" \/>\n          <\/div>\n          <div>\n            <label for=\"cl-nachricht\">Nachricht \/ Beschreibung<\/label>\n            <textarea id=\"cl-nachricht\" name=\"nachricht\" placeholder=\"Beschreiben Sie kurz den Zustand Ihres Fahrzeugs oder Ihre Fragen...\"><\/textarea>\n          <\/div>\n          <button type=\"submit\" class=\"submit-btn\">&#128221; Anfrage jetzt absenden<\/button>\n          <p class=\"form-note\">&#128274; Ihre Daten werden vertraulich behandelt und nicht weitergegeben.<\/p>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer class=\"cl-footer\">\n  <div class=\"footer-inner cl-container\">\n    <div class=\"footer-brand\">\n      <img decoding=\"async\" src=\"https:\/\/carlink-service.at\/wp-content\/uploads\/2025\/10\/IMG_9130-1.png\" alt=\"Carlink Service\" onerror=\"this.style.display='none'\" \/>\n      <p>Professionelle Unterbodenversiegelung & Rostumwandlung in Bad Kreuzen. Ehrliche Handwerksarbeit \u2013 nachhaltig gesch\u00fctzt.<\/p>\n    <\/div>\n    <div class=\"footer-links\">\n      <h4>Leistungen<\/h4>\n      <a href=\"#leistungen\">Unterbodenversiegelung<\/a>\n      <a href=\"#leistungen\">Rostumwandlung<\/a>\n      <a href=\"#leistungen\">Fotodokumentation<\/a>\n    <\/div>\n    <div class=\"footer-links\">\n      <h4>Kontakt<\/h4>\n      <a href=\"tel:+436641280480\">+43 664 12 80 480<\/a>\n      <a href=\"mailto:Info@carlink-service.at\">Info@carlink-service.at<\/a>\n      <a href=\"https:\/\/wa.me\/436641280480\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"footer-bottom cl-container\">\n    <span>\u00a9 2026 Carlink Service \u00b7 Bad Kreuzen<\/span>\n    <span><a href=\"#\">Impressum<\/a> &nbsp;|&nbsp; <a href=\"#\">Datenschutz<\/a><\/span>\n  <\/div>\n<\/footer>\n\n<!-- STICKY BAR (mobile) -->\n<div class=\"sticky-bar\">\n  <span>Kostenlose Anfrage<\/span>\n  <a href=\"tel:+436641280480\">&#128222; Anrufen<\/a>\n  <a href=\"#kontakt\">&#128221; Anfrage<\/a>\n<\/div>\n\n<script>\nfunction initSlider({ trackId, prevId, nextId, dotsId, visibleCount, cardSelector }) {\n  const track  = document.getElementById(trackId);\n  const prev   = document.getElementById(prevId);\n  const next   = document.getElementById(nextId);\n  const dotsEl = document.getElementById(dotsId);\n  if (!track) return;\n\n  const cards = track.querySelectorAll(cardSelector);\n  let current = 0;\n\n  function getVisible() {\n    if (window.innerWidth <= 580) return 1;\n    if (window.innerWidth <= 900) return Math.min(2, visibleCount);\n    return visibleCount;\n  }\n\n  function totalSlides() { return Math.ceil(cards.length \/ getVisible()); }\n\n  function buildDots() {\n    dotsEl.innerHTML = '';\n    for (let i = 0; i < totalSlides(); i++) {\n      const d = document.createElement('button');\n      d.className = 'slider-dot' + (i === current ? ' active' : '');\n      d.setAttribute('aria-label', 'Slide ' + (i + 1));\n      d.addEventListener('click', () => goTo(i));\n      dotsEl.appendChild(d);\n    }\n  }\n\n  function goTo(index) {\n    const vis = getVisible();\n    const total = totalSlides();\n    current = Math.max(0, Math.min(index, total - 1));\n    const cardWidth = cards[0].offsetWidth;\n    const gap = 22;\n    const offset = current * vis * (cardWidth + gap);\n    track.style.transform = `translateX(-${offset}px)`;\n    dotsEl.querySelectorAll('.slider-dot').forEach((d, i) =>\n      d.classList.toggle('active', i === current)\n    );\n  }\n\n  prev.addEventListener('click', () => goTo(current - 1));\n  next.addEventListener('click', () => goTo(current + 1));\n\n  buildDots();\n  window.addEventListener('resize', () => { buildDots(); goTo(Math.min(current, totalSlides()-1)); });\n}\n\ninitSlider({ trackId: 'why-track',    prevId: 'why-prev',    nextId: 'why-next',    dotsId: 'why-dots',    visibleCount: 3, cardSelector: '.why-card' });\ninitSlider({ trackId: 'review-track', prevId: 'review-prev', nextId: 'review-next', dotsId: 'review-dots', visibleCount: 2, cardSelector: '.review-card' });\n\nfunction initBA(wrapperId, beforeId, handleId) {\n  const wrapper = document.getElementById(wrapperId);\n  const before  = document.getElementById(beforeId);\n  const handle  = document.getElementById(handleId);\n  if (!wrapper) return;\n\n  let dragging = false;\n\n  function setPos(x) {\n    const rect = wrapper.getBoundingClientRect();\n    let pct = (x - rect.left) \/ rect.width;\n    pct = Math.max(0.04, Math.min(0.96, pct));\n    before.style.clipPath = `inset(0 ${(1 - pct) * 100}% 0 0)`;\n    handle.style.left = (pct * 100) + '%';\n  }\n\n  wrapper.addEventListener('mousedown', e => { e.preventDefault(); dragging = true; setPos(e.clientX); });\n  window.addEventListener('mousemove',  e => { if (dragging) setPos(e.clientX); });\n  window.addEventListener('mouseup',    () => { dragging = false; });\n\n  wrapper.addEventListener('touchstart', e => { dragging = true; setPos(e.touches[0].clientX); }, { passive: true });\n  window.addEventListener('touchmove',   e => { if (dragging) setPos(e.touches[0].clientX); }, { passive: true });\n  window.addEventListener('touchend',    () => { dragging = false; });\n}\n\ninitBA('ba1', 'ba1-before', 'ba1-handle');\n\n\/\/ Google Ads Conversion Tracking \u2013 Formular Absenden\ndocument.querySelector('form[name=\"anfrage\"]').addEventListener('submit', function() {\n  gtag('event', 'conversion', {\n    'send_to': 'AW-18076239924\/8b6bCMyahaAcELSQtqtD'\n  });\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Leistungen Vorteile Ergebnisse Bewertungen Kontakt &#128222; Anrufen Leistungen Vorteile Ergebnisse Bewertungen Kontakt &#128222; Anrufen &#10003; Rostschutz-Spezialist \u00b7 Bad Kreuzen Stoppen Sie Rost, bevor er Ihr Auto zerst\u00f6rt. Professionelle Unterbodenversiegelung &#038; Rostumwandlung mit vollst\u00e4ndiger Fotodokumentation, transparenten Preisen und ehrlicher Handwerksarbeit. &#128221; Kostenlose Anfrage +43 664 12 80 480 &#11088; 5,0 \/ 5 SterneGoogle Bewertung &#128247; Fotodokumentationjedes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-541","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/carlink-service.at\/index.php\/wp-json\/wp\/v2\/pages\/541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carlink-service.at\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carlink-service.at\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carlink-service.at\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carlink-service.at\/index.php\/wp-json\/wp\/v2\/comments?post=541"}],"version-history":[{"count":0,"href":"https:\/\/carlink-service.at\/index.php\/wp-json\/wp\/v2\/pages\/541\/revisions"}],"wp:attachment":[{"href":"https:\/\/carlink-service.at\/index.php\/wp-json\/wp\/v2\/media?parent=541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}