/* WerkPilot folgt der blauen Tech-Guys-Palette. Screenshots bleiben unverändert. */
.wp-teaser{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;border:1px solid var(--line);border-top:4px solid var(--accent);background:var(--soft);padding:35px;border-radius:var(--radius);margin-bottom:45px}
.wp-teaser h3{font-size:2rem;line-height:1.2;margin:17px 0}.wp-teaser p:not(.eyebrow):not(.wp-demo){font-size:.93rem}.wp-teaser .eyebrow{margin-bottom:15px}.wp-demo{display:inline-block;font-size:.72rem!important;color:var(--ink);background:#fff4c6;border:1px solid #e5cd76;border-radius:3px;padding:5px 10px;line-height:1.5;margin:0 0 17px}
.wp-teaser-image{display:block;padding:15px;background:#16222e;border-radius:var(--radius)}.wp-teaser-image img{width:100%;height:auto;display:block}.wp-project{padding-block:65px 0;scroll-margin-top:115px}.wp-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;margin-bottom:38px}.wp-intro h2{font-size:clamp(2rem,3.3vw,3.3rem);margin-bottom:23px}.wp-intro .lead{font-size:1.03rem;margin-bottom:0}.wp-intro-aside>p:not(.wp-demo){font-size:.92rem}.wp-intro-aside .muted{font-size:.8rem!important;margin-bottom:0}.wp-dashboard{margin:0;background:#e5edf6;padding:24px;border:1px solid #c6d6e5;border-radius:7px}.wp-shot{display:block;position:relative;text-decoration:none;background:#16212b;overflow:hidden;border-radius:4px}.wp-shot picture{display:block}.wp-shot img{display:block;width:100%;height:auto;object-fit:contain}.wp-main-shot{max-width:1020px;margin-inline:auto;border:1px solid #334859;box-shadow:0 14px 30px #1639551a}.wp-enlarge{display:block;color:#fff;background:#163955;padding:9px 16px;font-size:.72rem;text-align:right;line-height:1.5;transition:background .15s}.wp-shot:hover .wp-enlarge{background:#245f96}.wp-shot:focus-visible{outline-offset:5px}.wp-dashboard figcaption{max-width:1020px;margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.77rem;color:var(--text)}.wp-dashboard figcaption>span:last-child{font-size:.68rem}.wp-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:65px}.wp-gallery-heading h3{font-size:1.75rem;margin-bottom:0;max-width:520px}.wp-gallery-heading .eyebrow{margin-bottom:14px}.wp-gallery-heading>p{font-size:.78rem;margin-bottom:0;max-width:340px}.wp-group-nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;gap:8px;padding:24px 0 28px;background:none;border:none;box-shadow:none}.wp-group-nav a{border:1px solid #b9cadd;border-radius:25px;text-decoration:none;padding:8px 15px;min-height:40px;font-size:.72rem;white-space:normal;display:flex;align-items:center}.wp-group-nav a:hover{background:#e6eef8;color:var(--ink)}.wp-group{padding-top:36px;margin-bottom:28px;border-top:1px solid var(--line);scroll-margin-top:120px}.wp-group-heading{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:baseline;margin-bottom:24px}.wp-group-heading h4{font-weight:500;letter-spacing:-.025em;font-size:1.6rem;line-height:1.25;margin:0}.wp-group-heading p{font-size:.85rem;margin:0}.wp-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.wp-card{margin:0;border:1px solid var(--line);background:#fff;border-radius:5px;overflow:hidden}.wp-card .wp-shot{border-radius:0}.wp-card .wp-shot picture{aspect-ratio:1.95;background:#14202b;display:flex;align-items:center}.wp-card .wp-shot img{width:100%;height:100%;object-fit:contain}.wp-card figcaption{padding:20px;display:flex;gap:16px;align-items:baseline}.wp-image-number{font-size:.7rem;font-weight:600;color:#386d9c}.wp-card h5{font-size:1.05rem;font-weight:600;letter-spacing:-.015em;line-height:1.4;margin:0 0 7px}.wp-card figcaption p{font-size:.8rem;margin:0;line-height:1.65}.wp-project-end{display:flex;justify-content:space-between;gap:24px;padding:30px 0 60px;border-bottom:1px solid var(--line);margin-top:40px;align-items:baseline}.wp-project-end p{margin:0;font-size:1.3rem;letter-spacing:-.02em}.wp-lightbox{width:min(1500px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #6587a2;border-radius:8px;background:#101c27;color:white;box-shadow:0 25px 90px #0008;overflow:auto}.wp-lightbox:not([open]){display:none}.wp-lightbox::backdrop{background:#071524df;backdrop-filter:blur(5px)}body.wp-viewing{overflow:hidden}.wp-lightbox-inner{padding:20px 24px}.wp-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}.wp-lightbox-header .eyebrow{font-size:.57rem;color:#ffd43b;margin:0 0 8px}.wp-lightbox-header h2{font-size:1.25rem;letter-spacing:-.02em;color:white;line-height:1.4;margin:0}.wp-close{display:flex;gap:16px;align-items:center;padding:9px 15px;border:1px solid #71889d;background:#20394f;color:white;border-radius:4px;min-height:46px;font-size:.8rem}.wp-close span{font-size:1.6rem;line-height:1}.wp-close:hover,.wp-controls button:hover{background:#35658d}.wp-image-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:100px;background:#0a131d}.wp-image-stage img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 245px);object-fit:contain}.wp-image-stage #wp-image-status{position:absolute;max-width:90%;bottom:12px;margin:0;background:#142b42ed;color:white;padding:10px;font-size:.8rem;text-align:center}.wp-image-stage #wp-image-status:empty{display:none}.wp-lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;background:none;padding:17px 0 0}.wp-lightbox-footer p{font-size:.81rem;color:#e1ebf5;margin:0 0 5px}.wp-lightbox-footer a{font-size:.72rem;color:#ffd43b}.wp-controls{display:flex;gap:18px;align-items:center;flex-shrink:0}.wp-controls button{border:1px solid #71889d;border-radius:4px;background:#20394f;color:white;font-size:1.4rem;width:48px;min-height:46px}.wp-controls>span{font-size:.84rem;min-width:48px;text-align:center}.wp-lightbox :focus-visible{outline-color:#ffd43b}
@media(max-width:960px){.wp-intro{gap:35px;grid-template-columns:1fr 1fr}.wp-teaser{padding:25px;gap:28px}.wp-teaser h3{font-size:1.7rem}.wp-gallery-heading{align-items:start;flex-direction:column;gap:18px}.wp-gallery-heading>p{max-width:none}.wp-group-nav{display:flex;top:auto;left:auto;right:auto}.wp-dashboard{padding:18px}.wp-dashboard figcaption{align-items:start;flex-direction:column;gap:7px}.wp-grid{gap:20px}.wp-card figcaption{padding:17px;gap:10px}.wp-lightbox-footer{padding-top:15px}.wp-lightbox-inner{padding:18px}.wp-lightbox-header{gap:15px}.wp-lightbox-footer p{font-size:.75rem}}
@media(max-width:700px){.wp-project{padding-top:38px}.wp-intro{grid-template-columns:1fr;gap:25px;margin-bottom:28px}.wp-intro h2{font-size:2rem}.wp-intro-aside>p:not(.wp-demo){font-size:.9rem}.wp-teaser{grid-template-columns:1fr;padding:24px 20px;gap:25px}.wp-teaser h3{font-size:1.75rem}.wp-teaser-image{padding:10px}.wp-dashboard{padding:13px}.wp-enlarge{font-size:.67rem;padding:8px 12px}.wp-dashboard figcaption{font-size:.73rem;margin-top:14px;gap:8px}.wp-gallery-heading{margin-top:40px}.wp-gallery-heading h3{font-size:1.55rem}.wp-group-nav{gap:7px;padding-block:22px}.wp-group-nav a{font-size:.69rem;padding:8px 12px;min-height:40px}.wp-group-heading{grid-template-columns:1fr;gap:10px}.wp-group-heading h4{font-size:1.4rem}.wp-group-heading p{font-size:.82rem}.wp-group{padding-top:27px;margin-bottom:25px}.wp-project-end{flex-direction:column;gap:15px;padding-bottom:35px;margin-top:25px}.wp-project-end p{font-size:1.15rem}.wp-lightbox{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:5px}.wp-lightbox-inner{padding:14px 10px}.wp-lightbox-header{align-items:start;gap:10px;margin-bottom:14px}.wp-lightbox-header .eyebrow{font-size:.47rem;letter-spacing:.09em;max-width:220px}.wp-lightbox-header h2{font-size:1.03rem}.wp-close{font-size:0;padding:9px 12px;gap:0;flex-shrink:0;min-width:44px;min-height:44px;justify-content:center}.wp-close span{font-size:1.5rem}.wp-lightbox-footer{flex-direction:column;align-items:stretch;gap:18px}.wp-controls{justify-content:center;gap:24px}.wp-image-stage img{max-height:calc(100dvh - 290px)}.wp-lightbox-footer p{font-size:.75rem;line-height:1.5}.wp-lightbox-footer a{font-size:.7rem}.wp-image-stage #wp-image-status{font-size:.7rem;bottom:5px;padding:7px}.wp-gallery-heading>p{font-size:.76rem}}
@media(max-width:640px){.wp-grid{grid-template-columns:1fr;gap:20px}.wp-card figcaption{padding:19px}.wp-card h5{font-size:1.05rem}}
@media(max-height:500px) and (min-width:701px){.wp-lightbox-inner{padding:10px 16px}.wp-lightbox-header{margin-bottom:7px}.wp-lightbox-header .eyebrow{display:none}.wp-image-stage img{max-height:calc(100dvh - 155px)}.wp-lightbox-footer{padding-top:8px}.wp-lightbox-footer p{font-size:.7rem}.wp-controls button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.wp-enlarge{transition:none}}