.project-teaser{background:#fff}.project-teaser-grid{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding-block:1.6rem;border:1px solid #dfd3bc;border-radius:20px;background:#faf8f3}.project-teaser-photo{display:block;max-width:350px;justify-self:center}.project-teaser-photo img{display:block;width:100%;height:340px;object-fit:contain;border-radius:12px}.project-teaser h2{font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.2;margin:.4rem 0 1rem}.project-teaser p{line-height:1.7}.reference-page{color:#252525}.reference-breadcrumbs{font-size:.9rem;margin-bottom:2rem;color:#665a46}.reference-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,5vw,5rem)}.reference-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12}.reference-lead{font-size:1.2rem;line-height:1.6}.reference-hero-photo{max-width:450px;justify-self:center}.reference-photo-link{display:block;color:inherit;text-decoration:none}.reference-photo-link img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:14px;background:#f4f1ea}.reference-photo-link>span{display:block;font-size:.88rem;margin-top:.6rem;color:#8c651b}.reference-story{background:#f7f4ee}.reference-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.reference-steps article{background:#fff;padding:2rem;border:1px solid #e1d6c1;border-radius:16px}.reference-steps h2{font-size:1.4rem}.reference-number{display:block;color:#ae7c21;font-size:.85rem;font-weight:800;letter-spacing:.15em;margin-bottom:.8rem}.reference-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.reference-gallery figure{margin:0;min-width:0}.reference-gallery img{height:510px;width:100%;object-fit:contain;background:#f4f1eb}.reference-gallery figcaption{font-size:.95rem;line-height:1.6;margin-top:.7rem}.reference-conclusion{max-width:1050px}.reference-related{display:grid;gap:.7rem;margin:1.5rem 0 3rem}.reference-context-link{margin-block:2rem;padding-block:1rem;border-top:1px solid #e1d6c1;font-size:.95rem}.reference-lightbox{padding:1rem;border:0;border-radius:12px;max-width:min(94vw,1000px);max-height:94dvh;background:#fff;color:#222}.reference-lightbox::backdrop{background:#000c}.reference-lightbox img{display:block;width:100%;max-height:73dvh;object-fit:contain}.reference-lightbox-controls{display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin-block:.7rem}.reference-lightbox-controls button{padding:.7rem 1rem;border:1px solid #d7cab2;border-radius:8px;background:#faf7f0;cursor:pointer}.reference-lightbox figcaption{font-size:.9rem}.reference-lightbox figure{margin:0}.practice-video-section{background:#f7f4ee}.practice-video-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem)}.practice-video-section h2{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.2}.practice-video-credit{font-size:.87rem;color:#62594a}.practice-video{min-width:0;border:1px solid #d9c8a7;border-radius:18px;background:#fff;overflow:hidden}.practice-video-cover{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:1rem;padding:1.5rem;background:linear-gradient(140deg,#242424,#403424);color:#fff}.practice-video-cover strong{font-size:1.3rem}.practice-video-symbol{display:grid;place-content:center;width:65px;height:65px;border-radius:50%;background:#eea009;color:#191919;font-size:1.8rem}.practice-video-consent{padding:1.3rem;font-size:.94rem;line-height:1.65}.practice-video-consent button{margin:.4rem .2rem .4rem 0;max-width:100%;white-space:normal}.practice-video-player{aspect-ratio:16/9;width:100%;background:#161616}.practice-video-player iframe{width:100%;height:100%;border:0;display:block}.practice-video-remove{margin:1rem;max-width:calc(100% - 2rem);font-size:.86rem;white-space:normal}.practice-video-status{margin:.7rem 1rem;font-size:.88rem}.practice-video-status:empty{display:none}.practice-video [hidden]{display:none!important}#kundenprojekt-karlsruhe,#automaten-erfahrung-video{scroll-margin-top:150px}@media(max-width:700px){.project-teaser-grid,.reference-hero,.reference-steps,.reference-gallery,.practice-video-grid{grid-template-columns:1fr}.project-teaser-grid{padding:1.1rem}.project-teaser-photo img{height:290px}.reference-hero-photo{width:100%}.reference-gallery img{height:auto;max-height:530px}.reference-steps article{padding:1.3rem}.reference-page .hero-actions{display:flex;flex-direction:column;align-items:stretch}.reference-context-link{overflow-wrap:anywhere}.practice-video-consent{padding:1rem}.practice-video-cover{min-height:235px}}