/* Portal rules cannot affect the shared header, contact bar or footer. */
#inhalt :where(*), #screen-dialog, #screen-dialog :where(*){all:revert;box-sizing:border-box}
#inhalt, #screen-dialog{--ink:#172f36;--deep:#10262c;--lime:#b6ec66;--paper:#f3f6f2;--muted:#5c7175;--line:#dce5df;--white:#fff}
#inhalt *, #screen-dialog *{box-sizing:border-box}
#inhalt, #screen-dialog{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:white}
#inhalt a, #screen-dialog a{color:inherit;text-decoration:none}
#inhalt button, #screen-dialog button, #inhalt input, #screen-dialog input{font:inherit}
#inhalt button, #screen-dialog button, #inhalt a, #screen-dialog a, #inhalt summary, #screen-dialog summary{-webkit-tap-highlight-color:transparent}
#inhalt a:focus-visible, #screen-dialog a:focus-visible, #inhalt button:focus-visible, #screen-dialog button:focus-visible, #inhalt summary:focus-visible, #screen-dialog summary:focus-visible{outline:3px solid #6c9d33;outline-offset:5px}
#inhalt [hidden], #screen-dialog [hidden]{display:none!important}
#inhalt h1, #screen-dialog h1, #inhalt h2, #screen-dialog h2, #inhalt h3, #screen-dialog h3, #inhalt h4, #screen-dialog h4, #inhalt p, #screen-dialog p{margin:0 0 20px}
#inhalt h1, #screen-dialog h1, #inhalt h2, #screen-dialog h2, #inhalt h3, #screen-dialog h3, #inhalt h4, #screen-dialog h4{line-height:1.12}
#inhalt h1, #screen-dialog h1{font-size:clamp(54px,5.7vw,84px);letter-spacing:-4px;font-weight:600}
#inhalt h2, #screen-dialog h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-2px;font-weight:500}
#inhalt h3, #screen-dialog h3{font-size:26px;letter-spacing:-.8px;font-weight:600}
#inhalt p, #screen-dialog p{color:var(--muted)}
#inhalt .wrap, #screen-dialog .wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}
#inhalt .section, #screen-dialog .section{padding-top:110px;padding-bottom:110px}
#inhalt .eyebrow, #screen-dialog .eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--lime);margin-bottom:26px;display:flex;gap:10px;align-items:center}
#inhalt .eyebrow.ink, #screen-dialog .eyebrow.ink{color:#56803b}
#inhalt .site-head, #screen-dialog .site-head{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
#inhalt .head-inner, #screen-dialog .head-inner{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:24px}
#inhalt .brand, #screen-dialog .brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:26px;letter-spacing:-1px;font-weight:800;line-height:1}
#inhalt .brand .light, #screen-dialog .brand .light{font-weight:400}
#inhalt .brand small, #screen-dialog .brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:8px}
#inhalt .brand-icon, #screen-dialog .brand-icon{display:grid;place-items:center;width:40px;height:43px;background:var(--ink);color:var(--lime);font-size:34px;font-style:italic}
#inhalt .head-inner nav, #screen-dialog .head-inner nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:600}
#inhalt .login, #screen-dialog .login{border:1px solid var(--line);padding:12px 16px;border-radius:4px}
#inhalt .login:hover, #screen-dialog .login:hover{background:var(--paper)}
#inhalt .hero, #screen-dialog .hero{background:var(--ink);color:#fff;overflow:hidden}
#inhalt .hero-grid, #screen-dialog .hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:38px;min-height:740px;align-items:center;padding-top:65px;padding-bottom:65px}
#inhalt .hero h1 span, #screen-dialog .hero h1 span, #inhalt .archive-section h2 span, #screen-dialog .archive-section h2 span{color:var(--lime)}
#inhalt .hero-lead, #screen-dialog .hero-lead{font-size:17px;line-height:1.75;max-width:460px;color:#c5d4d1;margin-top:30px}
#inhalt .hero .hero-note, #screen-dialog .hero .hero-note{color:#a2b8b5;font-size:12px;line-height:1.7;margin:30px 0 0}
#inhalt .actions, #screen-dialog .actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#inhalt .button, #screen-dialog .button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 23px;border-radius:4px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}
#inhalt .button:hover, #screen-dialog .button:hover{transform:translateY(-2px)}
#inhalt .lime, #screen-dialog .lime{background:var(--lime);color:var(--ink)}
#inhalt .lime:hover, #screen-dialog .lime:hover{background:#c7f58a}
#inhalt .ink-button, #screen-dialog .ink-button{background:var(--ink);color:white}
#inhalt .ink-button:hover, #screen-dialog .ink-button:hover{background:#29484f}
#inhalt .quiet-link, #screen-dialog .quiet-link{font-size:12px;font-weight:700;border-bottom:1px solid;padding:5px 0}
#inhalt .live-dot, #screen-dialog .live-dot{display:inline-block;background:var(--lime);height:7px;width:7px;border-radius:50%;box-shadow:0 0 0 5px #b6ec6612;flex-shrink:0}
#inhalt .hero-visual, #screen-dialog .hero-visual{position:relative;min-width:0;padding-top:20px}
#inhalt .orbit, #screen-dialog .orbit{position:absolute;border:1px solid #5d7b7040;border-radius:50%;width:660px;height:660px;top:-40px;left:-30px;pointer-events:none}
#inhalt .orbit-two, #screen-dialog .orbit-two{width:500px;height:500px;top:35px;left:50px}
#inhalt .visual-label, #screen-dialog .visual-label{position:relative;font-size:10px;letter-spacing:1.3px;color:#c9d8ce;display:flex;align-items:center;gap:12px;margin-bottom:18px}
#inhalt .app-window, #screen-dialog .app-window{background:#f4f7f4;border:1px solid #9aae9e;border-radius:12px;overflow:hidden;color:var(--ink);position:relative;box-shadow:0 24px 60px #00141855}
#inhalt .hero-window, #screen-dialog .hero-window{transform:rotate(-2deg)}
#inhalt .window-top, #screen-dialog .window-top{display:flex;align-items:center;gap:10px;background:white;padding:15px 20px;border-bottom:1px solid var(--line);font-size:12px}
#inhalt .window-top strong span, #screen-dialog .window-top strong span{font-weight:400;color:var(--muted);margin-left:8px}
#inhalt .mini-brand, #screen-dialog .mini-brand{display:grid;place-items:center;width:27px;height:30px;background:var(--ink);color:var(--lime);font-style:italic;font-size:23px;font-weight:800}
#inhalt .avatar, #screen-dialog .avatar{margin-left:auto;background:#e7ede6;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:9px;font-weight:700}
#inhalt .app-body, #screen-dialog .app-body{padding:27px}
#inhalt .app-eyebrow, #screen-dialog .app-eyebrow{font-size:8px;letter-spacing:1.5px;color:#628545;font-weight:700;margin-bottom:8px}
#inhalt .app-body h2, #screen-dialog .app-body h2{font-size:28px;letter-spacing:-1px;margin-bottom:18px;font-weight:600}
#inhalt .app-search, #screen-dialog .app-search{border:1px solid var(--line);border-radius:5px;padding:8px 11px;background:white;color:#879891;font-size:10px;margin-bottom:18px}
#inhalt .demo-projects, #screen-dialog .demo-projects{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#inhalt .demo-projects article, #screen-dialog .demo-projects article{background:white;border:1px solid var(--line);padding:15px;border-radius:7px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#inhalt .project-icon, #screen-dialog .project-icon{height:28px;width:28px;background:#edf2e9;color:#67804c;font-size:9px;display:grid;place-items:center;border-radius:4px;margin-bottom:10px}
#inhalt .pill, #screen-dialog .pill{font-size:9px;padding:3px 8px;border-radius:30px;background:#edf2e9;color:#566e42;white-space:nowrap;display:inline-block;line-height:1.6}
#inhalt .demo-projects .pill, #screen-dialog .demo-projects .pill{margin:0 0 12px}
#inhalt .demo-projects h3, #screen-dialog .demo-projects h3{font-size:18px;letter-spacing:-.5px;line-height:1.2;margin-bottom:7px}
#inhalt .demo-projects p, #screen-dialog .demo-projects p{font-size:9px;margin-bottom:12px}
#inhalt .new-items, #screen-dialog .new-items{font-size:9px;color:#a44328;line-height:1.8;min-height:34px;margin-bottom:14px}
#inhalt .demo-projects .project-card-footer, #screen-dialog .demo-projects .project-card-footer{border-top:1px solid var(--line);padding-top:10px;font-size:9px;display:flex;justify-content:space-between;width:100%;margin-top:auto}
#inhalt .demo-projects .project-card-footer span, #screen-dialog .demo-projects .project-card-footer span{font-size:16px;line-height:1}
#inhalt .demo-projects .completed, #screen-dialog .demo-projects .completed{grid-column:1/-1;position:relative;display:block;padding-left:58px;padding-top:16px}
#inhalt .completed .project-icon, #screen-dialog .completed .project-icon{position:absolute;left:15px;top:18px}
#inhalt .completed .pill, #screen-dialog .completed .pill{position:absolute;right:15px;top:18px;font-size:8px}
#inhalt .completed h3, #screen-dialog .completed h3{font-size:15px;max-width:60%;margin-top:0}
#inhalt .completed p, #screen-dialog .completed p{margin-bottom:7px}
#inhalt .completed .project-card-footer, #screen-dialog .completed .project-card-footer{font-size:9px}
#inhalt .done, #screen-dialog .done{background:#e5f3d1;color:#476f20}
#inhalt .floating-note, #screen-dialog .floating-note{position:absolute;right:-18px;bottom:0;background:var(--lime);padding:18px 24px;display:flex;gap:12px;align-items:center;border-radius:7px;box-shadow:0 15px 30px #0003;color:var(--ink);transform:rotate(1deg)}
#inhalt .note-check, #screen-dialog .note-check{background:var(--ink);color:var(--lime);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
#inhalt .floating-note strong, #screen-dialog .floating-note strong{display:block;font-size:13px}
#inhalt .floating-note small, #screen-dialog .floating-note small{font-size:10px}
#inhalt .visual-disclaimer, #screen-dialog .visual-disclaimer{position:relative;font-size:9px;color:#98afa7;margin:22px 0 0}
#inhalt .hero-bottom, #screen-dialog .hero-bottom{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;gap:20px;padding:25px 0;color:#c7d7d0;font-size:12px}
#inhalt .hero-bottom a, #screen-dialog .hero-bottom a{color:var(--lime);font-size:9px;letter-spacing:1px}
#inhalt .section-intro, #screen-dialog .section-intro{display:flex;justify-content:space-between;gap:55px;align-items:flex-end;margin-bottom:42px}
#inhalt .section-intro>div, #screen-dialog .section-intro>div{max-width:730px}
#inhalt .section-intro>p, #screen-dialog .section-intro>p{max-width:345px;flex-shrink:0;font-size:15px;margin-bottom:24px}
#inhalt .benefit-grid, #screen-dialog .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
#inhalt .benefit-grid article, #screen-dialog .benefit-grid article{border-top:1px solid var(--line);padding-top:25px}
#inhalt .line-number, #screen-dialog .line-number{font-size:10px;letter-spacing:1.8px;color:#638344;display:block;margin-bottom:27px}
#inhalt .benefit-grid h3, #screen-dialog .benefit-grid h3{font-size:30px;font-weight:500}
#inhalt .benefit-grid p, #screen-dialog .benefit-grid p{font-size:14px;margin:0}
#inhalt .tour-section, #screen-dialog .tour-section{padding:95px 0;background:var(--paper)}
#inhalt .tour-tabs, #screen-dialog .tour-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #cfd9cd;gap:12px;margin:0 0 32px}
#inhalt .tour-tabs button, #screen-dialog .tour-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:16px 4px;cursor:pointer;text-align:left;color:var(--muted);font-size:12px}
#inhalt .tour-tabs button[aria-selected=true], #screen-dialog .tour-tabs button[aria-selected=true]{color:var(--ink);border-color:#759d43;font-weight:700}
#inhalt .tour-panel, #screen-dialog .tour-panel{display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center;min-height:455px}
#inhalt .tour-copy h3, #screen-dialog .tour-copy h3{font-size:40px;letter-spacing:-1.5px;line-height:1.14;font-weight:500;margin-top:22px}
#inhalt .dark, #screen-dialog .dark{background:#e2ead9;font-size:9px;letter-spacing:.6px;color:#557335}
#inhalt .tour-copy p, #screen-dialog .tour-copy p{font-size:15px}
#inhalt .checks, #screen-dialog .checks{list-style:none;padding:0;margin:25px 0 0}
#inhalt .checks li, #screen-dialog .checks li{position:relative;padding:8px 0 8px 25px;font-size:13px}
#inhalt .checks li:before, #screen-dialog .checks li:before{content:'✓';position:absolute;left:0;color:#62883c;font-weight:bold}
#inhalt .tour-art, #screen-dialog .tour-art{background:white;border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 14px 40px #172f3609;min-width:0}
#inhalt .demo-topline, #screen-dialog .demo-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;letter-spacing:1px;color:#5f7b4b;margin-bottom:26px}
#inhalt .tour-art h4, #screen-dialog .tour-art h4{font-size:23px;letter-spacing:-.8px;margin-bottom:8px}
#inhalt .muted, #screen-dialog .muted{color:var(--muted);font-size:12px}
#inhalt .progress-list, #screen-dialog .progress-list{list-style:none;padding:0;margin:28px 0 0}
#inhalt .progress-list li, #screen-dialog .progress-list li{display:flex;gap:16px;align-items:center;position:relative;padding:0 0 25px}
#inhalt .progress-list li:last-child, #screen-dialog .progress-list li:last-child{padding-bottom:0}
#inhalt .progress-list li:not(:last-child):after, #screen-dialog .progress-list li:not(:last-child):after{content:'';position:absolute;width:1px;background:#d2dfc8;left:17px;top:35px;bottom:0}
#inhalt .progress-list li>span, #screen-dialog .progress-list li>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:10px;background:#f6f8f3;flex-shrink:0}
#inhalt .progress-list .finished>span, #screen-dialog .progress-list .finished>span{background:#e9f3dc;color:#628d32;border-color:#c4d9ad}
#inhalt .progress-list .current>span, #screen-dialog .progress-list .current>span{background:var(--ink);color:var(--lime);border-color:var(--ink)}
#inhalt .progress-list strong, #screen-dialog .progress-list strong, #inhalt .progress-list small, #screen-dialog .progress-list small{display:block}
#inhalt .progress-list strong, #screen-dialog .progress-list strong{font-size:13px}
#inhalt .progress-list small, #screen-dialog .progress-list small{font-size:11px;color:var(--muted)}
#inhalt .annotation-demo, #screen-dialog .annotation-demo{padding:22px}
#inhalt .annotation-demo>img, #screen-dialog .annotation-demo>img{display:block;width:100%;height:auto;border-radius:6px}
#inhalt .annotation-caption, #screen-dialog .annotation-caption{display:flex;gap:12px;align-items:center;margin-top:15px}
#inhalt .annotation-caption p, #screen-dialog .annotation-caption p{margin:0;font-size:13px;color:var(--ink)}
#inhalt .annotation-caption small, #screen-dialog .annotation-caption small{display:block;font-size:11px;color:var(--muted)}
#inhalt .folder-row, #screen-dialog .folder-row{display:flex;gap:14px;align-items:center;padding:16px;background:#f2f5ef;border:1px solid var(--line);border-radius:7px}
#inhalt .folder-row>span:last-child, #screen-dialog .folder-row>span:last-child{margin-left:auto}
#inhalt .folder-symbol, #screen-dialog .folder-symbol{font-size:30px;color:#678646}
#inhalt .folder-row strong, #screen-dialog .folder-row strong, #inhalt .folder-row small, #screen-dialog .folder-row small, #inhalt .file-row strong, #screen-dialog .file-row strong, #inhalt .file-row small, #screen-dialog .file-row small{display:block}
#inhalt .folder-row strong, #screen-dialog .folder-row strong{font-size:14px}
#inhalt .folder-row small, #screen-dialog .folder-row small{font-size:10px;color:var(--muted)}
#inhalt .file-row, #screen-dialog .file-row{padding:20px 6px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center}
#inhalt .file-row>b, #screen-dialog .file-row>b{border:1px solid #d5ded2;padding:7px 5px;font-size:10px;font-weight:400}
#inhalt .file-row strong, #screen-dialog .file-row strong{font-size:12px}
#inhalt .file-row small, #screen-dialog .file-row small{font-size:10px;color:var(--muted)}
#inhalt .file-row>span, #screen-dialog .file-row>span{margin-left:auto}
#inhalt .folder-row.second, #screen-dialog .folder-row.second{margin-top:23px}
#inhalt .demo-footnote, #screen-dialog .demo-footnote{font-size:10px;color:var(--muted);margin:20px 0 0}
#inhalt .chat-bubble, #screen-dialog .chat-bubble{border-radius:9px;padding:16px 18px;margin:0 0 18px;max-width:90%}
#inhalt .chat-bubble small, #screen-dialog .chat-bubble small{font-size:9px;letter-spacing:1px}
#inhalt .chat-bubble p, #screen-dialog .chat-bubble p{font-size:13px;margin:8px 0 0;color:var(--ink)}
#inhalt .chat-bubble.customer, #screen-dialog .chat-bubble.customer{background:#eef2e9;margin-left:auto}
#inhalt .chat-bubble.team, #screen-dialog .chat-bubble.team{background:#e3efd3}
#inhalt .appointment, #screen-dialog .appointment{border:1px solid var(--line);padding:16px;display:flex;gap:16px;align-items:center;border-radius:8px}
#inhalt .date-tile, #screen-dialog .date-tile{padding:9px 11px;background:var(--ink);color:white;text-align:center;border-radius:5px}
#inhalt .date-tile strong, #screen-dialog .date-tile strong{display:block;font-size:25px;line-height:1}
#inhalt .date-tile small, #screen-dialog .date-tile small{font-size:7px;letter-spacing:1px}
#inhalt .appointment>div>strong, #screen-dialog .appointment>div>strong{font-size:12px}
#inhalt .appointment p, #screen-dialog .appointment p{font-size:10px;margin:4px 0}
#inhalt .tour-disclaimer, #screen-dialog .tour-disclaimer{font-size:11px;text-align:center;margin:30px 0 0}
#inhalt .management-grid, #screen-dialog .management-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:80px;align-items:center}
#inhalt .lead, #screen-dialog .lead{font-size:18px;line-height:1.7}
#inhalt .management-grid>div>p:not(.lead):not(.eyebrow), #screen-dialog .management-grid>div>p:not(.lead):not(.eyebrow){font-size:14px}
#inhalt .management-grid .button, #screen-dialog .management-grid .button{margin-top:12px;line-height:1.5}
#inhalt .management-card, #screen-dialog .management-card{border:1px solid var(--line);padding:32px;border-radius:10px;background:#fafbf8}
#inhalt .management-card article, #screen-dialog .management-card article{display:flex;gap:23px;border-top:1px solid var(--line);padding:25px 0 0;margin-top:25px}
#inhalt .management-card article>span, #screen-dialog .management-card article>span{font-size:12px;color:#729252}
#inhalt .management-card h3, #screen-dialog .management-card h3{font-size:21px;margin-bottom:12px}
#inhalt .management-card p, #screen-dialog .management-card p{font-size:13px;margin-bottom:0}
#inhalt .archive-section, #screen-dialog .archive-section{background:var(--ink);color:white;padding:105px 0;overflow:hidden}
#inhalt .archive-grid, #screen-dialog .archive-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}
#inhalt .archive-section p:not(.eyebrow), #screen-dialog .archive-section p:not(.eyebrow){color:#bfd0ca;font-size:15px}
#inhalt .archive-section .archive-signoff, #screen-dialog .archive-section .archive-signoff{margin:35px 0 0;font-size:14px;line-height:1.9}
#inhalt .archive-signoff strong, #screen-dialog .archive-signoff strong{color:var(--lime);font-weight:500}
#inhalt .archive-visual, #screen-dialog .archive-visual{position:relative;padding:20px}
#inhalt .archive-stack, #screen-dialog .archive-stack{position:absolute;inset:20px;background:#668473;border-radius:9px;transform:rotate(8deg)}
#inhalt .stack-mid, #screen-dialog .stack-mid{background:#a2b3a1;transform:rotate(4deg)}
#inhalt .archive-document, #screen-dialog .archive-document{position:relative;background:#f5f7ef;color:var(--ink);border-radius:7px;padding:32px 30px 40px;min-height:405px;box-shadow:0 20px 40px #0002}
#inhalt .archive-document>.pill, #screen-dialog .archive-document>.pill{position:absolute;right:24px;top:32px}
#inhalt .archive-document .eyebrow, #screen-dialog .archive-document .eyebrow{margin:30px 0 16px;font-size:8px;letter-spacing:1px}
#inhalt .archive-document h3, #screen-dialog .archive-document h3{font-size:29px;font-weight:500}
#inhalt .archive-rule, #screen-dialog .archive-rule{height:1px;background:#cad5c1;margin:25px 0}
#inhalt .archive-section .archive-document p:not(.eyebrow), #screen-dialog .archive-section .archive-document p:not(.eyebrow){font-size:11px;color:#536b52;margin-bottom:9px}
#inhalt .archive-stamp, #screen-dialog .archive-stamp{margin-top:32px;margin-left:auto;width:155px;border:1px solid #6e8c50;padding:10px;text-align:center;color:#688443;font-size:9px;letter-spacing:2px;transform:rotate(-6deg)}
#inhalt .archive-stamp strong, #screen-dialog .archive-stamp strong{font-size:10px}
#inhalt .archive-visual>small, #screen-dialog .archive-visual>small{display:block;text-align:center;color:#98afa7;font-size:10px;margin:30px 0 -20px;position:relative}
#inhalt .screens-grid, #screen-dialog .screens-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:36px;align-items:start}
#inhalt .screens-grid figure, #screen-dialog .screens-grid figure{margin:0;min-width:0}
#inhalt .screens-grid figure>a, #screen-dialog .screens-grid figure>a{display:block;position:relative;overflow:hidden;border:1px solid #bdcdc5;border-radius:12px;background:#f0f4f0}
#inhalt .screens-grid img, #screen-dialog .screens-grid img{width:100%;height:555px;object-fit:cover;object-position:top;display:block}
#inhalt .screens-grid figcaption, #screen-dialog .screens-grid figcaption{font-size:11px;color:var(--muted);padding:17px 5px;line-height:1.6}
#inhalt .mobile-figure, #screen-dialog .mobile-figure{max-width:290px;justify-self:center}
#inhalt .mobile-figure img, #screen-dialog .mobile-figure img{height:555px}
#inhalt .zoom-label, #screen-dialog .zoom-label{position:absolute;bottom:15px;left:15px;right:15px;padding:13px 15px;background:var(--ink);color:white;font-size:11px;border:1px solid #ffffff33;border-radius:5px;box-shadow:0 3px 20px #0002}
#inhalt .audience-section, #screen-dialog .audience-section{padding:90px 0;background:#edf3e7}
#inhalt .audience-grid, #screen-dialog .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:50px}
#inhalt .audience-grid article, #screen-dialog .audience-grid article{border-top:1px solid #c6d6b8;padding-top:24px}
#inhalt .audience-symbol, #screen-dialog .audience-symbol{font-size:35px;color:#648b3e}
#inhalt .audience-grid h3, #screen-dialog .audience-grid h3{font-size:27px;margin-top:15px}
#inhalt .audience-grid p, #screen-dialog .audience-grid p{font-size:14px}
#inhalt .audience-grid strong, #screen-dialog .audience-grid strong{display:block;font-size:13px;font-weight:600;margin-top:25px;line-height:1.6}
#inhalt .start-grid, #screen-dialog .start-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
#inhalt .start-grid>div>p:not(.eyebrow), #screen-dialog .start-grid>div>p:not(.eyebrow){max-width:410px;font-size:15px}
#inhalt .start-steps, #screen-dialog .start-steps{list-style:none;margin:0;padding:0}
#inhalt .start-steps li, #screen-dialog .start-steps li{display:flex;gap:25px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
#inhalt .start-steps li:last-child, #screen-dialog .start-steps li:last-child{margin:0;padding:0;border:0}
#inhalt .start-steps li>span, #screen-dialog .start-steps li>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid #bbd1aa;border-radius:50%;flex-shrink:0;color:#63843d;font-size:13px}
#inhalt .start-steps h3, #screen-dialog .start-steps h3{font-size:22px;margin-bottom:10px}
#inhalt .start-steps p, #screen-dialog .start-steps p{font-size:14px;margin:0}
#inhalt .faq-section, #screen-dialog .faq-section{padding:90px 0;background:#f4f6f3}
#inhalt .faq-grid, #screen-dialog .faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}
#inhalt .faq-list details, #screen-dialog .faq-list details{border-bottom:1px solid #cfdace;padding:20px 0}
#inhalt .faq-list details:first-child, #screen-dialog .faq-list details:first-child{border-top:1px solid #cfdace}
#inhalt .faq-list summary, #screen-dialog .faq-list summary{font-weight:600;font-size:15px;cursor:pointer;list-style:none;padding-right:25px;position:relative}
#inhalt .faq-list summary::-webkit-details-marker, #screen-dialog .faq-list summary::-webkit-details-marker{display:none}
#inhalt .faq-list summary:after, #screen-dialog .faq-list summary:after{content:'+';position:absolute;right:0;font-size:20px;font-weight:400;top:-3px}
#inhalt .faq-list details[open] summary:after, #screen-dialog .faq-list details[open] summary:after{content:'−'}
#inhalt .faq-list details p, #screen-dialog .faq-list details p{margin:16px 25px 0 0;font-size:14px}
#inhalt .closing, #screen-dialog .closing{padding-top:105px;padding-bottom:110px;text-align:center}
#inhalt .closing .eyebrow, #screen-dialog .closing .eyebrow, #inhalt .closing .actions, #screen-dialog .closing .actions{justify-content:center}
#inhalt .closing h2, #screen-dialog .closing h2{font-size:clamp(34px,3.6vw,52px);line-height:1.18}
#inhalt .closing h2 span, #screen-dialog .closing h2 span{color:#658446}
#inhalt .closing p:not(.eyebrow), #screen-dialog .closing p:not(.eyebrow){font-size:16px;margin:28px 0}
#inhalt .site-footer, #screen-dialog .site-footer{background:var(--deep);color:white;padding:45px 0}
#inhalt .site-footer>.wrap, #screen-dialog .site-footer>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}
#inhalt .site-footer .brand-icon, #screen-dialog .site-footer .brand-icon{background:var(--lime);color:var(--ink)}
#inhalt .site-footer p, #screen-dialog .site-footer p{font-size:11px;color:#a7bfb5;margin:0}
#inhalt .site-footer nav, #screen-dialog .site-footer nav{display:flex;gap:22px;font-size:11px;color:#d3dfd6}
#inhalt .skip, #screen-dialog .skip{position:fixed;top:-90px;left:20px;background:white;color:var(--ink);padding:15px;z-index:100}
#inhalt .skip:focus, #screen-dialog .skip:focus{top:15px}
#screen-dialog{padding:0;border:1px solid #92ad9f;border-radius:12px;width:min(1100px,94vw);max-height:92vh;color:var(--ink)}
#screen-dialog::backdrop{background:#071c22dc}
#inhalt .dialog-bar, #screen-dialog .dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;background:var(--ink);color:white;font-size:13px}
#inhalt .dialog-bar button, #screen-dialog .dialog-bar button{background:var(--lime);color:var(--ink);border:0;border-radius:4px;padding:10px 16px;cursor:pointer;font-size:12px}
#inhalt .dialog-scroll, #screen-dialog .dialog-scroll{overflow:auto;max-height:calc(92vh - 74px);padding:22px}
#inhalt .dialog-scroll img, #screen-dialog .dialog-scroll img{max-width:100%;height:auto;display:block;margin:auto}
#inhalt .dialog-scroll p, #screen-dialog .dialog-scroll p{font-size:12px;margin:20px 0 0}
@media(min-width:1550px){#inhalt .hero-grid, #screen-dialog .hero-grid{min-height:820px}
#inhalt .hero h1, #screen-dialog .hero h1{font-size:90px}
}
@media(max-width:1100px){#inhalt .wrap, #screen-dialog .wrap{width:calc(100% - 56px)}
#inhalt .head-inner nav, #screen-dialog .head-inner nav{gap:16px}
#inhalt .hero-grid, #screen-dialog .hero-grid{gap:25px}
#inhalt .hero h1, #screen-dialog .hero h1{font-size:62px;letter-spacing:-3px}
#inhalt .floating-note, #screen-dialog .floating-note{right:-4px;padding:12px 16px}
#inhalt .section-intro, #screen-dialog .section-intro{gap:25px}
#inhalt .section-intro>p, #screen-dialog .section-intro>p{max-width:280px}
#inhalt .tour-panel, #screen-dialog .tour-panel{gap:35px}
#inhalt .management-grid, #screen-dialog .management-grid, #inhalt .archive-grid, #screen-dialog .archive-grid, #inhalt .start-grid, #screen-dialog .start-grid{gap:45px}
#inhalt .hero-window .app-body, #screen-dialog .hero-window .app-body{padding:20px}
#inhalt .demo-projects article, #screen-dialog .demo-projects article{padding:12px}
#inhalt .completed .project-icon, #screen-dialog .completed .project-icon{left:12px}
#inhalt .demo-projects .completed, #screen-dialog .demo-projects .completed{padding-left:50px}
#inhalt .demo-projects h3, #screen-dialog .demo-projects h3{font-size:16px}
#inhalt .completed .pill, #screen-dialog .completed .pill{position:static;margin-bottom:6px}
#inhalt .completed h3, #screen-dialog .completed h3{max-width:none}
#inhalt .hero-bottom, #screen-dialog .hero-bottom{font-size:10px}
}
@media(max-width:800px){#inhalt .head-inner nav>a:not(.login), #screen-dialog .head-inner nav>a:not(.login){display:none}
#inhalt .head-inner, #screen-dialog .head-inner{min-height:76px}
#inhalt .hero-grid, #screen-dialog .hero-grid{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}
#inhalt .hero-copy, #screen-dialog .hero-copy{max-width:600px}
#inhalt .hero h1, #screen-dialog .hero h1{font-size:72px}
#inhalt .hero h1 br:nth-of-type(2), #screen-dialog .hero h1 br:nth-of-type(2){display:none}
#inhalt .hero-visual, #screen-dialog .hero-visual{max-width:550px;width:100%;justify-self:center;padding-top:0}
#inhalt .hero-window, #screen-dialog .hero-window{transform:rotate(-1deg)}
#inhalt .hero-bottom, #screen-dialog .hero-bottom{flex-wrap:wrap;justify-content:center;gap:15px 25px}
#inhalt .hero-bottom a, #screen-dialog .hero-bottom a{width:100%;text-align:center}
#inhalt .section, #screen-dialog .section, #inhalt .tour-section, #screen-dialog .tour-section, #inhalt .archive-section, #screen-dialog .archive-section, #inhalt .closing, #screen-dialog .closing{padding-top:75px;padding-bottom:75px}
#inhalt .section-intro, #screen-dialog .section-intro{display:block}
#inhalt .section-intro>p, #screen-dialog .section-intro>p{max-width:600px;margin-top:20px}
#inhalt .benefit-grid, #screen-dialog .benefit-grid{gap:22px}
#inhalt .benefit-grid h3, #screen-dialog .benefit-grid h3{font-size:24px}
#inhalt .tour-tabs, #screen-dialog .tour-tabs{display:flex;overflow:auto;gap:24px}
#inhalt .tour-tabs button, #screen-dialog .tour-tabs button{white-space:nowrap;font-size:12px}
#inhalt .tour-panel, #screen-dialog .tour-panel, #inhalt .management-grid, #screen-dialog .management-grid, #inhalt .archive-grid, #screen-dialog .archive-grid, #inhalt .start-grid, #screen-dialog .start-grid, #inhalt .faq-grid, #screen-dialog .faq-grid{grid-template-columns:1fr;gap:35px}
#inhalt .tour-copy h3 br, #screen-dialog .tour-copy h3 br{display:none}
#inhalt .tour-art, #screen-dialog .tour-art{max-width:600px;width:100%;justify-self:center}
#inhalt .archive-visual, #screen-dialog .archive-visual{max-width:400px;width:100%;justify-self:center}
#inhalt .screens-grid, #screen-dialog .screens-grid{gap:22px}
#inhalt .screens-grid img, #screen-dialog .screens-grid img{height:410px}
#inhalt .audience-grid, #screen-dialog .audience-grid{gap:22px}
#inhalt .audience-grid h3, #screen-dialog .audience-grid h3{font-size:23px}
#inhalt .site-footer>.wrap, #screen-dialog .site-footer>.wrap{flex-wrap:wrap}
#inhalt .faq-section, #screen-dialog .faq-section, #inhalt .audience-section, #screen-dialog .audience-section{padding:70px 0}
#inhalt .hero-lead, #screen-dialog .hero-lead{max-width:560px}
#inhalt .floating-note, #screen-dialog .floating-note{bottom:-10px}
#inhalt .visual-disclaimer, #screen-dialog .visual-disclaimer{margin-top:28px}
#inhalt .hero .hero-note, #screen-dialog .hero .hero-note{margin-top:25px}
}
@media(max-width:540px){#inhalt .wrap, #screen-dialog .wrap{width:calc(100% - 36px)}
#inhalt .brand, #screen-dialog .brand{font-size:22px}
#inhalt .brand-icon, #screen-dialog .brand-icon{width:34px;height:37px;font-size:29px}
#inhalt .brand small, #screen-dialog .brand small{font-size:8px;letter-spacing:3px}
#inhalt .head-inner, #screen-dialog .head-inner{gap:12px}
#inhalt .login, #screen-dialog .login{font-size:10px;padding:10px}
#inhalt .hero h1, #screen-dialog .hero h1{font-size:57px;letter-spacing:-2.8px}
#inhalt .hero h1 br:nth-of-type(2), #screen-dialog .hero h1 br:nth-of-type(2){display:block}
#inhalt .hero-grid, #screen-dialog .hero-grid{padding-top:40px;gap:30px}
#inhalt .hero-lead, #screen-dialog .hero-lead{font-size:15px}
#inhalt .eyebrow, #screen-dialog .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}
#inhalt .actions, #screen-dialog .actions{gap:17px}
#inhalt .button, #screen-dialog .button{font-size:12px;padding:15px 18px}
#inhalt .hero .actions, #screen-dialog .hero .actions{align-items:flex-start}
#inhalt .hero-visual, #screen-dialog .hero-visual{padding-top:10px}
#inhalt .hero-window, #screen-dialog .hero-window{transform:none;border-radius:9px}
#inhalt .window-top, #screen-dialog .window-top{padding:12px 14px}
#inhalt .window-top strong span, #screen-dialog .window-top strong span{font-size:10px}
#inhalt .app-body, #screen-dialog .app-body{padding:16px!important}
#inhalt .app-body h2, #screen-dialog .app-body h2{font-size:25px}
#inhalt .demo-projects, #screen-dialog .demo-projects{gap:8px}
#inhalt .demo-projects h3, #screen-dialog .demo-projects h3{font-size:14px}
#inhalt .demo-projects article, #screen-dialog .demo-projects article{padding:11px}
#inhalt .demo-projects p, #screen-dialog .demo-projects p{font-size:8px}
#inhalt .new-items, #screen-dialog .new-items{font-size:8px}
#inhalt .demo-projects .completed, #screen-dialog .demo-projects .completed{padding-left:47px}
#inhalt .floating-note, #screen-dialog .floating-note{position:relative;right:auto;bottom:auto;margin:15px 0 0;transform:none;justify-content:center;padding:12px}
#inhalt .visual-disclaimer, #screen-dialog .visual-disclaimer{margin-top:12px;font-size:8px;text-align:center}
#inhalt .visual-label, #screen-dialog .visual-label{font-size:8px}
#inhalt .hero-bottom, #screen-dialog .hero-bottom{font-size:9px;padding:20px 0}
#inhalt .benefit-grid, #screen-dialog .benefit-grid, #inhalt .audience-grid, #screen-dialog .audience-grid{grid-template-columns:1fr;gap:30px}
#inhalt .benefit-grid h3 br, #screen-dialog .benefit-grid h3 br{display:none}
#inhalt .benefit-grid h3, #screen-dialog .benefit-grid h3{font-size:27px}
#inhalt .line-number, #screen-dialog .line-number{margin-bottom:18px}
#inhalt .section, #screen-dialog .section, #inhalt .tour-section, #screen-dialog .tour-section, #inhalt .archive-section, #screen-dialog .archive-section, #inhalt .closing, #screen-dialog .closing{padding-top:55px;padding-bottom:55px}
#inhalt h2, #screen-dialog h2{font-size:35px;letter-spacing:-1.4px}
#inhalt .section-intro, #screen-dialog .section-intro{margin-bottom:28px}
#inhalt .section-intro>p, #screen-dialog .section-intro>p{font-size:14px}
#inhalt .tour-copy h3, #screen-dialog .tour-copy h3{font-size:33px;letter-spacing:-1px}
#inhalt .tour-copy p, #screen-dialog .tour-copy p{font-size:14px}
#inhalt .tour-art, #screen-dialog .tour-art{padding:20px}
#inhalt .tour-tabs, #screen-dialog .tour-tabs{margin-bottom:24px;gap:18px}
#inhalt .tour-tabs button, #screen-dialog .tour-tabs button{font-size:11px;padding:13px 0}
#inhalt .tour-panel, #screen-dialog .tour-panel{gap:22px}
#inhalt .tour-disclaimer, #screen-dialog .tour-disclaimer{font-size:10px}
#inhalt .management-card, #screen-dialog .management-card{padding:24px}
#inhalt .management-card article, #screen-dialog .management-card article{gap:17px}
#inhalt .archive-grid, #screen-dialog .archive-grid{gap:35px}
#inhalt .archive-document, #screen-dialog .archive-document{padding:25px;min-height:380px}
#inhalt .screens-grid, #screen-dialog .screens-grid{grid-template-columns:1fr;gap:24px}
#inhalt .screens-grid img, #screen-dialog .screens-grid img{height:380px}
#inhalt .mobile-figure, #screen-dialog .mobile-figure{max-width:255px}
#inhalt .mobile-figure img, #screen-dialog .mobile-figure img{height:470px}
#inhalt .screens-grid figcaption, #screen-dialog .screens-grid figcaption{font-size:10px}
#inhalt .audience-grid, #screen-dialog .audience-grid{margin-top:30px}
#inhalt .audience-grid h3, #screen-dialog .audience-grid h3{font-size:28px}
#inhalt .audience-symbol, #screen-dialog .audience-symbol{font-size:32px}
#inhalt .audience-grid strong, #screen-dialog .audience-grid strong{margin-top:15px}
#inhalt .closing h2, #screen-dialog .closing h2{font-size:34px}
#inhalt .closing h2 br:first-child, #screen-dialog .closing h2 br:first-child{display:none}
#inhalt .closing p:not(.eyebrow), #screen-dialog .closing p:not(.eyebrow){font-size:14px}
#inhalt .closing .actions, #screen-dialog .closing .actions{flex-direction:column}
#inhalt .site-footer>.wrap, #screen-dialog .site-footer>.wrap{display:block}
#inhalt .site-footer p, #screen-dialog .site-footer p{margin:25px 0}
#inhalt .site-footer nav, #screen-dialog .site-footer nav{gap:22px}
#inhalt .dialog-bar, #screen-dialog .dialog-bar{padding:12px;font-size:10px}
#inhalt .dialog-bar button, #screen-dialog .dialog-bar button{font-size:10px;padding:8px}
#inhalt .dialog-scroll, #screen-dialog .dialog-scroll{padding:10px}
#inhalt .faq-list summary, #screen-dialog .faq-list summary{font-size:14px}
#inhalt .faq-list details p, #screen-dialog .faq-list details p{font-size:13px}
#inhalt .start-steps li, #screen-dialog .start-steps li{gap:17px}
}
@media(prefers-reduced-motion:reduce){#inhalt *, #screen-dialog *{transition:none!important}
}
#inhalt .portal-navigation, #screen-dialog .portal-navigation{position:relative}
#inhalt .portal-navigation>summary, #screen-dialog .portal-navigation>summary{cursor:pointer;font-weight:700;padding:12px}
#inhalt .portal-navigation nav, #screen-dialog .portal-navigation nav{padding:16px}
#inhalt .portal-contact-image, #screen-dialog .portal-contact-image{max-width:240px;max-height:90px;object-fit:contain}
#inhalt .site-footer nav, #screen-dialog .site-footer nav{flex-wrap:wrap}
#inhalt .head-inner nav, #screen-dialog .head-inner nav{flex-wrap:wrap}
#inhalt .head-inner .portal-navigation nav>a, #screen-dialog .head-inner .portal-navigation nav>a{display:inline-block}
@media(min-width:1101px){#inhalt .portal-navigation>summary, #screen-dialog .portal-navigation>summary{display:none}
#inhalt .portal-navigation>nav, #screen-dialog .portal-navigation>nav{display:flex!important}
#inhalt .portal-navigation, #screen-dialog .portal-navigation{display:contents}
#inhalt .portal-navigation::details-content, #screen-dialog .portal-navigation::details-content{display:contents}
}
@media(max-width:1100px){#inhalt .portal-navigation[open] nav, #screen-dialog .portal-navigation[open] nav{position:absolute;right:0;top:100%;width:260px;background:white;color:#172f36;box-shadow:0 12px 30px #172f3626;z-index:30;display:flex;flex-direction:column;align-items:stretch}
#inhalt .head-inner .portal-navigation nav>a, #screen-dialog .head-inner .portal-navigation nav>a{display:block;padding:10px}
#inhalt .portal-navigation:not([open]) nav, #screen-dialog .portal-navigation:not([open]) nav{display:none}
}
#inhalt .faq-list summary>span:last-child, #screen-dialog .faq-list summary>span:last-child{display:none}