:root{--ink:#17272d;--paper:#f6f3ee;--white:#fffefa;--red:#bd2334;--muted:#59646a;--line:#d6d8d5;--rose:#eee3de;--soft:#e8ecea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{max-width:100%;height:auto;display:block}p{margin:0 0 20px}h1,h2,h3,h4{line-height:1.16;font-weight:500;margin:0}h1{font-size:clamp(42px,5.2vw,72px);letter-spacing:-2.6px;max-width:760px;margin-bottom:28px}h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.6px;margin-bottom:26px}h3{font-size:24px;letter-spacing:-.5px;margin-bottom:16px}h4{font-size:19px;font-weight:600;margin-bottom:12px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.draft{background:var(--ink);color:#f5f1e9;font-size:10px;letter-spacing:.1em;text-align:center;padding:5px 16px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:9}.skip:focus{top:10px}.masthead{display:flex;align-items:center;gap:26px;padding-top:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.logo{width:94px;height:94px;object-fit:contain}.masthead>span{font-size:12px;line-height:1.65;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.masthead b{font-weight:400}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;padding-top:68px;padding-bottom:62px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--red);margin:0 0 23px}.lead{font-size:20px;line-height:1.65}.hero-copy>p:not(.eyebrow){max-width:640px}.hero-copy>p:not(.lead):not(.eyebrow){color:var(--muted)}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--red);color:white;padding:14px 21px;font-size:14px;font-weight:700;text-decoration:none;min-height:48px}.button:hover{background:#a51b2b}.phone{font-size:15px;white-space:nowrap}.hero-note{background:var(--ink);color:var(--white);padding:32px 34px;position:relative;border-top:5px solid var(--red)}.hero-note .eyebrow{color:#e6a9aa;font-size:10px}.hero-note h2{font-size:31px;line-height:1.23;letter-spacing:-.7px;margin:0 0 26px}.workflow{margin:0;padding:0;list-style:none}.workflow li{display:grid;grid-template-columns:28px 1fr;gap:15px;padding:19px 0;border-top:1px solid #ffffff30}.workflow li>span{font-size:11px;color:#edb1b3;padding-top:2px}.workflow b{font-size:15px;font-weight:600}.workflow p{font-size:13px;line-height:1.65;color:#cbd3d2;margin:7px 0 0}.note-caption{font-size:10px;line-height:1.7;color:#b6c1c0;margin:12px 0 0}.proof{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 31px;gap:25px}.proof>div{display:flex;gap:16px;align-items:baseline}.proof strong{font-weight:500;font-size:28px;letter-spacing:-.7px}.proof span,.proof p{font-size:13px;color:var(--muted);margin:0}.compliance{background:var(--white);padding:90px 0}.section-title{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;margin-bottom:44px;align-items:end}.section-title h2{max-width:600px;margin:0}.section-title>p{font-size:16px;color:var(--muted);margin:0}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.examples article{border-top:2px solid var(--red);padding-top:24px}.small-label{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:17px;font-weight:600}.examples h3{font-size:25px;line-height:1.25;max-width:320px}.examples p{font-size:15px;color:var(--muted);margin:0}.fineprint{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin:35px 0 0;max-width:970px}.function-section{padding-top:90px;padding-bottom:90px}.features{border-top:1px solid var(--line)}.feature{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:45px 1fr 44px;gap:22px;align-items:start;padding:29px 0}summary::-webkit-details-marker{display:none}.feature-num{color:var(--red);font-size:12px;line-height:2.6}.feature-copy h3{font-size:27px;margin-bottom:10px}.feature-copy>span{display:block;max-width:770px;color:var(--muted);font-size:15px;line-height:1.65}.toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;position:relative;flex-shrink:0}.toggle:before,.toggle:after{content:"";position:absolute;top:19px;left:12px;width:14px;height:1px;background:var(--ink)}.toggle:after{transform:rotate(90deg)}details[open] .toggle:after{transform:rotate(0deg)}details[open] summary{padding-bottom:21px}details[open]{background:var(--white)}.feature-body{padding:5px 66px 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-body p{font-size:14px;color:var(--muted);margin-bottom:0}.feature-body section{padding-top:20px;border-top:1px solid var(--line)}.implementation{background:var(--soft);padding:85px 0}.implementation-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.implementation-grid>div>p:not(.eyebrow){color:#46585d}.service-list article{padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid #c9d2d0}.service-list article:last-child{margin-bottom:0;padding-bottom:0;border:0}.service-list h3{font-size:23px}.service-list p{font-size:15px;color:#46585d;margin:0}.reading{padding-top:90px;padding-bottom:85px}.publications{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.publication{background:var(--white);border:1px solid var(--line)}.publication>a{display:block;background:#e9e5df;padding:22px;border-bottom:1px solid var(--line)}.publication img{width:100%;height:220px;object-fit:cover;object-position:top;box-shadow:0 6px 17px #17272d15}.publication>div{padding:25px}.publication h3{font-size:24px;line-height:1.25;min-height:90px}.publication p{font-size:14px;color:var(--muted);min-height:72px}.publication div>a{font-size:12px;display:inline-block;padding:8px 0}.archive-note{font-size:11px;color:var(--muted);margin:21px 0 35px}.lecture{border-top:1px solid var(--line);padding-top:28px;max-width:860px}.lecture h3{font-size:27px;line-height:1.3}.lecture p{font-size:15px;color:var(--muted)}.lecture a{font-size:14px}.developer{background:var(--white);padding:65px 0}.developer-grid{display:grid;grid-template-columns:200px 1fr;gap:65px;align-items:start}.developer figure{margin:0}.developer figure img{width:200px;height:200px;object-fit:cover}.developer figcaption{font-size:11px;margin-top:10px;color:var(--muted)}.developer h2{max-width:680px}.developer p:not(.eyebrow){max-width:850px;color:var(--muted);font-size:16px}.contact{background:var(--ink);color:var(--white);padding:85px 0}.contact-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:100px}.contact .eyebrow{color:#efa6ad}.contact h2{font-size:clamp(34px,3.6vw,50px);max-width:700px}.contact p{color:#d0d7d6;max-width:680px}.light{background:#fffefa;color:var(--ink)}.light:hover{background:#e8e5df}.call{font-size:14px}.contact address{font-style:normal;font-size:14px;line-height:1.6;border-left:1px solid #ffffff35;padding-left:35px;padding-top:5px}.contact address>strong{display:block;font-size:19px;font-weight:500;margin-bottom:5px}.contact address>span{display:block;color:#c7d2d0}.contact address>b{display:block;font-weight:500;margin-top:25px}.contact dl{margin:21px 0}.contact dl>div{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:baseline}.contact dt{font-size:11px;color:#efa6ad}.contact dd{margin:0;min-width:0}.contact dd a{padding:3px 0;display:inline-block;overflow-wrap:anywhere}footer{padding:27px 0;background:#122026;color:#bfcbc9;font-size:11px}.footer{display:flex;justify-content:space-between;gap:20px}.footer>div{display:flex;gap:25px}.legal{padding-top:45px;padding-bottom:80px;max-width:880px}.legal h1{font-size:48px;margin:35px 0}.legal h2{font-size:25px;margin:35px 0 16px;letter-spacing:-.4px}.legal p{font-size:16px}.back{font-size:13px}.legal-note{border-left:3px solid var(--red);padding-left:20px;color:var(--muted)}
@media(min-width:1400px){.hero{gap:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:35px;grid-template-columns:1.1fr 1fr}h1{font-size:53px;letter-spacing:-1.7px}.hero-note{padding:27px}.section-title{gap:45px}.implementation-grid,.contact-grid{gap:50px}.feature-body{grid-template-columns:1fr;padding-right:50px;gap:20px}.publication>div{padding:20px}.publication h3{font-size:22px;min-height:110px}.developer-grid{gap:40px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead{padding:17px 0}.logo{width:76px;height:76px}.masthead>span{font-size:11px;padding-left:17px}.hero{grid-template-columns:1fr;padding-top:42px;gap:35px;padding-bottom:35px}h1{font-size:clamp(40px,9vw,62px);letter-spacing:-1.6px}.lead{font-size:18px}.hero-note h2{font-size:29px}.hero-note{padding:27px}.proof{align-items:flex-start}.proof>div{display:block}.proof strong{display:block;font-size:25px}.proof span{font-size:12px}.proof>p{font-size:11px;max-width:145px;padding-top:4px}.section-title{grid-template-columns:1fr;gap:22px;margin-bottom:32px}h2{font-size:35px;letter-spacing:-1px}.compliance,.implementation,.contact{padding:58px 0}.examples{grid-template-columns:1fr;gap:28px}.examples h3{max-width:none;font-size:25px}.function-section,.reading{padding-top:58px;padding-bottom:58px}summary{grid-template-columns:25px 1fr 35px;gap:12px;padding:24px 0}.feature-copy h3{font-size:23px}.feature-copy>span{font-size:14px}.toggle{width:34px;height:34px}.toggle:before,.toggle:after{top:16px;left:10px;width:12px}.feature-body{padding:0 18px 28px 37px}.implementation-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.publications{grid-template-columns:1fr;gap:22px}.publication{display:grid;grid-template-columns:110px 1fr}.publication>a{padding:14px;border-bottom:0;border-right:1px solid var(--line)}.publication img{height:150px}.publication h3{font-size:21px;min-height:0;margin-bottom:13px}.publication p{min-height:0;font-size:14px}.publication .small-label{font-size:9px;margin-bottom:12px}.publication>div{padding:21px 18px}.developer{padding:45px 0}.developer-grid{grid-template-columns:1fr;gap:25px}.developer figure{display:flex;align-items:end;gap:17px}.developer figure img{width:100px;height:100px}.developer figcaption{max-width:100px}.contact address{border-left:0;border-top:1px solid #ffffff35;padding:26px 0 0}.contact dd a{min-height:36px}.footer{flex-direction:column;gap:15px}.legal h1{font-size:40px}.legal{padding-top:30px}p{overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.draft,.actions,.skip{display:none}body{background:white;color:black}.wrap{width:100%}.hero,.implementation-grid,.contact-grid{display:block}.hero-note,.contact,footer{background:white;color:black}.contact p,.workflow p{color:black}.feature-body{display:block}.publication{break-inside:avoid}a{color:black}}
/* Originalaufnahmen und manuell bedienbare Programmbeispiele. */
[hidden]{display:none!important}.hero{grid-template-columns:1fr 1.1fr;gap:50px}.hero h1{font-size:clamp(43px,4.7vw,65px)}.hero-screen{margin:0;min-width:0}.screenshot-link{position:relative;display:block;background:#fff;border:1px solid #d1d6d5;text-decoration:none;cursor:zoom-in;overflow:hidden}.screenshot-link picture{display:block}.screenshot-link img{width:100%;height:auto;display:block}.enlarge{display:inline-block;position:absolute;bottom:10px;right:10px;padding:5px 10px;color:var(--ink);background:#fffefaed;border:1px solid #ccd1ce;font-size:10px;line-height:1.5}.hero-screen figcaption,.example-screen figcaption,.detail-screen figcaption,.compliance-screen figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px}.examples-carousel{background:#ece9e3;padding:70px 0 76px}.carousel-controls{display:flex;align-items:center;gap:20px;margin-bottom:28px;flex-wrap:wrap}.carousel-arrows{display:flex;gap:8px}.carousel-controls button{font:inherit;cursor:pointer;background:transparent;border:1px solid #b9c1bd;color:var(--ink);width:44px;height:44px;display:inline-flex;justify-content:center;align-items:center}.carousel-controls button:hover{background:#fffefa}.carousel-controls button:focus-visible,[data-close-image]:focus-visible{outline:3px solid var(--red);outline-offset:4px}.carousel-status{font-size:12px;margin:0;flex:1;color:var(--muted)}.carousel-dots{display:flex;gap:7px}.carousel-dots button{width:35px;height:35px;font-size:11px;border-radius:50%}.carousel-dots button[aria-current=true]{background:var(--ink);border-color:var(--ink);color:white}.carousel-track{touch-action:pan-y}.example-slide{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:start;padding:0 0 45px;margin:0 0 45px;border-bottom:1px solid var(--line)}.carousel-ready .example-slide{padding:0;margin:0;border:0}.example-screen{margin:0;min-width:0}.example-screen .screenshot-link{background:#fafaf8;padding:18px;min-height:375px;display:flex;align-items:center;justify-content:center}.example-screen picture{width:100%}.example-screen img{width:100%;height:360px;object-fit:contain}.example-description h3{font-size:30px;line-height:1.2;margin:0 0 18px;letter-spacing:-.7px}.example-description>p:not(.eyebrow){font-size:15px;color:var(--muted)}.example-description .eyebrow{margin-bottom:15px}.example-description ol{padding:0;list-style:none;counter-reset:example}.example-description li{position:relative;padding:0 0 17px 31px;counter-increment:example}.example-description li:before{content:counter(example,decimal-leading-zero);position:absolute;left:0;top:3px;font-size:10px;color:var(--red)}.example-description li b{font-size:14px;font-weight:600}.example-description li p{font-size:13px;color:var(--muted);line-height:1.65;margin:5px 0 0}.compliance-screen{margin:35px 0 0;max-width:930px}.compliance-screen .screenshot-link{max-width:930px}.detail-screen{margin:0 66px 35px;max-width:850px}#image-dialog{width:min(1500px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:94vh;padding:0 20px 20px;border:0;background:#fffefa;color:var(--ink);box-shadow:0 15px 80px #0006}#image-dialog::backdrop{background:#102027d9}.image-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;background:#fffefa;z-index:1;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:15px}.image-dialog-bar p{font-size:12px;margin:0}.image-dialog-bar button{font:14px Arial,sans-serif;padding:12px 17px;min-height:44px;border:1px solid var(--line);background:var(--white);cursor:pointer}#large-image{margin:auto;max-width:100%;height:auto}#large-image-caption{font-size:12px;color:var(--muted);margin:14px 0 0}body.image-open{overflow:hidden}@media(max-width:1050px){.hero{gap:32px}.hero h1{font-size:50px}.example-slide{gap:28px;grid-template-columns:1.25fr 1fr}.example-screen .screenshot-link{min-height:340px;padding:10px}.example-screen img{height:320px}.example-description h3{font-size:27px}.carousel-status{flex-basis:120px}.carousel-dots{gap:5px}}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(40px,9vw,62px)}.hero-screen{margin-top:5px}.examples-carousel{padding:48px 0}.example-slide{grid-template-columns:1fr;gap:25px}.example-screen .screenshot-link{min-height:0;padding:12px}.example-screen img{height:clamp(230px,55vw,360px)}.example-description h3{font-size:28px}.carousel-controls{gap:12px;margin-bottom:22px}.carousel-status{flex:1}.carousel-dots{width:100%;gap:8px}.carousel-dots button{width:36px;height:36px}.compliance-screen{margin-top:28px}.detail-screen{margin:0 18px 25px 37px}.enlarge{font-size:10px;padding:4px 8px}.image-dialog-bar p{font-size:11px}#image-dialog{padding:0 12px 12px;width:calc(100% - 16px);max-width:calc(100% - 16px)}}@media print{.carousel-controls,.enlarge{display:none!important}.example-slide[hidden]{display:grid!important}.example-slide{break-inside:avoid;margin-bottom:25px}.screenshot-link{border:0}.example-screen img{height:auto;max-height:250px}}

/* Inhaltliche Vertiefung unter den bestehenden Seitenadressen. */
.service-page{max-width:1100px}.service-page .features{margin:35px 0}.service-page .feature-body{padding-left:24px;padding-right:24px}.service-page .feature-copy h3{font-size:25px}.service-page .detail-screen{margin-left:24px}.page-contact{padding:30px;margin-top:45px;background:var(--soft)}.page-contact h2{margin-top:0}.service-page .page-contact p:last-child{margin-bottom:0}@media(max-width:760px){.page-contact{padding:22px}.service-page .feature-body{padding-left:20px;padding-right:20px}.service-page .feature-copy h3{font-size:23px}}