:root{--bg:#e7e1d7;--surface:#f7f3ed;--text:#292923;--muted:#5c584f;--line:#bab1a3;--blue:#214bb4;--gold:#745000;--purple:#6334ad;font-family:"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:17px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:white}.wrap{max-width:1288px;padding-inline:44px;margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.052em;line-height:1.09}h1{font-size:clamp(3rem,5.8vw,5rem);margin-bottom:28px}h1 span{color:var(--blue)}h2{font-size:clamp(2rem,3.6vw,3.25rem);margin-bottom:26px}h3{font-size:1.3rem;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin-bottom:14px}p{margin-bottom:22px}.lead{font-size:1.24rem;line-height:1.6;color:var(--muted);max-width:690px}.eyebrow{font-size:.82rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:25px}.muted{color:var(--muted)}.gold{color:var(--gold)}.skip{position:absolute;top:-100px;left:20px;padding:10px 18px;background:var(--surface);z-index:5}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line)}.header-inner{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;width:250px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.header nav{display:flex;align-items:center;gap:28px;font-size:.88rem}.header nav a{text-decoration:none;padding-block:12px}.header nav a:hover{color:var(--blue)}.nav-contact{border-bottom:1px solid var(--text)}.nav-contact span{margin-left:22px}.hero{padding-top:70px;padding-bottom:28px}.dot{width:7px;height:7px;background:var(--blue);display:inline-block;margin-right:12px;border-radius:50%;vertical-align:middle}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:45px;align-items:center}.hero .lead{max-width:700px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:33px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:49px;padding:12px 20px;border:1px solid var(--line);border-radius:5px;text-decoration:none;font-weight:600;font-size:.88rem;line-height:1.5}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button:hover{filter:brightness(.92)}.text-link{font-size:.88rem;font-weight:600}.hero-note{border:1px solid var(--line);border-top:3px solid var(--blue);padding:26px;background:var(--surface);border-radius:0 0 6px 6px;margin-top:16px}.note-index{font-size:.75rem;letter-spacing:.14em;color:var(--muted)}.hero-note p{font-size:1.55rem;line-height:1.4;letter-spacing:-.035em;margin-top:32px}.hero-note em{font-style:normal;color:var(--blue)}.note-bottom{border-top:1px solid var(--line);padding-top:18px;font-size:.82rem;display:flex;justify-content:space-between;gap:10px}.note-bottom span{color:var(--blue);font-size:1.3rem}.hero-foot{margin-top:60px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:16px;font-size:.82rem;color:var(--muted)}.section{padding-block:72px;border-top:1px solid var(--line)}.section-heading{margin-bottom:40px}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.services article{border-top:1px solid var(--line);padding-top:20px}.services p{color:var(--muted)}.services .service-detail{font-size:.82rem;line-height:1.7;margin-bottom:0;color:var(--text)}.examples-section{background:var(--surface)}.split-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end}.split-heading h2{margin-bottom:0}.section-intro{max-width:400px;color:var(--muted);margin-bottom:0}.example-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:grid;grid-template-columns:minmax(0,1fr) 25px;gap:20px;align-items:center;cursor:pointer;list-style:none;padding:25px 0;font-size:1.24rem;font-weight:500;line-height:1.35}summary::-webkit-details-marker{display:none}summary small{display:block;font-size:.94rem;font-weight:400;color:var(--muted);margin-top:7px}.toggle{font-size:1.6rem;font-weight:300;transition:transform .2s}details[open] .toggle{transform:rotate(45deg)}.example-body{padding:0 45px 22px 0;max-width:1000px;color:var(--muted)}.example-body ul{padding-left:20px;columns:2;column-gap:40px}.example-body li{break-inside:avoid;padding:0 0 10px 4px}.query-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.product-logo{display:block;width:230px;max-width:100%;height:auto;margin-bottom:28px}.gold-button{background:var(--gold);border-color:var(--gold);color:white;margin-top:10px}.query-aside{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:30px;align-self:center}.workflow{list-style:none;padding:0;margin:0}.workflow li{display:grid;grid-template-columns:30px 1fr;gap:18px;border-top:1px solid var(--line);padding:22px 0}.workflow li>span{color:var(--gold);font-size:.82rem}.workflow h3{font-size:1.12rem;margin-bottom:7px}.workflow p{margin:0;color:var(--muted)}.report-example{border-top:1px solid var(--line);padding-top:22px}.report-example .eyebrow{font-size:.75rem}.report-example p{font-size:1.55rem;letter-spacing:-.04em;color:var(--gold);margin:7px 0}.report-example>span:last-child{font-size:.88rem;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-grid>div>p:not(.eyebrow){max-width:570px}.collaboration{align-self:center}.collaboration>div{padding:22px 0;border-top:1px solid var(--line)}.collaboration>div>span{font-size:.82rem;color:var(--blue)}.collaboration h3{margin-top:12px}.collaboration p{color:var(--muted);margin:0}.contact-section{background:var(--surface);border-top:1px solid var(--line);padding-block:72px}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:center}.contact-grid .lead{max-width:650px}address{font-style:normal;border-left:1px solid var(--line);padding-left:45px;display:flex;align-items:flex-start;flex-direction:column;gap:12px}address strong{font-size:1.3rem;font-weight:600}address span{color:var(--muted)}address a[href^="tel"]{margin-block:10px}footer{border-top:1px solid var(--line);padding-block:25px;font-size:.82rem;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:24px}footer nav{display:flex;flex-wrap:wrap;gap:25px}footer a{text-decoration:none}
@media(min-width:1400px){.hero{padding-top:85px}.hero-grid{grid-template-columns:minmax(0,1fr) 300px}.hero-note{margin-top:32px}}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-note{display:none}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.header nav{gap:18px}.brand{width:215px}.query-grid,.about-grid{gap:40px}.hero h1{font-size:clamp(3rem,7vw,4.7rem)}}
@media(max-width:760px){.wrap{padding-inline:22px}.header-inner{padding-block:20px;min-height:0;flex-direction:column;align-items:flex-start;gap:16px}.brand{width:225px}.header nav{width:100%;gap:19px;flex-wrap:wrap;font-size:.82rem}.nav-contact span{margin-left:4px}.hero{padding-top:45px}.hero h1{font-size:clamp(2.4rem,9vw,3.6rem)}.hero-foot{margin-top:42px;flex-direction:column;gap:8px}.lead{font-size:1.12rem}.section,.contact-section{padding-block:45px}.split-heading,.query-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.services{grid-template-columns:1fr;gap:26px}.section-heading{margin-bottom:28px}.section-intro{max-width:100%}.example-body{padding:0 0 20px}.example-body ul{columns:1}summary{grid-template-columns:minmax(0,1fr) 20px;gap:14px;font-size:1.1rem}summary small{font-size:.88rem}.query-aside{padding:24px}.actions{align-items:flex-start;gap:22px}.actions .button{max-width:100%}.button{gap:15px}address{padding:26px 0 0;border-left:0;border-top:1px solid var(--line)}.footer-inner{flex-direction:column;gap:14px}footer nav{gap:18px}.eyebrow{font-size:.76rem}.contact-grid .button{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toggle{transition:none}}
:root{--button-ink:#fff;color-scheme:light}
:root[data-design="hell"]{--bg:#f5f7fa;--surface:#fff;--text:#192635;--muted:#536171;--line:#c8d0da;--blue:#174fcc;--gold:#805900;--purple:#6334c4}
:root[data-design="dunkel"]{--bg:#111b25;--surface:#1a2937;--text:#f1f4f8;--muted:#b3c0ce;--line:#4d6175;--blue:#92b8ff;--gold:#f3c65d;--purple:#c6aeff;--button-ink:#111b25;color-scheme:dark}
:root[data-design="grau"]{--bg:#e8e9eb;--surface:#fff;--text:#24272b;--muted:#51555b;--line:#a6a8ad;--blue:#1646b5;--gold:#6a4b00;--purple:#5c2cad}
.primary{color:var(--button-ink)}
.services h3{margin-bottom:9px}.services .service-detail{color:var(--blue);font-size:.82rem;margin-bottom:20px;line-height:1.5}
.design-bar{border-bottom:1px solid var(--line);background:var(--surface)}.design-inner{display:flex;align-items:center;gap:22px;padding-block:12px;font-size:.82rem}.design-options{display:flex;flex-wrap:wrap;gap:7px}.design-options button{font:inherit;padding:7px 13px;min-height:38px;color:var(--muted);border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer}.design-options button:hover{border-color:var(--line)}.design-options button[aria-pressed="true"]{color:var(--button-ink);background:var(--blue)}.design-options button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.qp-section{--qp-bg:#fbfcfe;--qp-surface:#fff;--qp-text:#16202e;--qp-muted:#4d5d70;--qp-line:#dde5ec;--qp-teal:#17877f;--qp-soft:#e2f2f0;--qp-blue:#16619f;--qp-ink:#fff;background:var(--qp-bg);color:var(--qp-text);font-family:"IBM Plex Sans","Segoe UI",sans-serif}
.qp-section h2,.qp-section h3{font-family:"Sora","Segoe UI",sans-serif;font-weight:600;letter-spacing:-.015em}.qp-section h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.16}.qp-section h2 em{font-style:normal;color:var(--qp-teal)}.qp-section .eyebrow{color:var(--qp-teal);font-family:"IBM Plex Mono",Consolas,monospace;font-size:.82rem}.qp-section .lead,.qp-section p{color:var(--qp-muted)}.qp-section .qp-button{background:var(--qp-blue);border-color:var(--qp-blue);color:var(--qp-ink)}.qp-footnote{font-size:.88rem;margin-top:20px}.qp-mail{background:var(--qp-surface);border:1px solid var(--qp-line);border-radius:10px;box-shadow:0 22px 50px #16202e21;align-self:center;overflow:hidden}.qp-mail-head{padding:20px 25px;border-bottom:1px solid var(--qp-line);display:grid;gap:5px;font-size:.82rem;color:var(--qp-muted)}.qp-mail-head strong{color:var(--qp-text);font-size:1rem;font-weight:600}.qp-badge{display:inline-block;justify-self:start;background:var(--qp-soft);color:var(--qp-teal);border-radius:20px;padding:4px 10px;margin-top:8px}.qp-mail-body{padding:25px}.qp-mail-body .eyebrow{margin-bottom:8px}.qp-mail-body h3{font-size:1.3rem;margin-bottom:24px}.qp-finding{border-left:2px solid var(--qp-teal);padding-left:16px;margin-bottom:20px}.qp-finding strong{font-weight:600}.qp-finding p{margin:5px 0 0;font-size:.94rem}.qp-attachment{border-top:1px solid var(--qp-line);padding-top:18px;display:flex;align-items:center;gap:12px;font-size:.82rem}.qp-attachment span{background:var(--qp-soft);color:var(--qp-teal);padding:4px 8px;font-weight:600;border-radius:4px}.qp-mail-body .qp-disclaimer{font-size:.82rem;margin:16px 0 0}
:root[data-design="dunkel"] .qp-section{--qp-bg:#202a39;--qp-surface:#2c3849;--qp-text:#e9eef5;--qp-muted:#b3c0d0;--qp-line:#445267;--qp-teal:#86d3ca;--qp-soft:#2b4650;--qp-blue:#93c2ea;--qp-ink:#14243a}
@media(max-width:760px){.design-inner{align-items:flex-start;flex-direction:column;gap:5px}.design-options{gap:3px}.design-options button{padding:7px 10px}.qp-mail-body,.qp-mail-head{padding:20px}.qp-section .query-grid{gap:30px}}
@media print{body{background:white}.design-bar,.header nav,.actions,.button,footer nav{display:none}.section,.contact-section{padding-block:28px;background:white}.wrap{max-width:none;padding:0}.hero-note{display:none}.hero-grid{display:block}h1{font-size:40px}h2{font-size:30px}.services{grid-template-columns:1fr 1fr}.query-grid,.about-grid,.contact-grid{gap:25px}details::details-content{content-visibility:visible;height:auto}.example-body{display:block}article,.query-aside,address{break-inside:avoid}@page{margin:18mm}}

.linkedin-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:8px;font-size:.88rem;font-weight:600;text-decoration:none}.linkedin-link img{display:block;width:40px;height:40px;background:#0a66c2;flex-shrink:0}.linkedin-link:hover>span{text-decoration:underline;text-underline-offset:5px}

/* Compact sticky identity row; section navigation scrolls with the page. */
html{scroll-padding-top:96px}
.header{position:sticky;top:0;z-index:20;background:var(--bg)}
.header .header-inner{min-height:76px;flex-direction:row;align-items:center;justify-content:center;gap:18px;padding-block:12px}
.header .brand{width:250px;max-width:calc(100% - 66px);min-width:0;flex-shrink:1}
.header-linkedin{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}
.header-linkedin img{display:block;width:40px;height:40px;background:#0a66c2}
.page-navigation{border-bottom:1px solid var(--line)}
.page-navigation nav{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding-block:10px;font-size:.88rem}
.page-navigation a{text-decoration:none;display:inline-block;padding-block:7px}
.page-navigation a:hover{color:var(--blue)}
.skip:focus{position:fixed;z-index:30}
@media(max-width:760px){.header .header-inner{min-height:68px;padding-block:10px}.header .brand{width:225px}.page-navigation nav{gap:18px;font-size:.82rem}html{scroll-padding-top:88px}}
@media print{.header{position:static}.header-linkedin,.page-navigation{display:none}}

/* Project symbols from the original brand artwork. */
.header-projects{position:relative;display:flex;align-items:center;gap:16px;flex-shrink:0}
.header-project{display:flex;align-items:center;justify-content:center;width:48px;height:48px;text-decoration:none}
.header-querypilot{color:var(--gold)}
.header-screenink{color:var(--purple)}
.header-project svg{display:block;flex-shrink:0}
.project-tooltip{position:absolute;right:0;top:100%;width:max-content;max-width:calc(100vw - 44px);padding:12px 16px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #0002;font-size:14px;line-height:1.5;visibility:hidden;opacity:0;pointer-events:none}
.project-tooltip strong,.project-tooltip>span{display:block}
.project-tooltip strong{font-size:16px}
.project-tooltip>span{color:var(--muted)}
.header-project:hover .project-tooltip,.header-project:focus-visible .project-tooltip{visibility:visible;opacity:1;pointer-events:auto}
.header-project.tooltip-dismissed .project-tooltip{visibility:hidden;opacity:0}
@media(max-width:760px){
  .header .header-inner{gap:8px}
  .header .brand{max-width:calc(100% - 148px)}
  .header-projects{gap:4px}
  .header-project,.header-linkedin{width:44px;height:44px}
  .header-project svg{width:36px;height:36px}
  .header-linkedin img{width:32px;height:32px}
}
@media print{.header-projects{display:none}}
/* Three zones: brand left, project symbols centered, LinkedIn right. */
.header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.header .brand{justify-self:start;width:250px;max-width:100%}
.header .header-projects{justify-self:center}
.header .header-linkedin{justify-self:end}
.header .project-tooltip{right:auto;left:50%;transform:translateX(-50%)}
@media(max-width:760px){.header .brand{width:225px;max-width:100%}}

.qp-excel{grid-column:1/-1;min-width:0;margin:0}
.qp-excel>a{display:block;border:1px solid var(--qp-line);border-radius:10px;overflow:hidden}
.qp-excel img{display:block;width:100%;height:auto}
.qp-excel figcaption{margin-top:14px;color:var(--qp-muted);font-size:.88rem}
.qp-excel figcaption a{white-space:nowrap}

/* Fixed icon and type sizes in all three brand states. */
.header .brand{display:flex;align-items:center;justify-content:flex-start;width:max-content;max-width:100%;min-height:48px;text-decoration:none}
.header .brand-identity{display:flex;align-items:center;gap:8px;white-space:nowrap}
.header .brand-name{font-family:"Segoe UI",Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--text)}
.header .brand-identity svg{color:var(--blue)}
.header .brand-identity svg,.header .header-project svg,.header .header-linkedin img{display:block;width:38px;height:38px;flex:0 0 38px}
.header .header-project,.header .header-linkedin{width:48px;height:48px;flex:0 0 48px}
@media(max-width:760px){.header .brand-domain{display:none}}
@media(max-width:480px){.header .brand-name{display:none}.header .brand{width:48px;justify-content:center}}

/* Main navigation and responsive project names. */
.header-actions{display:flex;align-items:center;justify-self:end;gap:8px}
.menu-toggle{display:none;width:48px;height:48px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer}
.menu-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.project-name{display:none;font-size:21px;font-weight:600;letter-spacing:-.04em;color:var(--text)}
.header .header-project{position:relative;gap:8px}
.header .main-navigation{display:block;border-top:1px solid var(--line)}
.main-navigation-inner{display:flex;align-items:center;justify-content:center;gap:28px}
.header .main-navigation a{font-size:.88rem;padding-block:10px;text-decoration:none}
.header .main-navigation a:hover{color:var(--blue);text-decoration:underline}
.mobile-project-links{display:none}
html{scroll-padding-top:150px}
#leistungen>.wrap>.section-heading>.eyebrow,
#beispiele>.wrap>.section-heading .eyebrow,
#querypilot>.wrap>div>.eyebrow,
#zusammenarbeit>.wrap>div>.eyebrow{color:var(--muted)}
@media(min-width:1100px){
  .header .header-project{width:auto;flex:0 0 auto}
  .project-name{display:inline}
  .header-projects{gap:24px}
}
@media(max-width:760px){
  .header .header-inner{grid-template-columns:minmax(0,1fr) auto}
  .header .header-projects{display:none}
  .menu-toggle{display:flex}
  .header .main-navigation{display:none;max-height:calc(100dvh - 70px);overflow-y:auto}
  .header.menu-open .main-navigation{display:block}
  .main-navigation-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-block:8px}
  .header .main-navigation a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 0}
  .mobile-project-links{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
  html{scroll-padding-top:88px}
}
@media print{.header-actions,.header .main-navigation{display:none}}

.header .mobile-project-links a{justify-content:flex-start;gap:12px}
.mobile-project svg{display:block;width:38px;height:38px;flex:0 0 38px}
.mobile-querypilot svg{color:var(--gold)}
.mobile-screenink svg{color:var(--purple)}

/* Distinct panel for the expanded mobile navigation. */
@media screen and (max-width:760px){
  .header.menu-open .main-navigation{
    margin:0 16px 16px;
    max-height:calc(100dvh - 102px);
    background:var(--surface);
    border:2px solid var(--blue);
    border-radius:8px;
    box-shadow:0 8px 22px #0002;
  }
  .header.menu-open .main-navigation-inner{padding:10px 18px}
  .menu-toggle[aria-expanded="true"]{background:var(--surface);color:var(--blue);border-radius:6px}
}