{"id":16738,"date":"2026-08-31T10:10:08","date_gmt":"2026-08-31T08:10:08","guid":{"rendered":"https:\/\/www.tele-look.com\/web\/revisionssichere-bauakte-dokumentation\/"},"modified":"2026-09-07T18:58:57","modified_gmt":"2026-09-07T16:58:57","slug":"revisionssichere-bauakte-dokumentation","status":"publish","type":"page","link":"https:\/\/www.tele-look.com\/web\/revisionssichere-bauakte-dokumentation\/","title":{"rendered":"Revisionssichere Bauakte &#038; Dokumentation mit Live-Video"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16738\" class=\"elementor elementor-16738 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-tl_bc_sec_16738 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_bc_sec_16738\" data-element_type=\"section\" data-e-type=\"section\">\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-tl_bc_col_16738\" data-id=\"tl_bc_col_16738\" 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-tl_bc_widget_16738 elementor-widget elementor-widget-html\" data-id=\"tl_bc_widget_16738\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<style>\n\/* --- TELE-LOOK BREADCRUMB PILL (UNTER HERO) --- *\/\n.breadcrumb-wrap {\n  display: flex !important;\n  justify-content: center !important;\n  width: 100% !important;\n  margin: 1.25rem 0 2rem 0 !important;\n  position: relative !important;\n  z-index: 20 !important;\n}\n.breadcrumb-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 0.6rem !important;\n  background: var(--tl-bg-card, #ffffff) !important;\n  border: 1px solid var(--tl-border, #cbd5e1) !important;\n  border-radius: 9999px !important;\n  padding: 0.45rem 1.15rem !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 0.78rem !important;\n  font-weight: 700 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.05em !important;\n  color: var(--tl-text-muted, #64748b) !important;\n  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;\n  transition: all 0.25s ease !important;\n}\n.breadcrumb-pill a {\n  color: var(--tl-text-secondary, #475569) !important;\n  text-decoration: none !important;\n  transition: color 0.2s ease !important;\n}\n.breadcrumb-pill a:hover {\n  color: #135dff !important;\n}\n.breadcrumb-pill .sep {\n  color: var(--tl-text-muted, #94a3b8) !important;\n  opacity: 0.6 !important;\n}\n.breadcrumb-pill .current {\n  color: #135dff !important;\n  font-weight: 800 !important;\n}\n[data-theme=\"dark\"] .breadcrumb-pill,\nhtml.dark .breadcrumb-pill,\nbody.dark .breadcrumb-pill,\n.dark .breadcrumb-pill {\n  background: #0f172a !important;\n  border-color: rgba(56, 189, 248, 0.3) !important;\n  color: #94a3b8 !important;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;\n}\n[data-theme=\"dark\"] .breadcrumb-pill a,\nhtml.dark .breadcrumb-pill a,\nbody.dark .breadcrumb-pill a,\n.dark .breadcrumb-pill a {\n  color: #cbd5e1 !important;\n}\n[data-theme=\"dark\"] .breadcrumb-pill a:hover,\nhtml.dark .breadcrumb-pill a:hover,\nbody.dark .breadcrumb-pill a:hover,\n.dark .breadcrumb-pill a:hover {\n  color: #38bdf8 !important;\n}\n[data-theme=\"dark\"] .breadcrumb-pill .current,\nhtml.dark .breadcrumb-pill .current,\nbody.dark .breadcrumb-pill .current,\n.dark .breadcrumb-pill .current {\n  color: #38bdf8 !important;\n}\n<\/style>\n\n\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16738\" class=\"elementor elementor-16738 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-tl_no_header_sec_16738 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_no_header_sec_16738\" data-element_type=\"section\" data-e-type=\"section\">\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-tl_no_header_col_16738\" data-id=\"tl_no_header_col_16738\" 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-tl_no_header_widget_16738 elementor-widget elementor-widget-html\" data-id=\"tl_no_header_widget_16738\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16738\" class=\"elementor elementor-16738 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-tl_modernized_sec_16738 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"tl_modernized_sec_16738\" data-element_type=\"section\" data-e-type=\"section\">\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-tl_modernized_col_16738\" data-id=\"tl_modernized_col_16738\" 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-tl_modernized_widget_16738 elementor-widget elementor-widget-html\" data-id=\"tl_modernized_widget_16738\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\" data-theme=\"light\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Revisionssichere Bauakte & Dokumentation mit Live-Video | tele-LOOK<\/title>\n  <meta name=\"description\" content=\"Revisionssichere Bauakte & Dokumentation mit Live-Video\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@700;800;900&display=swap\" rel=\"stylesheet\">\n  <style>\n\/* ==========================================================================\n   TELE-LOOK MASTER LANDINGPAGE TEMPLATE (B2B SaaS 2026 Standard)\n   - Scope: Vollst\u00e4ndig isoliert auf .tl-app (keine Konflikte mit WordPress\/Elementor)\n   - Standard: Light Mode (mit integriertem Dark Mode Schalter in der Navigation)\n   - Typografie: Montserrat (\u00dcberschriften & Buttons) + Inter (Flie\u00dftext)\n   - Farben: tele-LOOK Signature Gradient (Randscharf, 0% Unsch\u00e4rfe-Glow)\n   - Komponenten: 100% Responsive FAQ Accordions mit sauberem Zeilenumbruch\n   ========================================================================== *\/\n\n:root {\n  --tl-transition: 0.25s ease;\n}\n\n\/* LIGHT MODE (Standard) *\/\n[data-theme=\"light\"] .tl-app,\n.tl-app {\n  --tl-bg-base:        #f8fafc;\n  --tl-bg-surface:     #f1f5f9;\n  --tl-bg-card:        #ffffff;\n  --tl-bg-card-hover:  #ffffff;\n  --tl-border:         #e2e8f0;\n  --tl-border-brand:   rgba(19, 93, 255, 0.35);\n  \n  --tl-text-primary:   #0f172a;\n  --tl-text-secondary: #475569;\n  --tl-text-muted:     #64748b;\n  \n  --tl-grad-text:      linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%);\n  --tl-grad-btn:       linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%);\n  \n  --tl-logo-color:     #0f172a;\n  --tl-logo-sub:       #64748b;\n  \n  --tl-pill-bg:        #ffffff;\n  --tl-pill-border:    #cbd5e1;\n  --tl-pill-text:      #475569;\n  \n  --tl-nav-link:       #475569;\n  --tl-nav-link-hover: #0f172a;\n  \n  --tl-before-card:    #ffffff;\n  --tl-before-border:  #e2e8f0;\n  --tl-after-card:     linear-gradient(145deg, #f0fdf4, #ecfeff);\n  --tl-after-border:   #67e8f9;\n  \n  --tl-process-bg:     #ffffff;\n  --tl-process-border: #0ea5e9;\n  \n  --tl-faq-bg:         #ffffff;\n  --tl-faq-border:     #e2e8f0;\n  \n  --tl-footer-bg:      #0f172a;\n  --tl-header-bg:      rgba(255, 255, 255, 0.95);\n  --tl-dark-section:   #091326;\n  \n  --tl-shadow-card:    0 8px 24px rgba(15, 23, 42, 0.06);\n  --tl-shadow-card-h:  0 16px 36px rgba(15, 23, 42, 0.12);\n}\n\n\/* DARK MODE (Option) *\/\n[data-theme=\"dark\"] .tl-app {\n  --tl-bg-base:        #060c1a;\n  --tl-bg-surface:     #0b152d;\n  --tl-bg-card:        rgba(15, 27, 54, 0.65);\n  --tl-bg-card-hover:  rgba(20, 35, 70, 0.85);\n  --tl-border:         rgba(56, 189, 248, 0.15);\n  --tl-border-brand:   rgba(34, 211, 238, 0.4);\n  \n  --tl-text-primary:   #ffffff;\n  --tl-text-secondary: #94a3b8;\n  --tl-text-muted:     #64748b;\n  \n  --tl-grad-text:      linear-gradient(90deg, #38bdf8 0%, #22d3ee 50%, #34d399 100%);\n  --tl-grad-btn:       linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%);\n  \n  --tl-logo-color:     #ffffff;\n  --tl-logo-sub:       #64748b;\n  \n  --tl-pill-bg:        rgba(56, 189, 248, 0.08);\n  --tl-pill-border:    rgba(56, 189, 248, 0.2);\n  --tl-pill-text:      #94a3b8;\n  \n  --tl-nav-link:       #94a3b8;\n  --tl-nav-link-hover: #ffffff;\n  \n  --tl-before-card:    rgba(15, 23, 42, 0.6);\n  --tl-before-border:  rgba(255, 255, 255, 0.08);\n  --tl-after-card:     rgba(6, 182, 212, 0.08);\n  --tl-after-border:   rgba(34, 211, 238, 0.35);\n  \n  --tl-process-bg:     rgba(15, 27, 54, 0.7);\n  --tl-process-border: rgba(34, 211, 238, 0.4);\n  \n  --tl-faq-bg:         rgba(15, 27, 54, 0.6);\n  --tl-faq-border:     rgba(56, 189, 248, 0.12);\n  \n  --tl-footer-bg:      #030712;\n  --tl-header-bg:      rgba(6, 12, 26, 0.94);\n  --tl-dark-section:   #040915;\n  \n  --tl-shadow-card:    0 16px 40px rgba(0, 0, 0, 0.45);\n  --tl-shadow-card-h:  0 22px 50px rgba(0, 0, 0, 0.6);\n}\n\n.tl-app {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  background: var(--tl-bg-base);\n  color: var(--tl-text-primary);\n  font-size: 16px;\n  line-height: 1.75;\n  transition: background var(--tl-transition), color var(--tl-transition);\n  position: relative;\n  width: 100%;\n  overflow-x: hidden;\n}\n\n.tl-app *, .tl-app *::before, .tl-app *::after { box-sizing: border-box; }\n.tl-app a { color: inherit; text-decoration: none; }\n.tl-app img { max-width: 100%; height: auto; }\n\n.tl-container {\n  width: min(100% - 40px, 1200px);\n  margin-inline: auto;\n}\n\n.tl-app h1, .tl-app h2, .tl-app h3, .tl-app .logo-name, .tl-app .tl-eyebrow, .tl-app .btn, .tl-app .comp-label, .tl-app .process-num {\n  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n}\n\n.tl-app h1 {\n  font-size: clamp(38px, 5.2vw, 68px);\n  font-weight: 900 !important;\n  line-height: 1.08;\n  letter-spacing: -0.025em;\n  margin: 0 0 24px 0;\n  color: var(--tl-text-primary);\n}\n\n.tl-app h2 {\n  font-size: clamp(28px, 3.6vw, 44px);\n  font-weight: 800 !important;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n  margin: 0 0 18px 0;\n  color: var(--tl-text-primary);\n}\n\n.tl-app h3 {\n  font-size: 20px;\n  font-weight: 800 !important;\n  line-height: 1.3;\n  margin: 0 0 10px 0;\n  color: var(--tl-text-primary);\n}\n\n.tl-app p { margin: 0 0 1rem 0; color: var(--tl-text-secondary); }\n\n.tl-app .text-gradient {\n  background: var(--tl-grad-text) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  display: inline-block;\n}\n\n.tl-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 18px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #135dff;\n}\n\n[data-theme=\"dark\"] .tl-eyebrow { color: #38bdf8; }\n\n.tl-eyebrow::before {\n  content: \"\";\n  width: 20px;\n  height: 2.5px;\n  border-radius: 99px;\n  background: #135dff;\n  flex-shrink: 0;\n}\n\n[data-theme=\"dark\"] .tl-eyebrow::before { background: #38bdf8; }\n\n\/* Header *\/\n.tl-header {\n  position: sticky;\n  top: 0;\n  z-index: 50;\n  background: var(--tl-header-bg);\n  border-bottom: 1px solid var(--tl-border);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  transition: background var(--tl-transition), border-color var(--tl-transition);\n}\n\n.tl-header-inner {\n  display: flex;\n  align-items: center;\n  min-height: 80px;\n  gap: 24px;\n}\n\n.logo { display: flex; flex-direction: column; flex-shrink: 0; line-height: 1; }\n.logo-name { font-size: 24px; font-weight: 900; letter-spacing: -0.05em; color: var(--tl-logo-color); transition: color var(--tl-transition); }\n.logo-sub { margin-top: 4px; font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tl-logo-sub); }\n\n.tl-nav { display: flex; align-items: center; gap: 24px; margin-left: auto; }\n.tl-nav a {\n  position: relative;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 12.5px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--tl-nav-link);\n  transition: color var(--tl-transition);\n}\n.tl-nav a::after {\n  content: \"\";\n  position: absolute;\n  bottom: -6px; left: 0; right: 0;\n  height: 2px;\n  background: #135dff;\n  transform: scaleX(0);\n  transform-origin: center;\n  transition: transform 0.2s;\n  border-radius: 99px;\n}\n.tl-nav a:hover { color: var(--tl-nav-link-hover); }\n.tl-nav a:hover::after { transform: scaleX(1); }\n\n.nav-theme-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: transparent;\n  border: 1px solid var(--tl-border);\n  color: var(--tl-text-primary);\n  cursor: pointer;\n  font-size: 16px;\n  transition: all 0.2s ease;\n  margin-left: 6px;\n}\n.nav-theme-btn:hover {\n  background: var(--tl-bg-surface);\n  border-color: var(--tl-border-brand);\n  transform: scale(1.05);\n}\n\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 48px;\n  padding: 12px 24px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 800;\n  cursor: pointer;\n  border: none;\n  transition: transform 0.2s, box-shadow 0.2s;\n  line-height: 1;\n  text-decoration: none;\n}\n.btn-primary {\n  background: var(--tl-grad-btn);\n  color: #ffffff !important;\n  box-shadow: 0 4px 16px rgba(6, 182, 212, 0.25);\n}\n.btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 22px rgba(6, 182, 212, 0.4);\n}\n.btn-outline {\n  background: var(--tl-bg-card);\n  color: var(--tl-text-primary) !important;\n  border: 1px solid var(--tl-border);\n  backdrop-filter: blur(8px);\n}\n.btn-outline:hover {\n  transform: translateY(-2px);\n  border-color: var(--tl-border-brand);\n  background: var(--tl-bg-card-hover);\n}\n.btn-sm { min-height: 40px; padding: 10px 18px; font-size: 12px; }\n\n.menu-toggle {\n  display: none;\n  flex-direction: column;\n  justify-content: center;\n  gap: 5px;\n  width: 40px;\n  height: 40px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 8px;\n}\n.menu-toggle span { display: block; width: 24px; height: 2px; background: var(--tl-text-primary); border-radius: 2px; }\n\n.mobile-menu {\n  display: none;\n  flex-direction: column;\n  gap: 18px;\n  padding: 24px 20px 28px;\n  border-top: 1px solid var(--tl-border);\n  background: var(--tl-header-bg);\n}\n.mobile-menu.open { display: flex; }\n.mobile-menu a:not(.btn) { font-size: 15px; font-weight: 700; color: var(--tl-text-primary); }\n.mobile-menu .btn { width: 100%; }\n\n\/* Sections *\/\n.tl-section { padding: 96px 0; background: var(--tl-bg-base); transition: background var(--tl-transition); }\n.tl-section-alt { background: var(--tl-bg-surface); }\n.section-head { max-width: 680px; margin-bottom: 52px; }\n.section-head p { font-size: 16px; line-height: 1.8; color: var(--tl-text-secondary); }\n.section-head-center { margin-inline: auto; text-align: center; }\n.section-head-center .tl-eyebrow { justify-content: center; }\n.section-head-center p { margin-inline: auto; }\n\n\/* Bento Cards \/ Features *\/\n.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n.feature-card {\n  padding: 32px;\n  border-radius: 18px;\n  border: 1px solid var(--tl-border);\n  background: var(--tl-bg-card);\n  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s, background 0.2s;\n  box-shadow: var(--tl-shadow-card);\n}\n.feature-card:hover {\n  border-color: var(--tl-border-brand);\n  box-shadow: var(--tl-shadow-card-h);\n  transform: translateY(-4px);\n  background: var(--tl-bg-card-hover);\n}\n.feature-icon {\n  width: 50px; height: 50px;\n  border-radius: 14px;\n  background: var(--tl-bg-surface);\n  color: #135dff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 22px;\n}\n[data-theme=\"dark\"] .feature-icon { color: #38bdf8; }\n\n\/* FAQ Component (100% Responsive, Word-Wrapping, No Glow) *\/\n.faq-layout { display: grid; grid-template-columns: 0.65fr 1.35fr; gap: 80px; align-items: start; }\n.faq-list { display: flex; flex-direction: column; gap: 12px; width: 100%; }\n.faq-list details {\n  padding: 20px 24px;\n  border-radius: 16px;\n  border: 1px solid var(--tl-faq-border);\n  background: var(--tl-faq-bg);\n  transition: box-shadow 0.2s, border-color 0.2s;\n  width: 100%;\n  overflow: hidden;\n  box-shadow: var(--tl-shadow-card);\n}\n.faq-list details[open] {\n  border-color: var(--tl-border-brand);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n}\n.faq-list summary {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 15px;\n  font-weight: 800;\n  cursor: pointer;\n  list-style: none;\n  position: relative;\n  padding-right: 36px;\n  color: var(--tl-text-primary);\n  letter-spacing: -0.01em;\n  line-height: 1.45;\n  white-space: normal !important;\n  overflow-wrap: break-word !important;\n  word-break: normal !important;\n}\n.faq-list summary::-webkit-details-marker { display: none; }\n.faq-list summary::after {\n  content: \"+\";\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 22px;\n  line-height: 1;\n  color: #135dff;\n  font-weight: 900;\n  transition: transform 0.2s ease, color 0.2s ease;\n}\n[data-theme=\"dark\"] .faq-list summary::after { color: #38bdf8; }\n.faq-list details[open] summary::after {\n  content: \"\u2212\";\n  transform: translateY(-50%);\n}\n.faq-list details p {\n  margin-top: 14px;\n  margin-bottom: 0;\n  font-size: 15px;\n  line-height: 1.75;\n  color: var(--tl-text-secondary);\n  white-space: normal !important;\n  overflow-wrap: break-word !important;\n}\n\n\/* Responsive *\/\n@media (max-width: 1060px) {\n  .feature-grid { grid-template-columns: repeat(2, 1fr); }\n  .faq-layout { grid-template-columns: 1fr; gap: 40px; }\n}\n@media (max-width: 840px) {\n  .tl-nav, .tl-header-inner > .btn { display: none; }\n  .menu-toggle { display: flex; }\n  .feature-grid { grid-template-columns: 1fr; }\n}\n@media (max-width: 580px) {\n  .tl-container { width: min(100% - 32px, 1200px); }\n  .tl-hero { padding: 64px 0 48px; }\n  .tl-section { padding: 64px 0; }\n  .faq-list details { padding: 16px 18px; }\n  .faq-list summary { font-size: 14px; padding-right: 30px; }\n  .faq-list details p { font-size: 14px; }\n}\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"tl-app\" id=\"tlApp\">\n  <!-- Dynamic Page Content Injected Here -->\n  <!DOCTYPE html>\n<html lang=\"de\" class=\"light\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Gew\u00e4hrleistungsschutz: Die Revisionssichere Bauakte | tele-LOOK<\/title>\n  <meta name=\"description\" content=\"Revisionssichere Fotodokumentation f\u00fcr Handwerker. Beweislastumkehr bei VOB und BGB meistern.\">\n<\/head>\n<body>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,300..900;1,300..900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \n========================================================================\nTELE-LOOK MASTER BLOG TEMPLATE (LIGHT & DARK MODE 2026)\nDesign Standard: Raleway (Body), Montserrat (Headings), Monoline SVGs\n========================================================================\n*\/\n\n\/* --- GLOBAL FONT & BASE STYLES --- *\/\n#tele-look-main-wrapper {\n    font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\n    background-color: #ffffff !important;\n    color: #334155 !important;\n    line-height: 1.75 !important;\n    transition: background-color 0.3s ease, color 0.3s ease;\n    padding: 0;\n    margin: 0;\n}\n\n#tele-look-main-wrapper *, #tele-look-main-wrapper *::before, #tele-look-main-wrapper *::after {\n    box-sizing: border-box;\n}\n\n\/* Headings *\/\n#tele-look-main-wrapper h1, \n#tele-look-main-wrapper h2, \n#tele-look-main-wrapper h3, \n#tele-look-main-wrapper h4,\n#tele-look-main-wrapper h5 {\n    font-family: 'Montserrat', sans-serif !important;\n    font-weight: 800 !important;\n    color: #0f172a !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.01em;\n}\n\n#tele-look-main-wrapper p, \n#tele-look-main-wrapper li {\n    font-family: 'Raleway', sans-serif !important;\n    color: #334155 !important;\n    font-size: 1.05rem;\n    line-height: 1.8;\n}\n\n#tele-look-main-wrapper strong, \n#tele-look-main-wrapper b {\n    color: #0f172a !important;\n    font-weight: 700 !important;\n}\n\n#tele-look-main-wrapper a {\n    color: #135dff;\n    transition: color 0.2s ease;\n}\n#tele-look-main-wrapper a:hover {\n    color: #0369a1;\n}\n\n\/* Section Titles *\/\n#tele-look-main-wrapper .section-title {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 1.875rem !important;\n    font-weight: 800 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.08em !important;\n    color: #0f172a !important;\n    margin-bottom: 1.5rem !important;\n}\n\n\/* Hero Badge *\/\n#tele-look-main-wrapper .hero-badge {\n    background: #f1f5f9 !important;\n    color: #475569 !important;\n    border: 1px solid #cbd5e1 !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 0.75rem !important;\n    font-weight: 800 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.1em !important;\n    padding: 0.5rem 1.25rem !important;\n    border-radius: 9999px !important;\n    display: inline-block !important;\n    margin-bottom: 1.5rem !important;\n}\n\n#tele-look-main-wrapper .hero-desc {\n    color: #64748b !important;\n    font-size: 1.125rem !important;\n    max-width: 48rem !important;\n    margin: 0 auto !important;\n    line-height: 1.75 !important;\n}\n\n#tele-look-main-wrapper .text-brand { color: #135dff !important; }\n#tele-look-main-wrapper .bg-brand { background-color: #135dff !important; }\n\n\/* Animated Text Gradient with Glow Pulse *\/\n@keyframes glow-pulse-light {\n    0%, 100% { filter: drop-shadow(0 0 6px rgba(6, 182, 212, 0.35)); }\n    50%       { filter: drop-shadow(0 0 14px rgba(6, 182, 212, 0.65)); }\n}\n@keyframes glow-pulse-dark {\n    0%, 100% { filter: drop-shadow(0 0 12px rgba(6, 182, 212, 0.65)) drop-shadow(0 0 28px rgba(19, 93, 255, 0.45)); }\n    50%       { filter: drop-shadow(0 0 22px rgba(6, 182, 212, 0.95)) drop-shadow(0 0 45px rgba(16, 185, 129, 0.55)); }\n}\n@keyframes gradient-shift {\n    0%   { background-position: 0% center; }\n    50%  { background-position: 100% center; }\n    100% { background-position: 0% center; }\n}\n\n.text-gradient {\n    background: linear-gradient(90deg, #135dff 0%, #06b6d4 50%, #10b981 100%) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    background-clip: text !important;\n    color: transparent !important;\n    background-size: 200% auto !important;\n    animation: gradient-shift 4s ease infinite !important;\n    display: inline-block !important;\n}\nhtml.dark .text-gradient,\nbody.dark .text-gradient {\n    background: linear-gradient(90deg, #38bdf8 0%, #22d3ee 50%, #34d399 100%) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n}\n\n.text-glow-wrap {\n    display: inline-block;\n    animation: glow-pulse-light 3s ease-in-out infinite;\n}\nhtml.dark .text-glow-wrap,\nbody.dark .text-glow-wrap {\n    animation: glow-pulse-dark 3s ease-in-out infinite;\n}\n\n\/* Glass Pill Nav *\/\n.glass-pill-nav { \n    position: sticky; top: 20px; z-index: 50; max-width: fit-content; margin: 0 auto; \n    background: rgba(255, 255, 255, 0.9) !important; \n    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n    border: 1px solid #cbd5e1 !important; \n    border-radius: 50px !important; \n    padding: 0.5rem 1rem !important; \n    display: flex; align-items: center; gap: 0.75rem; \n    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08) !important; \n}\n.glass-pill-nav a { \n    color: #475569 !important; \n    text-decoration: none !important; \n    font-family: 'Montserrat', sans-serif !important;\n    font-weight: 700 !important;\n    font-size: 0.75rem !important;\n    padding: 0.4rem 0.75rem !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n    border-radius: 9999px;\n    transition: color 0.2s ease, background-color 0.2s ease;\n}\n.glass-pill-nav a:hover { \n    color: #135dff !important; \n    background-color: #f1f5f9;\n}\n\n\/* Bento Cards *\/\n.bento-card {\n    background: #f8fafc !important;\n    border-radius: 1.5rem !important;\n    border: 1px solid #e2e8f0 !important;\n    box-shadow: 0 4px 20px -2px rgba(0,0,0,0.05) !important;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;\n    padding: 2rem !important;\n}\n.bento-card:hover {\n    transform: translateY(-4px) !important;\n    border-color: #38bdf8 !important;\n    box-shadow: 0 10px 25px -5px rgba(14, 165, 233, 0.15) !important;\n}\n.bento-card h3 {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 1.25rem !important;\n    font-weight: 800 !important;\n    color: #0f172a !important;\n    margin-bottom: 0.5rem !important;\n}\n.bento-card p {\n    color: #64748b !important;\n    font-size: 0.9rem !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n}\n\n\/* Icons *\/\n.bento-icon {\n    width: 2rem !important;\n    height: 2rem !important;\n    max-width: 32px !important;\n    max-height: 32px !important;\n    display: block !important;\n    color: #135dff !important;\n    margin-bottom: 1rem;\n}\n\n\/* Callout Boxes *\/\n.callout-box, .tl-callout {\n    background: #f8fafc !important;\n    border-radius: 0.75rem !important;\n    border: 1px solid #e2e8f0 !important;\n    padding: 1.75rem !important;\n    margin: 2.5rem 0 !important;\n    color: #334155 !important;\n}\n\n.tl-callout-danger, .callout-danger {\n    background: #fef2f2 !important;\n    border: 1px solid #fecaca !important;\n    border-left: 4px solid #ef4444 !important;\n    border-radius: 0.5rem !important;\n    padding: 1.75rem !important;\n    margin: 2.5rem 0 !important;\n    color: #1e293b !important;\n}\n.tl-callout-danger h4, .callout-danger h4 {\n    color: #991b1b !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 1.25rem !important;\n    font-weight: 800 !important;\n    margin-bottom: 0.75rem !important;\n}\n\n.tl-callout-info, .callout-info {\n    background: #f0f9ff !important;\n    border: 1px solid #bae6fd !important;\n    border-left: 4px solid #135dff !important;\n    border-radius: 0.5rem !important;\n    padding: 1.75rem !important;\n    margin: 2.5rem 0 !important;\n    color: #0f172a !important;\n}\n.tl-callout-info h4, .callout-info h4 {\n    color: #0369a1 !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 1.25rem !important;\n    font-weight: 800 !important;\n    margin-bottom: 0.75rem !important;\n}\n\n.tl-callout-success, .callout-success {\n    background: #f0fdf4 !important;\n    border: 1px solid #bbf7d0 !important;\n    border-left: 4px solid #10b981 !important;\n    border-radius: 0.5rem !important;\n    padding: 1.75rem !important;\n    margin: 2.5rem 0 !important;\n    color: #0f172a !important;\n}\n.tl-callout-success h4, .callout-success h4 {\n    color: #166534 !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 1.25rem !important;\n    font-weight: 800 !important;\n    margin-bottom: 0.75rem !important;\n}\n\n.tl-faq-box, .faq-box {\n    background: #f8fafc !important;\n    border: 1px solid #e2e8f0 !important;\n    border-radius: 1rem !important;\n    padding: 2rem !important;\n    margin: 2.5rem 0 !important;\n}\n.tl-faq-box h4, .faq-box h4 {\n    color: #135dff !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 1.25rem !important;\n    font-weight: 800 !important;\n    margin-bottom: 1.5rem !important;\n}\n\n\/* Tables *\/\n#tele-look-main-wrapper table {\n    width: 100% !important;\n    border-collapse: collapse !important;\n    margin: 2rem 0 !important;\n    font-size: 0.95rem !important;\n    border-radius: 0.5rem;\n    overflow: hidden;\n}\n#tele-look-main-wrapper th {\n    background: #f1f5f9 !important;\n    color: #0f172a !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-weight: 700 !important;\n    padding: 1rem !important;\n    border: 1px solid #cbd5e1 !important;\n    text-align: left !important;\n}\n#tele-look-main-wrapper td {\n    padding: 1rem !important;\n    border: 1px solid #e2e8f0 !important;\n    color: #334155 !important;\n    background: #ffffff !important;\n}\n\n\/* CTA *\/\n.cta-box {\n    background: #f8fafc !important;\n    border: 1px solid #bae6fd !important;\n    border-radius: 2rem !important;\n    padding: 4rem 2rem !important;\n    text-align: center !important;\n    box-shadow: 0 10px 30px -10px rgba(14, 165, 233, 0.1) !important;\n}\n.cta-box h2 {\n    color: #0f172a !important;\n    font-size: 2.25rem !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-weight: 800 !important;\n    margin-bottom: 1rem !important;\n}\n.cta-box p {\n    color: #64748b !important;\n    font-size: 1.1rem !important;\n    margin-bottom: 2rem !important;\n}\n.cta-box a {\n    display: inline-block !important;\n    background: #135dff !important;\n    border: 1px solid #135dff !important;\n    color: #ffffff !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-weight: 700 !important;\n    font-size: 0.95rem !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n    padding: 1rem 2.25rem !important;\n    border-radius: 9999px !important;\n    text-decoration: none !important;\n    transition: all 0.3s ease !important;\n    box-shadow: 0 4px 15px rgba(19, 93, 255, 0.3) !important;\n}\n.cta-box a:hover {\n    background: #0369a1 !important;\n    box-shadow: 0 6px 20px rgba(19, 93, 255, 0.5) !important;\n    transform: translateY(-2px);\n}\n\n\/* FAQ Accordion *\/\n.faq-question {\n    background: transparent !important; border: none !important; width: 100% !important; text-align: left !important; cursor: pointer !important;\n    color: #0f172a !important; font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;\n}\n.faq-answer { display: none; margin-top: 1rem; color: #334155 !important; border-top: 1px solid #e2e8f0; padding-top: 1rem; }\n.faq-item.active .faq-answer { display: block; }\n\n\n\/* ========================================================================\n   --- DARK MODE (ACTIVE WHEN HTML.DARK OR BODY.DARK) ---\n======================================================================== *\/\nhtml.dark #tele-look-main-wrapper, \nbody.dark #tele-look-main-wrapper {\n    background-color: #060b13 !important;\n    color: #cbd5e1 !important;\n}\n\nhtml.dark #tele-look-main-wrapper h1, \nhtml.dark #tele-look-main-wrapper h2, \nhtml.dark #tele-look-main-wrapper h3, \nhtml.dark #tele-look-main-wrapper h4,\nhtml.dark #tele-look-main-wrapper h5,\nbody.dark #tele-look-main-wrapper h1,\nbody.dark #tele-look-main-wrapper h2,\nbody.dark #tele-look-main-wrapper h3,\nbody.dark #tele-look-main-wrapper h4,\nbody.dark #tele-look-main-wrapper h5 {\n    color: #f8fafc !important;\n}\n\nhtml.dark #tele-look-main-wrapper p, \nhtml.dark #tele-look-main-wrapper li,\nbody.dark #tele-look-main-wrapper p,\nbody.dark #tele-look-main-wrapper li {\n    color: #cbd5e1 !important;\n}\n\nhtml.dark #tele-look-main-wrapper strong, \nhtml.dark #tele-look-main-wrapper b,\nbody.dark #tele-look-main-wrapper strong,\nbody.dark #tele-look-main-wrapper b {\n    color: #f8fafc !important;\n}\n\nhtml.dark #tele-look-main-wrapper a,\nbody.dark #tele-look-main-wrapper a {\n    color: #38bdf8 !important;\n}\nhtml.dark #tele-look-main-wrapper a:hover,\nbody.dark #tele-look-main-wrapper a:hover {\n    color: #7dd3fc !important;\n}\n\nhtml.dark #tele-look-main-wrapper .section-title,\nbody.dark #tele-look-main-wrapper .section-title {\n    color: #f8fafc !important;\n}\n\nhtml.dark #tele-look-main-wrapper .hero-badge,\nbody.dark #tele-look-main-wrapper .hero-badge {\n    background: rgba(15, 23, 42, 0.8) !important;\n    color: #cbd5e1 !important;\n    border: 1px solid rgba(51, 65, 85, 0.5) !important;\n}\n\nhtml.dark #tele-look-main-wrapper .hero-desc,\nbody.dark #tele-look-main-wrapper .hero-desc {\n    color: #94a3b8 !important;\n}\n\nhtml.dark #tele-look-main-wrapper .text-brand,\nbody.dark #tele-look-main-wrapper .text-brand { color: #38bdf8 !important; }\nhtml.dark #tele-look-main-wrapper .bg-brand,\nbody.dark #tele-look-main-wrapper .bg-brand { background-color: #0ea5e9 !important; }\n\nhtml.dark .text-gradient,\nbody.dark .text-gradient {\n    background: linear-gradient(90deg, #38bdf8 0%, #818cf8 50%, #34d399 100%) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    background-clip: text !important;\n    color: transparent !important;\n}\n\nhtml.dark .glass-pill-nav,\nbody.dark .glass-pill-nav { \n    background: rgba(15, 23, 42, 0.7) !important; \n    border: 1px solid rgba(51, 65, 85, 0.5) !important; \n    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5) !important; \n}\nhtml.dark .glass-pill-nav a,\nbody.dark .glass-pill-nav a { \n    color: #cbd5e1 !important; \n}\nhtml.dark .glass-pill-nav a:hover,\nbody.dark .glass-pill-nav a:hover { \n    color: #38bdf8 !important; \n    background-color: rgba(30, 41, 59, 0.5);\n}\n\nhtml.dark .bento-card,\nbody.dark .bento-card {\n    background: rgba(15, 23, 42, 0.5) !important;\n    border: 1px solid rgba(51, 65, 85, 0.5) !important;\n    box-shadow: 0 4px 20px -2px rgba(0,0,0,0.3) !important;\n}\nhtml.dark .bento-card:hover,\nbody.dark .bento-card:hover {\n    border-color: rgba(56, 189, 248, 0.5) !important;\n    box-shadow: 0 10px 25px -5px rgba(14, 165, 233, 0.2) !important;\n}\nhtml.dark .bento-card h3,\nbody.dark .bento-card h3 {\n    color: #f8fafc !important;\n}\nhtml.dark .bento-card p,\nbody.dark .bento-card p {\n    color: #94a3b8 !important;\n}\nhtml.dark .bento-icon,\nbody.dark .bento-icon {\n    color: #38bdf8 !important;\n}\n\nhtml.dark .callout-box, html.dark .tl-callout,\nbody.dark .callout-box, body.dark .tl-callout {\n    background: rgba(30, 41, 59, 0.5) !important;\n    border: 1px solid rgba(51, 65, 85, 0.5) !important;\n    color: #cbd5e1 !important;\n}\n\nhtml.dark .tl-callout-danger, html.dark .callout-danger,\nbody.dark .tl-callout-danger, body.dark .callout-danger {\n    background: rgba(239, 68, 68, 0.08) !important;\n    border: 1px solid rgba(239, 68, 68, 0.25) !important;\n    border-left: 4px solid #ef4444 !important;\n    color: #cbd5e1 !important;\n}\nhtml.dark .tl-callout-danger h4, html.dark .callout-danger h4,\nbody.dark .tl-callout-danger h4, body.dark .callout-danger h4 {\n    color: #fca5a5 !important;\n}\n\nhtml.dark .tl-callout-info, html.dark .callout-info,\nbody.dark .tl-callout-info, body.dark .callout-info {\n    background: rgba(14, 165, 233, 0.08) !important;\n    border: 1px solid rgba(56, 189, 248, 0.25) !important;\n    border-left: 4px solid #38bdf8 !important;\n    color: #cbd5e1 !important;\n}\nhtml.dark .tl-callout-info h4, html.dark .callout-info h4,\nbody.dark .tl-callout-info h4, body.dark .callout-info h4 {\n    color: #7dd3fc !important;\n}\n\nhtml.dark .tl-callout-success, html.dark .callout-success,\nbody.dark .tl-callout-success, body.dark .callout-success {\n    background: rgba(16, 185, 129, 0.08) !important;\n    border: 1px solid rgba(52, 211, 153, 0.25) !important;\n    border-left: 4px solid #34d399 !important;\n    color: #cbd5e1 !important;\n}\nhtml.dark .tl-callout-success h4, html.dark .callout-success h4,\nbody.dark .tl-callout-success h4, body.dark .callout-success h4 {\n    color: #6ee7b7 !important;\n}\n\nhtml.dark .tl-faq-box, html.dark .faq-box,\nbody.dark .tl-faq-box, body.dark .faq-box {\n    background: rgba(15, 23, 42, 0.5) !important;\n    border: 1px solid rgba(56, 189, 248, 0.3) !important;\n}\nhtml.dark .tl-faq-box h4, html.dark .faq-box h4,\nbody.dark .tl-faq-box h4, body.dark .faq-box h4 {\n    color: #38bdf8 !important;\n}\n\nhtml.dark #tele-look-main-wrapper th,\nbody.dark #tele-look-main-wrapper th {\n    background: rgba(30, 41, 59, 0.8) !important;\n    color: #f8fafc !important;\n    border-color: rgba(51, 65, 85, 0.5) !important;\n}\nhtml.dark #tele-look-main-wrapper td,\nbody.dark #tele-look-main-wrapper td {\n    background: rgba(15, 23, 42, 0.4) !important;\n    color: #cbd5e1 !important;\n    border-color: rgba(51, 65, 85, 0.5) !important;\n}\n\nhtml.dark .cta-box,\nbody.dark .cta-box {\n    background: rgba(15, 23, 42, 0.5) !important;\n    border: 1px solid rgba(56, 189, 248, 0.3) !important;\n    box-shadow: 0 0 40px -10px rgba(14, 165, 233, 0.15) !important;\n}\nhtml.dark .cta-box h2,\nbody.dark .cta-box h2 {\n    color: #f8fafc !important;\n}\nhtml.dark .cta-box p,\nbody.dark .cta-box p {\n    color: #94a3b8 !important;\n}\nhtml.dark .cta-box a,\nbody.dark .cta-box a {\n    background: transparent !important;\n    border: 1px solid #38bdf8 !important;\n    color: #38bdf8 !important;\n    box-shadow: none !important;\n}\nhtml.dark .cta-box a:hover,\nbody.dark .cta-box a:hover {\n    background: #38bdf8 !important;\n    color: #060b13 !important;\n    box-shadow: 0 0 20px rgba(56, 189, 248, 0.4) !important;\n}\n\nhtml.dark .faq-question, body.dark .faq-question { color: #f8fafc !important; }\nhtml.dark .faq-answer, body.dark .faq-answer { color: #cbd5e1 !important; border-top: 1px solid rgba(51, 65, 85, 0.5); }\n<\/style>\n\n<div id=\"tele-look-main-wrapper\">\n\n    <!-- HERO SECTION -->\n    <section class=\"hero-section\" style=\"padding: 4.5rem 1.5rem 3rem; text-align: center; position: relative; overflow: visible;\">\n        <div class=\"hero-glow\"><\/div>\n        <div style=\"max-width: 64rem; margin: 0 auto; position: relative; z-index: 10;\">\n            <div style=\"display: flex; justify-content: center; width: 100%;\">\n                \n            <\/div>\n            <h1 style=\"font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important; font-size: clamp(2.5rem, 5.8vw, 4.2rem) !important; line-height: 1.15 !important; letter-spacing: -0.02em !important; margin-bottom: 1.5rem !important; text-align: center !important;\">\n                GEW\u00c4HRLEISTUNGSSCHUTZ IM HANDWERK<br>\n                <span class=\"text-glow-wrap\">\n                    <span class=\"text-gradient\" style=\"font-family: 'Montserrat', sans-serif !important; font-weight: 900 !important;\">DIE REVISIONSSICHERE BAUAKTE<\/span>\n                <\/span>\n            <\/h1>\n            <p class=\"hero-desc\">\n                Die Beweislastumkehr nach der Bauabnahme zwingt Handwerksbetriebe zur l\u00fcckenlosen Dokumentation. tele-LOOK erstellt w\u00e4hrend des Video-Supports manipulationssichere HD-Fotos mit Zeitstempel, die direkt ins PDF-Serviceprotokoll f\u00fcr die digitale Bauakte flie\u00dfen.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"breadcrumb-wrap\">\n      <nav class=\"breadcrumb-pill\" aria-label=\"Breadcrumb\">\n        <span style=\"color: #38bdf8; font-size: 0.85rem;\">\u25cf<\/span>\n        <a href=\"https:\/\/www.tele-look.com\/web\/\">Startseite<\/a>\n        <span class=\"sep\">\/<\/span>\n        <span class=\"current\">Revisionssichere Bauakte &#038; Dokumentation mit Live-Video<\/span>\n      <\/nav>\n    <\/div>\n    \n\n\n    <!-- INHALTSVERZEICHNIS PILL NAV -->\n    <div class=\"glass-pill-nav\">\n        <a href=\"#section-1\">Das Problem<\/a>\n        <a href=\"#section-2\">Die L\u00f6sung<\/a>\n        <a href=\"#section-3\">Vorteile<\/a>\n    <\/div>\n\n    <!-- MAIN CONTENT AREA -->\n    <section style=\"padding: 4rem 1.5rem 6rem;\">\n        <div style=\"max-width: 56rem; margin: 0 auto; display: flex; flex-direction: column; gap: 4rem;\">\n            \n            <!-- CONTENT BLOCK 1 -->\n            <div id=\"section-1\">\n                <h2 class=\"section-title\">\n                    Die juristische Falle: Beweislastumkehr (VOB & BGB)\n                <\/h2>\n                <div>\n                    \n        <p>Die <strong>Bauabnahme<\/strong> ist der entscheidende rechtliche Einschnitt auf jeder Baustelle. Bis zur Abnahme muss der Handwerker beweisen, dass seine Arbeit mangelfrei ist. Nach der Abnahme greift die sogenannte <strong>Beweislastumkehr<\/strong>: Ab jetzt muss der Auftraggeber beweisen, dass ein Mangel bereits bei der \u00dcbergabe vorlag.<\/p>\n        <p>Dieser \"Point of No Return\" wird f\u00fcr Betriebe zur Kostenfalle, wenn verdeckte Leistungen (z.B. Rohre unter Putz, D\u00e4mmung unterm Estrich) nicht rechtzeitig <strong>revisionssicher dokumentiert<\/strong> wurden. Steht Aussage gegen Aussage, verliert oft der Handwerker Geld.<\/p>\n    \n                <\/div>\n            <\/div>\n\n            <!-- BENTO GRID -->\n            <div id=\"section-2\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem;\">\n                <div class=\"bento-card\">\n                    <svg style=\"width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; display: block; margin-bottom: 1rem;\" class=\"bento-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3\"><\/path><\/svg>\n                    <h3>WhatsApp ist wertlos vor Gericht<\/h3>\n                    <p>Bilder aus privaten Chat-Verl\u00e4ufen haben vor Gericht oft keine Beweiskraft. Es fehlen manipulationssichere Metadaten (Zeitstempel, Geokoordinaten) und die exakte Zuordnung zu einem Gewerk.<\/p>\n                <\/div>\n                <div class=\"bento-card\">\n                    <svg class=\"bento-icon\" style=\"color: #10b981 !important; width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; display: block; margin-bottom: 1rem;\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\"><\/path><\/svg>\n                    <h3>Die tele-LOOK Beweissicherung<\/h3>\n                    <p>W\u00e4hrend des Video-Calls mit dem Monteur speichert tele-LOOK automatisiert HD-Fotos direkt auf deutschen Servern ab. Diese flie\u00dfen manipulationssicher in das PDF-Serviceprotokoll f\u00fcr Ihre Bauakte.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- CONTENT BLOCK 2 -->\n            <div id=\"section-3\">\n                <h2 class=\"section-title\">\n                    Fazit f\u00fcr moderne Betriebe\n                <\/h2>\n                <div>\n                    \n        <p>Verlassen Sie sich nicht auf die Smartphone-Galerie Ihrer Mitarbeiter. Eine rechtssichere Fotodokumentation muss zentral, mit Metadaten versehen und nachweislich unver\u00e4nderbar gespeichert werden.<\/p>\n        <p>Mit der Integration der Video-Support-Bilder in die digitale Bauakte sch\u00fctzen Sie sich aktiv vor unberechtigten Gew\u00e4hrleistungsanspr\u00fcchen.<\/p>\n    \n                <\/div>\n            <\/div>\n\n            <!--  -->\n\n            <!-- E-E-A-T AUTHOR BOX -->\n            <div style=\"background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(56, 189, 248, 0.25); border-radius: 1.25rem; padding: 1.75rem; display: flex; align-items: flex-start; gap: 1.25rem; margin-top: 1rem;\">\n                <div style=\"width: 3.25rem; height: 3.25rem; border-radius: 1rem; background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.3); display: flex; align-items: center; justify-content: center; color: #38bdf8; flex-shrink: 0;\">\n                    <svg style=\"width: 1.75rem; height: 1.75rem;\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z\"><\/path><\/svg>\n                <\/div>\n                <div>\n                    <div style=\"display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.35rem;\">\n                        <span style=\"font-family: 'Montserrat', sans-serif; font-weight: 800; color: #f8fafc; font-size: 1rem;\">tele-LOOK Fachredaktion<\/span>\n                        <span style=\"font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: #38bdf8; background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.25); padding: 0.15rem 0.6rem; border-radius: 9999px;\">Service & Kundendienst Praxis<\/span>\n                    <\/div>\n                    <p style=\"font-size: 0.85rem; color: #94a3b8; line-height: 1.6; margin: 0; font-family: 'Raleway', sans-serif;\">\n                        Fachbeitrag der tele-LOOK Redaktion (Solutiness GmbH) unter fachlicher Leitung von <strong>Regina Keller<\/strong>. Praxiswissen f\u00fcr Remote-Support, visuelle Auftragsvorkl\u00e4rung und Flotteneinsatz im technischen Handwerk & Kundendienst.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- CTA -->\n            <div class=\"cta-box\">\n                <h2>Live-Video-Support f\u00fcr Ihr Team<\/h2>\n                <p>Jetzt unverbindlich testen.<\/p>\n                <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\">\n                    Jetzt gratis testen &rarr;\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n    \n    <!-- KONTAKT CTA -->\n    <section class=\"tl-section\">\n        <div class=\"tl-container\">\n            <div class=\"cta-box\" style=\"background: rgba(11, 19, 41, 0.75); border: 1px solid rgba(56, 189, 248, 0.2); padding: 40px; border-radius: 20px; text-align: center;\">\n                <h2 style=\"margin-bottom: 20px;\">Haben Sie Fragen zu tele-LOOK?<\/h2>\n                <p style=\"color: var(--tl-text-secondary); margin-bottom: 30px; font-size: 16px;\">\n                    Kontaktieren Sie uns f\u00fcr eine pers\u00f6nliche Beratung oder buchen Sie direkt eine unverbindliche Demo.\n                <\/p>\n                <div style=\"display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;\">\n                    <a href=\"https:\/\/www.tele-look.com\/web\/kontakt\/\" class=\"btn btn-primary\">Kontakt aufnehmen<\/a>\n                    <a href=\"https:\/\/www.tele-look.com\/web\/tele-look-preise\/\" class=\"btn btn-outline\">Kostenlos testen<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<\/body>\n<\/html>\n<\/div>\n\n<script>\n(function() {\n  const html = document.documentElement;\n  const themeToggle = document.getElementById('themeToggle');\n  const themeIcon = document.getElementById('themeIcon');\n  const mobileThemeToggle = document.getElementById('mobileThemeToggle');\n  const mobileThemeIcon = document.getElementById('mobileThemeIcon');\n\n  function updateThemeUI(theme) {\n    html.setAttribute('data-theme', theme);\n    const icon = theme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\n    if (themeIcon) themeIcon.textContent = icon;\n    if (mobileThemeIcon) mobileThemeIcon.textContent = icon;\n    localStorage.setItem('tl-theme', theme);\n  }\n\n  const currentTheme = localStorage.getItem('tl-theme') || 'light';\n  updateThemeUI(currentTheme);\n\n  function toggleTheme() {\n    const isDark = html.getAttribute('data-theme') === 'dark';\n    updateThemeUI(isDark ? 'light' : 'dark');\n  }\n\n  if (themeToggle) themeToggle.addEventListener('click', toggleTheme);\n  if (mobileThemeToggle) mobileThemeToggle.addEventListener('click', toggleTheme);\n\n  const menuToggle = document.getElementById('menuToggle');\n  const mobileMenu = document.getElementById('mobileMenu');\n  if (menuToggle && mobileMenu) {\n    menuToggle.addEventListener('click', function() {\n      const isOpen = mobileMenu.classList.toggle('open');\n      menuToggle.setAttribute('aria-label', isOpen ? 'Men\u00fc schlie\u00dfen' : 'Men\u00fc \u00f6ffnen');\n    });\n  }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\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\t\t\t\t<\/div>\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\n\n<script>\n(function() {\n  function syncTheme() {\n    var html = document.documentElement;\n    var theme = html.getAttribute('data-theme') || (html.classList.contains('dark') ? 'dark' : 'light') || localStorage.getItem('tl-theme') || 'light';\n    var apps = document.querySelectorAll('.tl-app, #tele-look-main-wrapper');\n    apps.forEach(function(app) {\n      if (theme === 'dark') {\n        app.classList.add('dark');\n        app.setAttribute('data-theme', 'dark');\n      } else {\n        app.classList.remove('dark');\n        app.setAttribute('data-theme', 'light');\n      }\n    });\n  }\n  syncTheme();\n  var observer = new MutationObserver(function(mutations) {\n    mutations.forEach(function(mutation) {\n      if (mutation.attributeName === 'class' || mutation.attributeName === 'data-theme') {\n        syncTheme();\n      }\n    });\n  });\n  observer.observe(document.documentElement, { attributes: true });\n  window.addEventListener('storage', syncTheme);\n})();\n<\/script>\n\t\t\t\t<\/div>\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>Revisionssichere Bauakte &#038; Dokumentation mit Live-Video | tele-LOOK Gew\u00e4hrleistungsschutz: Die Revisionssichere Bauakte | tele-LOOK GEW\u00c4HRLEISTUNGSSCHUTZ IM HANDWERK DIE REVISIONSSICHERE BAUAKTE Die Beweislastumkehr nach der Bauabnahme zwingt Handwerksbetriebe zur l\u00fcckenlosen Dokumentation. tele-LOOK erstellt w\u00e4hrend des Video-Supports manipulationssichere HD-Fotos mit Zeitstempel, die direkt ins PDF-Serviceprotokoll f\u00fcr die digitale Bauakte flie\u00dfen. \u25cf Startseite \/ Revisionssichere Bauakte &#038; Dokumentation [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-16738","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/comments?post=16738"}],"version-history":[{"count":6,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16738\/revisions"}],"predecessor-version":[{"id":17659,"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/pages\/16738\/revisions\/17659"}],"wp:attachment":[{"href":"https:\/\/www.tele-look.com\/web\/wp-json\/wp\/v2\/media?parent=16738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}