:root{--green:#008b43;--ink:#172229;--muted:#52616a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:#fff}h1,h2,h3{line-height:1.22}h1{font-size:44px;font-weight:500;margin:0 0 32px}h1 span{display:block;margin-top:16px}h2{font-size:32px;font-weight:600;margin:0 0 26px}h3{font-size:21px}a{color:#007439;text-underline-offset:4px}button,input,textarea{font:inherit}button,.button{display:inline-block;background:#007b3d;color:white;border:1px solid transparent;border-radius:2px;padding:12px 22px;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a:hover,button:hover{filter:brightness(.9)}:focus-visible{outline:3px solid #e7a900;outline-offset:4px}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.section{padding:72px 0}.section h2{text-align:center}.lead{max-width:900px;margin:0 auto;font-size:18px}.center{text-align:center}.pale{background:#f4f5f5}.dark{background:#12262c;color:#fff}.dark h2{text-align:left}.dark .lead{margin:0}.muted{color:var(--muted);font-size:14px}header{background:#05090a;color:white;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;gap:36px;margin:auto;min-height:95px;width:min(1720px,calc(100% - 64px))}header img{width:105px;height:62px;object-fit:contain}nav{display:flex;gap:28px;align-items:center;margin:auto}nav a{color:white;text-decoration:none;font-size:15px}nav a[aria-current]{color:#7fcf30}.header-contact{white-space:nowrap;text-transform:uppercase;font-size:14px}.menu-toggle{display:none}.hero{background:linear-gradient(90deg,#03171b80,#02151930),url('./images/hero.jpg') center/cover;color:white;padding:105px 0 72px}.hero-intro{max-width:550px;line-height:1.35;margin-bottom:30px}.hero .button{font-size:20px;border:1px solid #ddd}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:42px}.tiles a{background:#061e27bd;color:white;border-radius:4px;text-decoration:none;line-height:1.25;padding:22px 24px;display:flex;flex-direction:column;gap:18px}.tiles span{font-size:38px;height:40px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px}.card{background:white;border-radius:6px;overflow:hidden;padding-bottom:24px}.card>img{width:100%;height:240px;object-fit:cover}.card h3,.card>a{margin-left:22px;margin-right:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:72px 0}.split>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:5px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:46px}.benefits span{font-size:28px;color:#9adb67}.benefits h3{font-size:18px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;margin-top:40px}label{display:block;margin-bottom:17px;font-size:15px}input,textarea{display:block;width:100%;border:1px solid #b9c4c4;border-radius:3px;padding:12px;margin-top:6px;background:#fff}textarea{resize:vertical}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.camera-panel{max-width:960px;margin:auto}.camera-screen{background:#12262c;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden}.camera-screen img{width:100%;height:100%;object-fit:contain}.camera-empty{color:#c4d4d7;text-align:center}.camera-empty span{font-size:60px}.camera-status{font-size:14px;background:#eef2ef;padding:14px 18px}.prose{max-width:820px;margin:auto}.prose h3{margin-top:32px}footer{background:#080e10;color:#d5dfdf;padding:42px 0;font-size:14px}footer a{color:#a9d4b7}.footer-grid{display:grid;grid-template-columns:140px 1fr 1fr;gap:38px;align-items:center}footer img{width:110px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}#load-error{padding:30px;background:#fff4d7;color:#472f00}.fallback{padding:60px 24px;max-width:1000px;margin:auto}.fallback img{max-width:100%}@media(max-width:900px){.header-inner{gap:15px;width:calc(100% - 30px)}nav{gap:18px}.header-contact{display:none}.tiles{grid-template-columns:repeat(3,1fr)}.hero{padding:70px 0 50px}.contact-grid{gap:30px}.cards{gap:16px}.card>img{height:180px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:78px;flex-wrap:wrap}header img{width:90px;height:55px}.menu-toggle{display:block;margin-left:auto}nav{display:none;flex-direction:column;width:100%;align-items:stretch;padding:0 0 20px}nav.open{display:flex}.hero{padding:50px 0 35px}h1{font-size:34px}h2{font-size:27px}.tiles{grid-template-columns:repeat(2,1fr)}.tiles a{padding:18px;font-size:14px}.tiles a:last-child{grid-column:1/-1}.section{padding:48px 0}.cards,.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.card>img{height:auto;max-height:320px}.split{gap:24px;padding:48px 0}.benefits{grid-template-columns:1fr 1fr}.footer-grid{gap:16px}.camera-screen{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.about-hero{background:linear-gradient(#061c24c9,#061c24c9),url(./images/innovation.jpg) center/cover;color:#fff;padding:80px 0;text-align:center}.about-hero h1{font-size:38px;font-weight:600;margin-bottom:22px}.about-content{padding:20px 0 45px}.about-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:55px 0;border-bottom:1px solid #e2e9e6}.about-row:last-child{border:0}.about-row.reverse .about-picture{order:2}.about-picture{display:flex;align-items:center;justify-content:center;min-width:0}.about-picture img{display:block;width:min(100%,320px);height:auto;object-fit:contain;aspect-ratio:1/1}.about-copy h2{text-align:left;margin-bottom:20px}.about-copy p{margin:0}@media(max-width:650px){.about-hero{padding:48px 0}.about-hero h1{font-size:30px}.about-row{grid-template-columns:1fr;gap:26px;padding:38px 0}.about-row.reverse .about-picture{order:0}.about-picture img{width:min(100%,230px)}.about-copy h2{text-align:center}}

.camera-page{padding:65px 0 60px;background:linear-gradient(#06273066,#06273099),url(./images/hero.jpg) center top/cover fixed;color:white}.camera-intro{text-align:center;margin-bottom:65px}.camera-intro h1{font-size:36px;font-family:Georgia,serif;font-weight:700;margin:20px 0}.camera-intro>p{font:700 30px/1.35 Georgia,serif;margin:20px auto 0}.live-reference{padding:0 0 45px}.camera-page .camera-screen{border-radius:12px;background:#071c25df}.camera-page .camera-status{background:#102e38e8;color:#e2efee;border-radius:5px}.camera-page .camera-panel>.muted{color:#e5efee}.completed{background:#ffffffaa;border-radius:12px;color:#101c20;padding:40px 30px}.completed-heading{text-align:center;margin-bottom:35px}.completed-heading h2{font-size:34px;margin:0 0 10px}.completed-heading>span{font-size:30px}.reference-video h2{text-align:center;margin-bottom:22px}.reference-video{margin-bottom:40px}.video-stage{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#eff3f3;border-radius:5px;overflow:hidden}.video-stage>div{text-align:center;padding:24px;max-width:600px}.video-stage iframe{width:100%;height:100%;border:0;display:block}.reference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;margin-top:35px}.reference-cards figure{margin:0;text-align:center}.reference-cards img{display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;border-radius:10px}.reference-cards figcaption{font-size:18px;font-weight:600;padding:13px 4px}@media(max-width:650px){.camera-page{padding:35px 0;background-attachment:scroll}.camera-intro{margin-bottom:35px}.camera-intro h1{font-size:27px}.camera-intro>p{font-size:23px}.completed{padding:28px 16px}.completed-heading h2{font-size:27px}.reference-cards{grid-template-columns:1fr;gap:20px}.video-stage{aspect-ratio:auto;min-height:240px}.video-stage:has(iframe){aspect-ratio:16/9;min-height:0}.video-stage>div{padding:20px 14px}}
.tiles svg{width:42px;height:42px;display:block}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:960px;margin:auto;scroll-margin-top:110px}.service-example{padding:34px;background:#fff;border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center}.service-example>svg{width:46px;height:46px;color:var(--green)}.service-example h3{font-size:25px}.meter-example{background:#edf3ef;border:1px solid #d7e4da;padding:18px 30px;margin-bottom:24px;border-radius:5px}.meter-example p{font-size:14px;margin:0 0 8px}.meter-example strong{font-size:28px}.meter-example p:last-child{margin:10px 0 0}.unavailable{color:#5c646a;font-size:14px}.video-section{padding:65px 0;background:#f8f9f8}.video-section h2{text-align:center;max-width:900px;margin:0 auto 36px}.video-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.local-video{margin:0}.local-video video{display:block;width:100%;aspect-ratio:16/9;background:#101c22;border-radius:5px}.local-video figcaption{text-align:center;padding:12px;font-size:16px}.limits-section{padding:90px 0;background:linear-gradient(#09282dcc,#09282dcc),url(./images/innovation.jpg) center/cover;color:#fff}.limits-section h2{text-align:center}.original-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;text-align:center;margin-top:45px}.original-benefits svg{width:48px;height:48px;color:var(--green)}.original-benefits h3{font-size:18px;font-weight:500}.final-cta{background:#edf3ee;padding:65px 0;text-align:center}.final-cta h2{margin-bottom:12px}.final-cta p{font-size:22px;margin:0 0 25px}.about-copy p{white-space:pre-line;margin:0 0 18px}.about-copy ul{padding-left:22px}.update-features{max-width:650px;margin:auto}.video-stage svg{width:50px;height:50px;color:#3d6266}@media(max-width:650px){.service-grid,.video-pair{grid-template-columns:1fr}.service-example{padding:24px}.original-benefits{grid-template-columns:1fr 1fr}.original-benefits>article:last-child{grid-column:1/-1}.limits-section{padding:55px 0}.video-section{padding:45px 0}}

nav a[href*="kontakt/"]{display:none}.privacy-page h1{font-size:36px}.privacy-page h2{text-align:left;font-size:24px;margin-top:38px;margin-bottom:18px}.privacy-page h3{font-size:20px}.privacy-date{font-size:14px;color:var(--muted);margin-top:38px}@media(max-width:900px){nav a[href*="kontakt/"]{display:inline-block}}

/* V1.5: helle Kopf- und Fussbereiche; dunkle Positivdarstellung des Logos. */
header{background:#f2f3f3;color:#172229;border-bottom:1px solid #dce0e0}nav a{color:#172229}nav a[aria-current]{color:#006d35}header img,footer img{filter:brightness(0)}.header-contact,.menu-toggle{background:#007b3d;color:#fff}footer{background:#eceeee;color:#263238;border-top:1px solid #dce0e0}footer a{color:#006d35}footer a:hover,nav a:hover{text-decoration:underline;text-underline-offset:4px}

.reference-player{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#101c22;border-radius:5px}

.service-example .camera-panel{width:100%;margin-top:4px}.service-example .camera-screen{width:100%}.service-example .camera-empty{padding:18px;font-size:14px}

/* V1.11: semantische Hauptüberschriften bei unveränderter Darstellung. */
.section:not(.privacy-page) h1{text-align:center;font-size:32px;font-weight:600;margin:0 0 26px}@media(max-width:650px){.section:not(.privacy-page) h1{font-size:27px}}