/* Fixed Hellgrau: Stylesheet/04_Grau web typography and QueryPilot_Designvorlagen product tokens. */

:root{--bg:#e8e9eb;--bg-2:#dfe2e5;--surface:#fff;--surface-2:#f2f3f4;--line:#a6a8ad;--line-soft:#c8ccd0;--text:#24272b;--text-2:#51555b;--text-3:#51555b;--blue:#6a4b00;--blue-ink:#fff;--blue-soft:#f2ecdf;--teal:#6a4b00;--teal-soft:#f2ecdf;--sand:#6a4b00;--sand-soft:#f2ecdf;--rose:#a33c36;--rose-soft:#f8e9e8;--code-bg:#24272b;--shadow-s:none;--shadow:none;--frame:#c8ccd0;color-scheme:light;font-size:17px}



*{box-sizing:border-box}html{scroll-padding-top:96px}body{font-family:"Segoe UI",Arial,sans-serif;font-size:1rem;line-height:1.65;margin:0;background:var(--bg);color:var(--text);display:flex;flex-direction:column;min-height:100vh}main{flex:1}a{text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button,input,select{font:inherit}button{cursor:pointer}::selection{background:var(--blue);color:var(--blue-ink)}.wrap{width:100%;max-width:1288px;padding-inline:44px;margin-inline:auto}h1,h2,h3{font-family:"Segoe UI",Arial,sans-serif;font-weight:600;letter-spacing:-.015em}h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.16}h3{line-height:1.4}.eyebrow{font-family:Consolas,"Courier New",monospace;color:var(--teal);font-size:.82rem;letter-spacing:.13em;margin-bottom:24px}.lede{font-size:1.15rem;line-height:1.65;color:var(--text-2)}.sec-head{max-width:760px;margin-bottom:40px}.sec-head .eyebrow{margin-top:0}.hero{padding-top:70px;padding-bottom:72px;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:clamp(2.5rem,4.4vw,3.8rem);line-height:1.12}.hero>*,.ai>*,.two>*,.split>*,.gallery>*{min-width:0}section{padding-block:72px;border-top:1px solid var(--line)}section.tint,.final{background:var(--surface-2)}.btn{font-size:.88rem;font-weight:600;padding:12px 20px;min-height:49px;border-radius:5px;justify-content:center}.btn.primary{border-color:var(--blue);color:var(--blue-ink)}.btn:hover{transform:none;filter:brightness(.95)}.stage .paper,.stage .shot{animation:none;transform:none}.stage:hover .paper,.stage:hover .shot{transform:none}.caption{text-align:left}.note-sec{max-width:850px}.note-sec .eyebrow{color:var(--teal)}.final{padding-block:72px}.final h2{max-width:26ch}.final .lede{max-width:680px}.final .cta{justify-content:center}.attach{flex-wrap:wrap}.attach>span{overflow-wrap:anywhere;min-width:0}.fallback{display:none}.gtab .prog{display:none}.gview img{transform:none;transition:none}.gview img[hidden]{display:none}.gtabs{align-content:start}.gtab{min-height:48px}.page-impressum main{padding-block:70px}.page-impressum h1{font-size:clamp(2.5rem,4.4vw,3.8rem)}.page-impressum h2{font:600 .82rem Consolas,monospace;color:var(--teal);letter-spacing:.1em;line-height:1.6}.page-impressum .cols{margin-top:44px}.page-impressum .cols>div{border-top:1px solid var(--line);padding-top:24px}.page-impressum .cols p{font-size:1rem}
.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:none}.identity{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:12px}.brand{display:block;width:250px;max-width:calc(100% - 66px);min-width:0}.brand img{display:block;width:100%;height:auto}.header-linkedin{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.header-linkedin img{display:block;width:40px;height:40px}.page-navigation{border-bottom:1px solid var(--line)}.page-links,.section-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px;font-size:.88rem}.page-links{padding-block:12px}.page-links a,.section-links a{display:inline-block;text-decoration:none;padding-block:7px}.page-links a[aria-current="page"]{color:var(--blue);box-shadow:inset 0 -2px var(--blue);font-weight:600}.parent-link{margin-left:auto;color:var(--text-2)}.section-links{border-top:1px solid var(--line-soft);padding-block:4px;color:var(--text-2);font-size:.82rem}.page-links a:hover,.section-links a:hover{color:var(--blue)}.skip{position:absolute;top:-100px;left:20px;padding:10px 18px;background:var(--surface);z-index:30}.skip:focus{position:fixed;top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reset-filters{border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);padding:6px 12px;font-size:.85rem}.report-foot{align-items:center}footer.wrap{border-top:1px solid var(--line);padding-block:25px;font-size:.82rem;color:var(--text-2);gap:20px}footer nav{display:flex;flex-wrap:wrap;gap:20px}footer a{text-decoration:none}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero>.stage,.hero>div:has(.stage){max-width:850px}.hero h1{max-width:20ch}.page-links,.section-links{gap:18px}}
@media(max-width:760px){html{scroll-padding-top:88px}.wrap{padding-inline:22px}.identity{min-height:68px;padding-block:10px}.brand{width:225px}.page-links{gap:14px;font-size:.82rem}.parent-link{margin-left:0}.section-links{gap:14px}.hero{padding-top:45px;padding-bottom:45px;gap:32px}.hero h1{font-size:clamp(2.1rem,8.8vw,3.4rem)}h2{font-size:clamp(1.7rem,6.8vw,2.5rem)}.lede{font-size:1.1rem}section,.final{padding-block:45px}.eyebrow{font-size:.75rem;margin-bottom:20px}.sec-head{margin-bottom:28px}.rcard,.col,.role{padding:22px}.mail-head,.mail-body,.report-head,.report-foot{padding:20px}.rcard dl{grid-template-columns:65px 1fr;gap:8px 12px}.two,.split,.ai{gap:28px}.gtabs{grid-template-columns:repeat(2,minmax(0,1fr))}.gtab{padding:12px}.gtab strong{font-size:.82rem}.gcap{font-size:.88rem}.shot .bar span{overflow-wrap:anywhere}.page-impressum main{padding-block:45px}footer.wrap{flex-direction:column}pre{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body{background:#fff;color:#16202e}.site-header{position:static}.wrap{max-width:none;padding-inline:0}section,.hero,.final{padding-block:24px;background:#fff}.hero{grid-template-columns:1fr 1fr}h1,.hero h1{font-size:32px}h2{font-size:26px}.stage .paper,.stage .shot,.report,.gview,.plain-shot{box-shadow:none}.tablewrap{overflow:visible}table{font-size:9px}td,thead th{padding:5px!important}.filters{display:none}.gallery{grid-template-columns:220px 1fr}@page{margin:18mm}}
.header-linkedin img{background:#0a66c2}

/* Approved Hellgrau component alignment */
.wrap{padding-inline:40px}.lede{font-size:21px}.btn,.reset-filters,tr.filters input,tr.filters select{border-radius:6px}
.col,.rcard,.report,.mail,.role,.modules,.box,.paper,.shot,.gview,.plain-shot{border-radius:8px;box-shadow:none}
.col,.rcard,.role,.mod,.box,.mail-head,.mail-body,.report-head,.report-foot{padding:24px}
.compare,.reports,.ai,.two,.split,.gallery{gap:24px}.eyebrow,.tag,.who,.sign,.rtitle,.gtab strong,.shot .bar span{font-family:"Segoe UI",Arial,sans-serif}
@media(max-width:760px){.wrap{padding-inline:18px}.lede{font-size:1.1rem}}