:root{--primary:#0e5c78;--primary-ink:#06394b;--background:#f5f7fa;--surface:#fff;--ink:#17222a;--muted:#52606b;--border:#dde3e8;--blue:#d3eaf3;--green:#ddefd9;--violet:#eae2f7;--amber:#ffebc9;--rose:#f9deda;--gray:#e3e7ec;--highlight:#ffe08a;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--background);color:var(--ink);font:17px/1.5 var(--font)}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em;line-height:1.1}h2{font-size:clamp(32px,3.1vw,48px);font-weight:750}h3{font-size:25px;line-height:1.25;letter-spacing:-.02em}img{display:block;max-width:100%}.wrap{width:min(1296px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;z-index:5;padding:12px 20px;background:var(--surface)}.skip-link:focus{top:12px}.header{height:82px;padding:0 4.55%;display:flex;align-items:center;gap:88px}.brand{font-weight:800;font-size:36px;letter-spacing:-.035em;line-height:1.2}.header nav{display:flex;gap:42px;font-size:20px}.header nav a,.text-link{padding-block:12px}.header nav a:hover,.text-link:hover{color:var(--primary);text-decoration:underline;text-underline-offset:5px}.status{font-size:18px;font-weight:600;background:var(--gray);padding:10px 22px;border-radius:999px;white-space:nowrap}.header>.status{margin-left:auto}
.hero{margin:0 28px;background:var(--blue);border-radius:28px;overflow:hidden}.hero-inner{width:min(1296px,calc(100% - 96px));height:615px;margin:auto;position:relative}.hero-copy{position:relative;z-index:1;padding-top:79px;max-width:790px}h1{font-size:88px;font-weight:800;line-height:1.04}.intro{font-size:30px;line-height:1.34;max-width:780px;margin-top:17px}.button{min-width:324px;display:inline-flex;align-items:center;justify-content:center;min-height:68px;padding:16px 43px;margin-top:25px;border-radius:14px;background:var(--primary);color:var(--surface);font-size:24px;font-weight:700;transition:background .15s,transform .15s}.button:hover{background:var(--primary-ink);transform:translateY(-2px)}.location{display:flex;align-items:center;gap:13px;font-size:29px;margin-top:29px;white-space:nowrap}.location mark{animation:find-highlight 800ms cubic-bezier(.16,1,.3,1) both;background:var(--highlight);color:var(--ink);padding:3px 10px;border-radius:7px}.location strong{background:#acd1e3;color:var(--primary-ink);font-weight:700;font-variant-numeric:tabular-nums;padding:3px 10px;border-radius:7px}.privacy{font-size:20px;margin-top:20px}.device{position:absolute;width:461px;left:calc(100% - 494px);top:20px;isolation:isolate}.chassis{width:100%;height:auto}.screen{position:absolute;left:21.9%;top:4.8%;width:73.5%;height:auto;max-width:none;border-radius:26px 26px 0 0;z-index:1}.camera{position:absolute;left:56.9%;top:6.3%;width:18px;height:18px;background:#0c1115;border-radius:50%;z-index:2}.scenes{padding-top:51px}.scenes h2{font-size:44px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;margin-top:38px}.scene{display:flex;gap:20px}.scene h3{margin-bottom:10px}.scene p{font-size:20px;line-height:1.35}.icon{flex:0 0 82px;height:82px;display:grid;place-items:center;border-radius:18px;color:var(--primary-ink)}.icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.blue{background:var(--blue)}.green{background:var(--green)}.violet{background:var(--violet)}.amber{background:var(--amber)}.rose{background:var(--rose)}.gray{background:var(--gray)}.price-teaser{font-size:18px;margin-top:38px}
.section{padding-block:108px;border-bottom:1px solid var(--border)}.section-heading{max-width:750px;margin-bottom:48px}.section-heading>p{font-size:21px;color:var(--muted);margin-top:22px;max-width:620px}.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.step-number{display:block;color:var(--primary);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;border-top:2px solid var(--primary);padding-top:18px;margin-bottom:32px}.steps h3{margin-bottom:15px}.steps p,.feature-grid p{font-size:20px;color:var(--muted)}.features{background:var(--surface);border:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 64px}.feature-grid h3{margin-bottom:14px}.local{display:grid;grid-template-columns:1fr 360px;gap:120px;align-items:center}.local-copy{max-width:660px}.local-copy>p{font-size:24px;margin-top:26px}.local-copy .muted{color:var(--muted);font-size:19px!important}.app-figure{margin:0;text-align:center}.app-figure img{width:235px;height:auto;margin:auto;border:6px solid var(--ink);border-radius:24px;box-shadow:0 18px 35px #17222a12}.app-figure figcaption{color:var(--muted);font-size:14px;margin-top:18px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:990px}.price-plan{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:38px}.price-plan.plus{background:var(--blue);border-color:var(--blue)}.amount{font-size:52px;font-weight:750;letter-spacing:-.04em;margin:22px 0 8px}.amount span{font-size:19px;font-weight:500;letter-spacing:0;white-space:nowrap}.price-plan>p:not(.amount){font-size:20px}.price-plan ul{padding-left:23px;margin:28px 0 0}.price-plan li{margin-top:12px}.price-note{max-width:990px;color:var(--muted);margin-top:28px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.questions details{border-bottom:1px solid var(--border)}.questions details:first-child{border-top:1px solid var(--border)}.questions summary{cursor:pointer;font-size:21px;font-weight:600;padding:24px 8px;min-height:48px}.questions details p{padding:0 8px 24px;color:var(--muted);font-size:19px}.closing{padding-block:100px;text-align:center}.closing h2{font-size:clamp(34px,4vw,60px)}.closing p{font-size:21px;color:var(--muted);margin:26px 0}.text-link{display:inline-block;font-size:19px;font-weight:600;color:var(--primary)}.footer{display:flex;align-items:center;gap:24px;padding-block:36px;border-top:1px solid var(--border)}.footer .brand{font-size:25px}.footer>span{margin-left:auto;color:var(--muted);font-size:15px}
@media(max-width:1250px){.header{gap:48px}.header nav{gap:26px;font-size:18px}.hero-copy{max-width:64%;padding-top:75px}h1{font-size:clamp(52px,6vw,78px)}.intro{font-size:24px}.location{font-size:22px;gap:10px}.privacy{font-size:17px}.device{width:400px;left:calc(100% - 395px);top:40px}.hero-inner{height:580px}.scene-grid{gap:24px}.scene{gap:14px}.icon{flex-basis:60px;height:60px}.icon svg{width:34px}.scene p{font-size:18px}.scenes h2{font-size:36px}.local{gap:70px}.feature-grid{gap:45px}}
@media(max-width:900px){.header{height:auto;min-height:84px;padding:18px 28px;gap:20px;flex-wrap:wrap}.header .brand{font-size:30px}.header nav{order:3;width:100%;justify-content:space-between;gap:10px}.header nav a{padding-block:6px;min-height:40px}.header .status{font-size:15px;padding:8px 14px}.wrap{width:calc(100% - 56px)}.hero{margin-inline:16px;border-radius:22px}.hero-inner{width:calc(100% - 48px);height:auto;min-height:960px}.hero-copy{max-width:100%;padding-top:48px}h1{font-size:68px}.intro{max-width:650px;font-size:25px;margin-top:24px}.button{margin-top:28px}.location{font-size:23px;gap:10px;flex-wrap:wrap;white-space:normal}.privacy{font-size:18px;max-width:520px;margin-top:25px}.device{position:relative;left:auto;top:auto;width:380px;margin:30px auto -165px;max-width:100%;height:505px;overflow:hidden}.screen{border-radius:22px 22px 0 0}.scenes{padding-top:44px}.scene-grid{grid-template-columns:1fr;gap:28px}.scene p{font-size:19px;max-width:550px}.icon{flex-basis:68px;height:68px}.price-teaser{margin-top:32px}.section{padding-block:72px}.steps{gap:28px}.steps h3{font-size:22px}.steps p,.feature-grid p{font-size:18px}.feature-grid{grid-template-columns:1fr 1fr;gap:40px}.local{grid-template-columns:1fr 270px;gap:32px}.local-copy>p{font-size:21px}.faq{grid-template-columns:1fr;gap:8px}.faq .section-heading{margin-bottom:22px}.footer{flex-wrap:wrap}.footer>span{margin-left:0;width:100%}}
@media(max-width:540px){.header{padding:18px 24px 12px;gap:16px}.header .brand{font-size:28px}.header nav{font-size:15px}.header .status{font-size:13px;padding:8px 11px}.wrap{width:calc(100% - 48px)}.hero{margin-inline:12px}.hero-inner{width:calc(100% - 40px);min-height:0}.hero-copy{padding-top:38px}h1{font-size:clamp(39px,11.2vw,60px);letter-spacing:-.04em}.intro{font-size:21px;line-height:1.4;margin-top:22px}.button{min-width:0;font-size:19px;min-height:56px;padding:14px 25px;margin-top:24px}.location{font-size:17px;gap:8px;line-height:1.7;margin-top:26px}.location mark,.location strong{padding:1px 7px}.privacy{font-size:16px;line-height:1.5;margin-top:20px}.device{width:330px;margin:28px auto 0;height:390px}.camera{width:13px;height:13px}.screen{border-radius:19px 19px 0 0}.scenes h2{font-size:32px}.scene-grid{margin-top:30px}.scene h3{font-size:23px}.scene p{font-size:18px}.scene{gap:16px}.icon{flex-basis:58px;height:58px;border-radius:14px}.price-teaser{font-size:16px}.section{padding-block:64px}.section-heading{margin-bottom:32px}.section-heading>p{font-size:19px}.steps,.feature-grid,.local,.price-grid{grid-template-columns:1fr}.steps{gap:32px}.step-number{margin-bottom:16px}.steps h3{font-size:25px}.steps p{font-size:19px}.feature-grid{gap:36px}.feature-grid h3{font-size:24px}.local{gap:40px}.local-copy>p{font-size:21px}.local-copy .muted{font-size:18px!important}.app-figure img{width:215px}.price-plan{padding:28px}.amount{font-size:47px}.price-plan li{font-size:17px}.questions summary{font-size:19px;padding-block:22px}.questions details p{font-size:18px}.closing{padding-block:72px}.closing p{font-size:19px}.footer{gap:14px}.footer p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

::selection{background:var(--highlight);color:var(--ink)}html{scrollbar-color:#8db2c2 var(--background)}

@keyframes find-highlight{from{box-shadow:0 0 0 0 #ffe08a00}45%{box-shadow:0 0 0 7px #ffe08a80}to{box-shadow:0 0 0 0 #ffe08a00}}
@media(prefers-reduced-motion:reduce){.location mark{animation:none}}
body { container-type: inline-size; }
/* Die erste Ansicht folgt am Desktop den Proportionen des freigegebenen Entwurfs. */
@media (min-width: 901px) {
  .wrap, .hero-inner { width: min(1296px, 84.375cqw); }
  .header { height: min(82px, 5.339cqw); gap: min(88px, 5.729cqw); }
  .header .brand { font-size: min(36px, 2.344cqw); }
  .header nav { gap: min(42px, 2.734cqw); font-size: min(20px, 1.302cqw); }
  .header .status { font-size: min(18px, 1.172cqw); padding: min(10px, .651cqw) min(22px, 1.432cqw); }
  .hero { margin-inline: min(28px, 1.823cqw); border-radius: min(28px, 1.823cqw); }
  .hero-inner { height: min(615px, 40.039cqw); }
  .hero-copy { padding-top: min(79px, 5.143cqw); max-width: min(790px, 51.432cqw); }
  h1 { font-size: min(88px, 5.729cqw); }
  .intro { font-size: min(30px, 1.953cqw); max-width: min(780px, 50.781cqw); margin-top: min(17px, 1.107cqw); }
  .button { min-width: min(324px, 21.094cqw); min-height: min(68px, 4.427cqw); padding: min(16px, 1.042cqw) min(43px, 2.799cqw); margin-top: min(25px, 1.628cqw); font-size: min(24px, 1.563cqw); }
  .location { font-size: min(29px, 1.888cqw); gap: min(13px, .846cqw); margin-top: min(29px, 1.888cqw); }
  .privacy { font-size: min(20px, 1.302cqw); margin-top: min(20px, 1.302cqw); }
  .device { width: min(461px, 30.013cqw); left: calc(100% - min(494px, 32.161cqw)); top: min(20px, 1.302cqw); }
  .camera { width: min(18px, 1.172cqw); height: min(18px, 1.172cqw); }
  .scenes { padding-top: min(51px, 3.32cqw); }
  .scenes h2 { font-size: min(44px, 2.865cqw); }
  .scene-grid { gap: min(54px, 3.516cqw); margin-top: min(34px, 2.214cqw); }
  .scene { gap: min(24px, 1.563cqw); }
  .scene h3 { font-size: min(25px, 1.628cqw); margin-bottom: min(10px, .651cqw); }
  .scene p { font-size: min(20px, 1.302cqw); }
  .icon { flex-basis: min(82px, 5.339cqw); height: min(82px, 5.339cqw); }
  .icon svg { width: min(43px, 2.799cqw); height: min(43px, 2.799cqw); }
  .price-teaser { font-size: min(18px, 1.172cqw); margin-top: min(24px, 1.563cqw); }
}
.scene p { color: var(--muted); }
.feature-grid .feature-heading { display: inline-block; padding: 8px 12px; border-radius: 8px; font-size: 23px; margin-bottom: 18px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-left: auto; }
.footer-links a { display: inline-flex; align-items: center; min-height: 48px; color: var(--primary); }
.footer-links a:hover, .legal a:hover { text-decoration: underline; text-underline-offset: 4px; }
.footer > span { margin-left: 0; }
.legal-header { justify-content: space-between; gap: 24px; }
.legal-header .brand { font-size: 32px; }
.legal { max-width: 840px; padding-block: 64px 96px; font-size: 18px; line-height: 1.7; overflow-wrap: anywhere; }
.legal h1 { font-size: clamp(32px, 6vw, 52px); line-height: 1.15; margin-bottom: 24px; }
.legal h2 { font-size: 27px; line-height: 1.3; margin-bottom: 16px; }
.legal section { margin-top: 42px; }
.legal p + p { margin-top: 18px; }
.legal address { font-style: normal; }
.legal a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 650px) {
  .footer-links { margin-left: 0; width: 100%; gap: 4px 24px; }
  .legal-header { padding: 18px 24px; }
  .legal-header .brand { font-size: 28px; }
  .legal-header .text-link { font-size: 16px; }
  .legal { padding-block: 40px 64px; font-size: 17px; }
  .legal h2 { font-size: 24px; }
}