/* Colors, typography, module gradients and table styling follow PEP-WebApp/assets/styles.css. */
:root{--app-bg-top:#f8fafc;--app-bg-mid:#eef2f7;--app-bg-bottom:#e5ebf3;--app-text:#20262d;--app-heading:#171b21;--app-muted:#667280;--app-panel:rgba(255,255,255,.88);--app-border:rgba(27,35,45,.14);--app-border-soft:rgba(27,35,45,.10);--app-shadow:0 10px 24px rgba(31,42,55,.10);--app-accent:#2f6fae;--app-accent-strong:#214c7d;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;min-height:100vh;color:var(--app-text);font-family:"Avenir Next","Trebuchet MS",system-ui,sans-serif;line-height:1.62;background:linear-gradient(180deg,var(--app-bg-top) 0%,var(--app-bg-mid) 52%,var(--app-bg-bottom) 100%)}button,input{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Avenir Next",system-ui,sans-serif;font-weight:400;letter-spacing:0;color:var(--app-heading)}em{font:inherit;color:var(--app-accent)}strong{font-weight:400}button,a,summary,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #2f6fae;outline-offset:4px}.header{width:calc(100% - 40px);max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 14px;border-bottom:1px solid var(--app-border-soft)}.brand{display:flex;align-items:center;gap:16px;font-size:17px;white-space:nowrap}.brand-logo{width:90px;height:auto;display:block}.brand-sub{display:block;color:var(--app-muted);font-size:11px}.header nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.header nav a{padding:8px 12px;font-size:12px;border:1px solid var(--app-border);background:var(--app-panel);border-radius:8px;box-shadow:0 3px 8px #1f2a3710}.header nav .nav-cta{background:#2f6fae;border-color:#2f6fae;color:white}.header nav .nav-cta span{margin-left:8px}.hero,.section,.module-overview,.staffing-section,.security,.closing,footer{width:calc(100% - 40px);max-width:1180px;margin:auto}.hero{display:grid;grid-template-columns:.92fr 1.18fr;gap:30px;align-items:center;padding:45px 0 32px}.hero-brand{width:170px;height:auto;margin-bottom:20px}.eyebrow{font-size:10px;color:var(--app-accent);letter-spacing:.12em;text-transform:uppercase;font-weight:400;margin-bottom:14px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2f6fae;margin-right:6px}h1{font-size:clamp(30px,3vw,38px);line-height:1.17;margin-bottom:20px;overflow-wrap:normal;hyphens:auto}.lead{font-size:14px;color:var(--app-muted);margin-bottom:22px}.actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:white;background:#2f6fae;border:1px solid rgba(47,111,174,.72);border-radius:8px;padding:10px 15px;font-size:12px;font-weight:400;box-shadow:0 5px 14px rgba(47,111,174,.18)}.button:hover,.nav-cta:hover{background:#214c7d}.text-link,.light-link{font-size:12px;color:var(--app-accent);font-weight:400}.hero-notes{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--app-muted);margin-top:22px}.hero-notes span:before{content:'✓';color:#238563;margin-right:5px}.hero-visual{min-width:0}.preview{border:1px solid var(--app-border);border-radius:14px;background:var(--app-panel);box-shadow:var(--app-shadow);overflow:hidden}.preview-top{display:flex;gap:9px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--app-border-soft);background:#f8fafc}.preview-app-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:8px;background:#2f6fae;color:white;box-shadow:0 5px 14px #2f6fae25}.preview-app-icon svg{width:22px;height:22px}.preview-top strong{font-size:15px}.preview-top small{display:block;font-size:9px;color:var(--app-muted)}.preview-status{font-size:9px;color:var(--app-muted);margin-left:auto}.preview-body{padding:14px}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:12px}.preview-heading h2{font-size:22px;margin-bottom:0;line-height:1.1}.month{font-size:9px;color:var(--app-muted)}.app-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:8px;margin-bottom:10px}.app-tool{border:1px solid var(--app-border);border-radius:5px;padding:3px 6px;background:#fff;color:#2f6fae}.plan-status{color:#aa5d05;background:#fff1dd;border:1px solid #f4c18b;padding:3px 6px;border-radius:9px;margin-right:auto}.demo-scroll{overflow-x:auto}.schedule{width:100%;min-width:520px;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:9px;line-height:1.1;color:#20262d}.schedule th,.schedule td{padding:2px 1px;text-align:center;border:1px solid rgba(27,35,45,.24);height:18px;overflow:hidden}.schedule th:first-child{width:85px;text-align:left;padding-left:5px}.schedule th:nth-last-child(-n+2){width:43px}.schedule thead th{background:#e6ebf1;font-weight:400;height:29px;font-size:8px}.schedule tbody th{background:white;vertical-align:middle;font-weight:400}.schedule .plan-row td{color:#171b21}.schedule .actual-row td,.schedule .credited-row td{background:rgba(248,250,252,.70);color:#5e6975;font-size:7px;height:13px}.schedule .credited-row td{border-bottom:1px solid #000}.schedule .total{background:white!important;font-size:8px!important}.schedule .weekend{background:#fff3a6!important}.schedule .actual-row .weekend,.schedule .credited-row .weekend{background:#fff8d7!important}.schedule .today{border-left:1px solid #2f6fae;border-right:1px solid #2f6fae}.schedule .shift-F{background:#b4e6e0}.schedule .shift-S{background:#f9c9e2}.schedule .shift-U{background:#59bc67;color:white!important}.schedule tfoot{background:#f0f3f7;color:#238563;font-size:7px}.schedule tfoot th{color:#20262d;font-weight:400}.plan-bottom{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:var(--app-muted);padding-top:12px}.dot{width:6px;height:6px;display:inline-block;border-radius:1px;margin:0 3px 0 6px}.mint{background:#b4e6e0}.peach{background:#f9c9e2}.lilac{background:#59bc67}.demo-label{font-size:9px;color:var(--app-muted);margin:10px 3px 0}.module-overview{padding:24px 0 45px}.module-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.module-head h2{font-size:24px;margin-bottom:4px}.module-head p{font-size:12px;color:var(--app-muted);margin-bottom:0}.main-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px}.menu-tile{display:flex;align-items:center;min-width:0;min-height:78px;padding:0 12px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-panel);box-shadow:var(--app-shadow);transition:transform .16s,border-color .16s}.menu-tile strong{display:block;font-size:14px;color:#171b21}.menu-tile small{font-size:9px;color:var(--app-muted);display:block;line-height:1.3}.menu-tile:hover{transform:translateY(-2px);border-color:var(--tile-icon-a)}.sf-symbol{display:grid;flex:0 0 34px;width:34px;height:34px;margin-right:12px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:10px;color:white;background:linear-gradient(145deg,var(--tile-icon-a,#2f6fae),var(--tile-icon-b,#214c7d));box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 5px 12px color-mix(in srgb,var(--tile-icon-a,#2f6fae) 24%,transparent)}.sf-symbol svg{width:24px;height:24px;display:block}.section{padding:40px 0 48px;border-top:1px solid var(--app-border-soft)}.section-heading{max-width:690px;margin-bottom:26px}.section h2,.staffing-section h2,.security h2,.closing h2{font-size:32px;line-height:1.2;margin-bottom:15px}.section-heading>p:last-child{font-size:14px;color:var(--app-muted);max-width:620px}.planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.process article{display:flex;gap:18px;margin-bottom:20px}.process article>span{color:#2f6fae;font-size:12px;margin-top:4px}.process h3{font-size:18px;margin-bottom:7px}.process p,.connected p:last-of-type{font-size:13px;color:var(--app-muted)}.connected{padding:26px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-panel);box-shadow:var(--app-shadow)}.system-map{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.system-map span{text-align:center;font-size:12px;padding:11px;border:1px solid var(--app-border);border-radius:7px;background:#f8fafc}.system-map strong{grid-column:span 2;text-align:center;background:#2f6fae;color:white;padding:16px;border-radius:8px;font-size:20px}.staffing-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:28px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-panel);box-shadow:var(--app-shadow);margin-bottom:45px}.staffing-section p:not(.eyebrow){font-size:13px;color:var(--app-muted)}.staffing-card{border:1px solid var(--app-border-soft);border-radius:10px;padding:22px;background:#f8fafc}.card-title{display:flex;justify-content:space-between;font-size:14px}.card-title span{color:var(--app-muted);font-size:10px}.bars{margin-top:22px}.bars>div{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center;margin-bottom:16px}.bars label{font-size:11px}.track{height:18px;border-radius:4px;background:#e6ebf1;overflow:hidden}.track span{display:block;height:100%;background:linear-gradient(145deg,#3d6fb3,#6c4fa3);border-radius:4px}.chart-legend{display:flex;gap:20px;color:var(--app-muted);font-size:9px}.chart-legend i{display:inline-block;width:8px;height:8px;background:#3d6fb3;margin-right:5px}.chart-legend>span:nth-child(2) i{background:#e6ebf1;border:1px solid #a9b7c7}.staffing-card>p{font-size:9px!important;margin:12px 0}.staffing-points{border-top:1px solid var(--app-border-soft);display:flex;gap:14px;flex-wrap:wrap;padding-top:12px;font-size:9px;color:var(--app-muted)}.catalog-tools{border:1px solid var(--app-border);background:var(--app-panel);border-radius:14px;padding:18px;box-shadow:var(--app-shadow)}.search{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid var(--app-border);background:rgba(248,250,252,.94);border-radius:8px;max-width:650px}.search>span{font-size:24px;color:#2f6fae;line-height:1}.search input{border:0;background:transparent;min-width:0;flex:1;font-size:13px;min-height:28px;color:var(--app-text)}.search kbd{font-size:11px;padding:0 6px;border:1px solid var(--app-border);border-radius:4px;color:var(--app-muted)}.filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.filters button{padding:7px 12px;font-size:12px;font-weight:400;border:1px solid var(--app-border);border-radius:7px;background:var(--app-panel);color:var(--app-text);cursor:pointer}.filters button.active{color:white;background:#2f6fae;border-color:#2f6fae}.result-count{font-size:11px;color:var(--app-muted);margin:18px 0}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.feature{padding:20px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-panel);box-shadow:var(--app-shadow);scroll-margin-top:25px}.feature-category{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--app-muted);margin-bottom:13px}.feature-heading{display:flex;align-items:center;margin-bottom:12px}.feature-heading h3{margin:0;font-size:18px;line-height:1.3}.feature>p:not(.feature-category){font-size:12px;color:var(--app-muted)}details summary{cursor:pointer;list-style:none;font-weight:400}details summary::-webkit-details-marker{display:none}details summary:after{content:'+';float:right;margin-left:8px;color:#2f6fae}details[open] summary:after{content:'−'}.feature details{border-top:1px solid var(--app-border-soft);padding-top:13px;margin-top:18px}.feature summary{font-size:12px;color:#2f6fae}.audience{font-size:10px;color:var(--app-muted);margin-top:15px}.feature ul{padding-left:17px;font-size:12px;color:var(--app-muted)}.feature li{margin-bottom:10px}.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.role-grid article{padding:20px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-panel);box-shadow:var(--app-shadow)}.role-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:15px;color:white;background:linear-gradient(145deg,#3360c9,#6c4bd2);border-radius:10px;font-size:20px}.role-grid h3{font-size:18px;line-height:1.3;margin-bottom:12px}.role-grid p{font-size:12px;color:var(--app-muted)}.role-grid small{display:block;font-size:10px;color:var(--app-muted);border-top:1px solid var(--app-border-soft);padding-top:12px}.security{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:32px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-panel);box-shadow:var(--app-shadow);margin-bottom:45px}.security>div>p:not(.eyebrow){font-size:13px;color:var(--app-muted)}.security-list article{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--app-border-soft)}.security-list article:first-child{padding-top:0}.security-list article>span{font-size:11px;color:#2f6fae}.security-list h3{font-size:17px;margin-bottom:6px}.security-list p{font-size:12px;margin:0;color:var(--app-muted)}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:35px}.faq details{padding:15px;border:1px solid var(--app-border);border-radius:10px;background:var(--app-panel);margin-bottom:8px}.faq summary{font-size:14px}.faq details p{font-size:13px;color:var(--app-muted);margin:14px 0 0}.closing{border:1px solid var(--app-border);border-radius:14px;background:var(--app-panel);box-shadow:var(--app-shadow);text-align:center;padding:35px 20px;margin-bottom:24px}.closing h2{font-size:34px}.closing .button{margin-top:10px}footer{border-top:1px solid var(--app-border-soft);display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:20px 0 28px;font-size:10px;color:var(--app-muted)}footer .brand{color:var(--app-text)}footer .brand-logo{width:65px}footer .brand-sub{font-size:9px}footer p{margin:0}footer>span{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.main-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:1fr;gap:28px}.hero-copy{max-width:780px}.hero-brand{width:150px}.hero-visual{width:100%}.schedule{min-width:570px;font-size:11px}.schedule .actual-row td,.schedule .credited-row td{font-size:9px;height:16px}.schedule .total{font-size:10px!important}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav{gap:6px}.header nav a{padding:6px 9px;font-size:11px}.header nav>a:first-child{display:none}}
@media(max-width:640px){html{scroll-padding-top:25px}.hero,.section,.module-overview,.staffing-section,.security,.closing,footer,.header{width:calc(100% - 28px)}.header{padding:12px 0;gap:10px}.brand{gap:8px;font-size:14px}.brand-logo{width:68px}.brand-sub{font-size:9px}.header nav>a:not(.nav-cta){display:none}.header nav .nav-cta{font-size:10px;padding:8px}.hero{padding:28px 0 25px}.hero-brand{width:140px;margin-bottom:15px}h1{font-size:30px}.lead{font-size:13px}.hero-notes{gap:10px;font-size:9px}.actions{gap:12px}.button{font-size:11px;padding:10px 12px}.text-link,.light-link{font-size:11px}.preview-body{padding:9px}.preview-top{padding:10px}.preview-heading{align-items:start;flex-direction:column;gap:4px}.preview-heading h2{font-size:20px}.preview-top strong{font-size:13px}.preview-status{font-size:8px}.schedule{min-width:520px;font-size:9px}.schedule .actual-row td,.schedule .credited-row td{font-size:7px;height:13px}.schedule .total{font-size:8px!important}.demo-label{font-size:8px}.main-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-tile{padding:10px 8px;min-height:74px}.menu-tile strong{font-size:12px;overflow-wrap:anywhere}.menu-tile small{font-size:8px}.menu-tile .sf-symbol{margin-right:7px;width:30px;height:30px;flex-basis:30px;border-radius:8px}.menu-tile .sf-symbol svg{width:22px;height:22px}.module-head{align-items:start;gap:10px}.module-head h2{font-size:21px}.module-head p{font-size:11px}.module-head .text-link{max-width:90px;flex-shrink:0}.section{padding:28px 0 34px}.section h2,.staffing-section h2,.security h2{font-size:27px}.planning-grid,.staffing-section,.security,.faq{grid-template-columns:1fr;gap:20px}.connected{padding:20px}.staffing-section,.security{padding:20px;margin-bottom:30px}.staffing-card{padding:18px}.features{grid-template-columns:1fr}.feature{padding:18px}.role-grid{grid-template-columns:1fr}.role-grid article{padding:18px}.catalog-tools{padding:13px}.search{padding:7px 8px}.search input{font-size:11px}.search kbd{display:none}.filters button{font-size:10px;padding:7px 9px}.section-heading>p:last-child{font-size:13px}.closing{padding:27px 16px}.closing h2{font-size:28px}footer{gap:14px}footer>span{margin-left:0;width:100%;order:4}.faq summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Complete month preview: all 31 days fit the desktop layout. */
.hero{grid-template-columns:1fr}.hero-copy{max-width:780px}.hero-visual{grid-column:1/-1;width:100%}.hero-brand{float:right;margin:0 0 12px 24px;width:130px}.hero-copy h1{font-size:38px}.schedule{min-width:1080px;width:100%;font-size:9px}.schedule col.person-column{width:94px}.schedule col.day-column{width:27px}.schedule col.total-column{width:55px}.schedule th:first-child{width:auto}.schedule thead th:nth-last-child(-n+2){width:auto}.schedule tbody th:first-child{position:sticky;left:0;z-index:1;background:#fff}.schedule .actual-row td,.schedule .credited-row td{font-size:7px;height:13px}.schedule .total{font-size:9px!important}.schedule tfoot .understaffed{color:#c52d2d}.schedule tfoot .covered{color:#238563}.demo-scroll{border-radius:2px}.preview-heading h2{font-size:24px}.app-toolbar{font-size:10px}.preview-top strong{font-size:17px}.preview-top small{font-size:11px}.month{font-size:11px}.plan-bottom{font-size:10px}.demo-label{font-size:10px}
@media(max-width:640px){.hero-copy h1{font-size:30px}.hero-brand{float:none;width:140px;margin:0 0 16px}.schedule{min-width:1080px}.schedule .actual-row td,.schedule .credited-row td{font-size:7px}.preview-heading h2{font-size:20px}.preview-top strong{font-size:13px}.preview-top small{font-size:9px}.month{font-size:10px}.app-toolbar{font-size:8px}.plan-bottom{font-size:8px}.demo-label{font-size:8px}.demo-scroll:focus-visible{outline:2px solid #2f6fae}.demo-label:after{content:' · Tabelle horizontal scrollbar'}}

/* Section titles remain at the top within their own section boundary. */
main>section{position:relative;isolation:isolate}.sticky-section-title{position:sticky;top:0;z-index:20;grid-column:1/-1;align-self:start;max-width:none;width:100%;padding:12px 0 10px;margin:0 0 18px;background:#eef2f7;border-bottom:1px solid var(--app-border-soft)}.sticky-section-title .eyebrow{margin-bottom:7px}.sticky-section-title h2{margin-bottom:0;font-size:28px;line-height:1.2}.sticky-section-title h2 br{display:none}.sticky-section-title h2 em:before{content:' '}.section-intro{max-width:690px;margin:0 0 25px;color:var(--app-muted);font-size:14px}.staffing-section,.security,.faq{align-items:start}.staffing-section>.sticky-section-title,.security>.sticky-section-title{margin-top:-12px;padding-top:12px}.catalog .feature:has(details[open]) .feature-heading{position:sticky;top:var(--catalog-title-height,100px);z-index:5;background:#fff;padding:10px 0;border-bottom:1px solid var(--app-border-soft)}.legal-overview{width:calc(100% - 40px);max-width:1180px;margin:20px auto 30px;padding-top:15px;border-top:1px solid var(--app-border-soft)}.legal-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.legal-links>a{display:block;border:1px solid var(--app-border);border-radius:14px;padding:20px;background:var(--app-panel);box-shadow:var(--app-shadow)}.legal-links h3{font-size:19px;margin-bottom:8px}.legal-links h3 span{float:right;color:#2f6fae}.legal-links p{font-size:12px;color:var(--app-muted);margin:0}.legal-draft-hint{font-size:11px;color:var(--app-muted);margin-top:16px}.legal-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;width:100%;padding-top:14px;border-top:1px solid var(--app-border-soft)}.legal-nav a{color:#2f6fae}.legal-page{width:calc(100% - 40px);max-width:850px;margin:40px auto 60px;padding:30px;border:1px solid var(--app-border);background:var(--app-panel);border-radius:14px;box-shadow:var(--app-shadow)}.legal-page h1{font-size:36px;overflow-wrap:anywhere}.legal-date{font-size:12px;color:var(--app-muted)}.legal-page h2{font-size:21px;margin:30px 0 12px}.legal-page p,.legal-page li,.legal-page address{font-size:14px;line-height:1.75}.legal-page address{font-style:normal;margin:14px 0}.legal-page a{text-decoration:underline;text-underline-offset:3px;color:#2f6fae;overflow-wrap:anywhere}.draft-note{padding:16px;border:1px solid #dbbd7c;background:#fff6e4;border-radius:10px;margin:20px 0}.draft-note strong{display:block;color:#7a5107;font-size:14px}.draft-note p{font-size:13px;margin:8px 0 0}.faq>.sticky-section-title{grid-column:1/-1}.faq>div:last-child{grid-column:1/-1;max-width:850px}.legal-page ul{padding-left:22px}
@media(max-width:640px){.sticky-section-title{padding:10px 0;margin-bottom:15px}.sticky-section-title h2{font-size:22px}.sticky-section-title .eyebrow{font-size:9px;letter-spacing:.07em}.legal-overview{width:calc(100% - 28px)}.legal-links{grid-template-columns:1fr}.legal-page{width:calc(100% - 28px);padding:20px;margin-top:24px}.legal-page h1{font-size:29px}.legal-page h2{font-size:20px}.legal-page p,.legal-page li,.legal-page address{font-size:13px}.legal-page+.header .button{font-size:10px}.legal-nav{gap:14px}.staffing-section>.sticky-section-title,.security>.sticky-section-title{margin-top:-10px}}
@media print{.header,.legal-nav,footer{display:none}.legal-page{margin:0;width:100%;max-width:none;border:0;box-shadow:none;padding:0}.sticky-section-title{position:static}.legal-page a{color:inherit}.draft-note{break-inside:avoid}}

.feature[hidden]{display:none!important}
@media(min-width:1100px){.role-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* Topic pages share the application typography and palette. */
.topic-page{width:calc(100% - 40px);max-width:1180px;margin:auto}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0;color:var(--app-muted);font-size:12px}.breadcrumb a{color:var(--app-accent)}.topic-hero{padding:20px 0 36px;border-bottom:1px solid var(--app-border-soft)}.topic-hero h1{font-size:clamp(32px,4vw,48px);max-width:850px;line-height:1.17;overflow-wrap:normal;hyphens:auto}.topic-hero .lead{max-width:800px;font-size:17px}.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:45px;align-items:start;padding:35px 0}.topic-section{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--app-border-soft);scroll-margin-top:25px}.topic-section h2{font-size:25px;line-height:1.3;margin-bottom:16px}.topic-section p{font-size:15px;color:var(--app-muted);line-height:1.85}.topic-section a{color:var(--app-accent);text-decoration:underline;text-underline-offset:3px}.topic-sidebar{position:sticky;top:20px}.topic-sidebar .connected{padding:22px}.topic-sidebar h2{font-size:22px;line-height:1.3}.topic-feature-links{display:grid;gap:8px;margin:18px 0 24px}.topic-feature-links a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--app-border-soft);font-size:13px;color:var(--app-accent)}.topic-sidebar .sidebar-note{font-size:10px!important;margin:13px 0 0;overflow-wrap:anywhere}.topic-faq details{padding:14px;background:var(--app-panel);border:1px solid var(--app-border);border-radius:9px;margin-bottom:10px}.topic-faq summary{font-size:14px;line-height:1.5}.topic-faq details p{font-size:13px;margin:14px 0 0}.topic-page .closing{width:100%;margin-bottom:30px}.topic-page .closing>p:not(.eyebrow){max-width:620px;margin:0 auto 18px;font-size:14px;color:var(--app-muted)}.topic-actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.topic-link-card{display:block;padding:25px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-panel);box-shadow:var(--app-shadow)}.topic-link-card h3{font-size:23px;margin-bottom:12px}.topic-link-card h3 span{color:var(--app-accent);float:right}.topic-link-card p{font-size:14px;color:var(--app-muted);margin:0}.topic-link-card:hover{border-color:var(--app-accent)}
@media(max-width:850px){.topic-layout{grid-template-columns:1fr;gap:0}.topic-sidebar{position:static;margin-bottom:30px}.topic-feature-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.topic-sidebar .button{margin-top:10px}}@media(max-width:640px){.topic-page{width:calc(100% - 28px)}.topic-hero{padding:10px 0 25px}.topic-hero h1{font-size:32px}.topic-hero .lead{font-size:15px}.topic-section h2{font-size:23px}.topic-section p{font-size:14px}.topic-feature-links{grid-template-columns:1fr}.topic-actions{gap:15px}.topic-link-card{padding:20px}.topic-link-card h3{font-size:21px}}
.topic-hero h1{hyphens:none;overflow-wrap:normal}

.demo-request>p:not(.eyebrow){max-width:760px;margin-left:auto;margin-right:auto}.demo-request .demo-contact-note{font-size:12px;color:var(--app-muted);margin-top:18px;line-height:1.7}.demo-contact-note a{color:var(--app-accent);text-decoration:underline}
/* Original application screenshots, cropped in layout without changing their pixels. */
.product-screenshots{padding:48px 0}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.screenshot-card{margin:0;min-width:0;background:var(--app-panel);border:1px solid var(--app-border);border-radius:14px;overflow:hidden;box-shadow:var(--app-shadow)}.screenshot-card:last-child:nth-child(odd){grid-column:1/-1}.screenshot-open{display:block;width:100%;padding:0;border:0;background:#eef2f7;color:var(--app-accent);cursor:zoom-in;text-align:left}.screenshot-frame{display:block;position:relative;overflow:hidden;width:100%;background:#f8fafc}.screenshot-frame img{display:block;position:absolute;max-width:none;width:var(--shot-width);height:auto;left:var(--shot-left);top:var(--shot-top)}.screenshot-zoom{display:block;background:#f8fafc;border-top:1px solid var(--app-border-soft);padding:9px 18px;font-size:11px}.screenshot-open:hover .screenshot-zoom{background:#e4edf8}.screenshot-card figcaption{padding:20px 22px}.screenshot-card h3{font-size:21px;line-height:1.35;margin-bottom:8px}.screenshot-card p{font-size:13px;color:var(--app-muted);margin:0}.topic-page>.product-screenshots{width:100%;margin-bottom:32px}.topic-page .product-screenshots h2{font-size:32px}.screenshot-dialog{width:min(1400px,96vw);max-width:96vw;max-height:94vh;padding:18px;border:1px solid var(--app-border);border-radius:16px;background:#f8fafc;color:var(--app-text);box-shadow:0 20px 80px #14233855}.screenshot-dialog::backdrop{background:#142338b8}.screenshot-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.screenshot-dialog h2{font-size:21px;margin:0}.screenshot-close{flex-shrink:0;border:1px solid var(--app-border);background:white;color:var(--app-accent);padding:8px 12px;border-radius:7px;cursor:pointer}.screenshot-dialog-content{min-width:700px}.screenshot-dialog>p{font-size:11px;color:var(--app-muted);margin:12px 0 0}.screenshot-dialog{overflow:auto}@media(max-width:700px){.screenshot-grid{grid-template-columns:1fr;gap:18px}.screenshot-card:last-child:nth-child(odd){grid-column:auto}.screenshot-card figcaption{padding:17px}.screenshot-dialog-head{position:sticky;left:0;top:-18px;z-index:2;background:#f8fafc;padding:10px 0}.screenshot-dialog h2{font-size:17px}.screenshot-dialog{padding:12px}}

.hero-screenshot{margin:0;border:1px solid var(--app-border);border-radius:14px;overflow:hidden;box-shadow:var(--app-shadow)}.hero-screenshot figcaption{padding:8px 12px;background:#f8fafc}.hero-screenshot .demo-label{margin:0}.screenshot-card:has([data-screenshot^="dienstplanung"]){grid-column:1/-1}