/* Local refinements. All selectors stay inside the two requested components. */
body.home-editorial[data-home-layout="reference-7"] .home-services-clean {
 .v3-solution-grid {gap:0 40px;margin-top:10px}
 .v3-solution-card,.v3-solution-card:last-child {display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px 40px;align-items:start;grid-column:1/-1;padding:32px 0;min-width:0;border:0;border-top:1px solid #ccd7e8;border-radius:0;background:transparent;box-shadow:none}
 .v3-solution-card>h3 {grid-column:1;grid-row:1/3;font-size:24px;font-weight:620;min-height:0;margin:0;line-height:1.3;max-width:22ch}
 .v3-solution-card>p {grid-column:2;grid-row:1/3;min-height:0;margin:0;font-size:16px;line-height:1.65}
 .v3-solution-card>ul {grid-column:3;grid-row:1;margin:0;padding:0;font-size:15px;line-height:1.65;align-content:start}
 .v3-solution-card>a {grid-column:3;grid-row:2;justify-self:start;padding:7px 0;border-bottom:1px solid #b9c7e9;font-size:14px;font-weight:600}
 .v3-solution-card.service-detail {display:block;grid-column:auto;border-top:1px solid #ccd7e8;padding:28px 0 0}
 .service-detail>h3 {font-size:18px;margin-bottom:12px}
 .service-detail>p {margin:0;font-size:16px;line-height:1.65}
 .home-section-action {padding:42px 0 64px;margin:0}
 @media(max-width:1000px) {
  .v3-solution-grid {column-gap:24px}
  .v3-solution-card,.v3-solution-card:last-child {column-gap:24px;padding:28px 0}
  .v3-solution-card.service-detail {padding:24px 0 0}
 }
 @media(max-width:800px) {
  .v3-solution-grid {grid-template-columns:1fr}
  .v3-solution-card,.v3-solution-card:last-child {display:flex;flex-direction:column;align-items:flex-start;padding:28px 0;gap:16px}
  .v3-solution-card>h3 {max-width:none;font-size:23px}
  .v3-solution-card.service-detail {padding:22px 0;border-bottom:1px solid #dce3f0}
  .home-section-action {padding:30px 0 48px}
 }
 @media(max-width:700px) {
  .v3-solution-card,.v3-solution-card:last-child {padding:22px 0;gap:12px}
  .v3-solution-card>h3 {font-size:21px}
  .v3-solution-card>p,.service-detail>p {font-size:15px;line-height:1.55}
  .home-section-action {padding:22px 0 32px}
 }
}

body.site-subpage[data-site-page="arbeiten"][data-site-layout="light-1"] {
 /* A full-width browser view with a separate editorial caption. */
 .interactive-projects {padding-bottom:64px;background:linear-gradient(160deg,#f1f7fc,#f6f5fc)}
 .interactive-projects-head {align-items:end;gap:28px;padding-bottom:34px}
 .interactive-project-grid {gap:28px;padding:0;scrollbar-width:none;border-radius:0;align-items:stretch;box-shadow:none}
 .interactive-project-grid::-webkit-scrollbar {display:none}
 /* Normal snap stops allow the existing autoplay to return from last to first. */
 .interactive-project-card {flex:0 0 100%;grid-template-columns:minmax(0,1fr);grid-template-rows:42px auto 1fr;border-radius:0;overflow:hidden;border:0;box-shadow:none;min-width:0;max-width:100%;background:transparent;scroll-snap-stop:normal}
 .interactive-project-card>.site-browser-top {grid-column:1;grid-row:1;height:42px;padding:0 20px;background:#fff;border-color:#e4e9f2;font-size:12px;color:#66738c;border-radius:5px 5px 0 0;border:1px solid #d9e2f1}
 .interactive-project-media {grid-column:1;grid-row:2;width:100%;aspect-ratio:1265/712;max-height:none;align-self:stretch;border:0;border-radius:0;overflow:hidden;background:#e9edf5}
 .interactive-project-media picture {display:block;width:100%;height:100%}
 .interactive-project-media img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;background:transparent}
 .interactive-project-copy {display:grid;grid-column:1;grid-row:3;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:9px 56px;align-self:stretch;align-content:center;align-items:start;padding:24px 0 10px;border-top:1px solid #ccd7e8;background:transparent;min-width:0;column-gap:40px}
 .interactive-project-copy>span {grid-column:1;grid-row:1;font-size:12px;letter-spacing:.035em;color:#526480}
 .interactive-project-copy h3 {grid-column:1;grid-row:2;align-self:start;color:#1c2e50;font-size:clamp(25px,2.5vw,36px);line-height:1.15;margin:0;letter-spacing:-.025em;overflow-wrap:anywhere}
 .interactive-project-copy p {grid-column:2;grid-row:1;font-size:16px;color:#58677f;line-height:1.65;margin:0}
 .interactive-project-copy a {grid-column:2;grid-row:2;justify-self:start;align-self:end;font-size:14px;line-height:1.6;margin:9px 0 0;padding:3px 0 6px;color:#4547a8;border-color:#babced;text-decoration:none}
 .site-gallery-controls {margin-top:22px;gap:24px}
 .site-gallery-position {font-size:13px;font-weight:600;letter-spacing:.1em;color:#435374;display:flex;align-items:center;gap:20px;flex:1}
 .site-gallery-position::after {content:"";height:1px;background:#d3ddeb;flex:1;max-width:160px}
 .site-gallery-controls>div {gap:10px}
 .site-gallery-controls button,.case-carousel-buttons button {width:48px;height:48px;border-radius:50%;border-color:#cbd4e9;background:#fff;color:#35436a;transition:background .2s,border-color .2s,transform .2s}
 .site-gallery-controls button:hover:not(:disabled),.case-carousel-buttons button:hover:not(:disabled) {background:#e7ecff;border-color:#a6b4dd;transform:translateY(-2px)}
 .site-gallery-controls button:focus-visible,.case-carousel-buttons button:focus-visible {outline:3px solid #675eea;outline-offset:4px}
 /* The classic projects use the same large preview and caption proportions. */
 .case-carousel-viewport {border-radius:0;box-shadow:none}
 .case-carousel .case-editorial-card {grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:0;min-height:0;border-radius:0;overflow:hidden;border:0;background:transparent}
 .case-carousel .case-editorial-card>.site-browser-preview {grid-column:1;grid-row:1;border-radius:0;display:block;align-self:stretch;position:relative;background:#fff;overflow:hidden}
 .case-carousel .site-browser-preview .site-browser-top {position:static;height:42px;background:#fff;border-color:#e4e9f2;font-size:12px;padding:0 20px;border-radius:5px 5px 0 0;border:1px solid #d9e2f1}
 .case-carousel .site-browser-preview img {display:block;margin:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;transform:none}
 .case-carousel .case-editorial-card>div:not(.site-browser-preview) {grid-column:1;grid-row:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:9px 56px;padding:24px 0 10px;border-top:1px solid #ccd7e8;background:transparent;column-gap:40px}
 .case-carousel .case-editorial-card>div>span {grid-column:1;grid-row:1;color:#526480;font-size:12px;letter-spacing:.035em}
 .case-carousel .case-editorial-card h3 {grid-column:1;grid-row:2;font-size:clamp(25px,2.5vw,36px);line-height:1.15;letter-spacing:-.025em;color:#1c2e50;margin:0;overflow-wrap:anywhere}
 .case-carousel .case-editorial-card p {grid-column:2;grid-row:1;font-size:16px;line-height:1.65;color:#58677f;margin:0}
 .case-carousel .case-editorial-card a:not(.reference-preview-hit) {grid-column:2;grid-row:2;justify-self:start;align-self:end;margin:9px 0 0;padding:3px 0 6px;border:0;border-bottom:1px solid #babced;border-radius:0;background:transparent;color:#4547a8;font-size:14px;text-decoration:none}
 .case-carousel .case-editorial-card>.reference-preview-hit {grid-column:1;grid-row:1;inset:0;height:auto;max-height:none;border-radius:0}
 .case-carousel-meta {margin-top:22px}
 @media(max-width:900px) {
  .interactive-project-copy,.case-carousel .case-editorial-card>div:not(.site-browser-preview) {padding:26px;column-gap:28px}
 }
 @media(max-width:640px) {
  .interactive-projects {padding-bottom:42px}
  .interactive-projects-head {display:block;padding-bottom:24px}
  .interactive-projects-head .button-secondary {margin-top:22px}
  .interactive-project-grid,.interactive-project-card,.case-carousel-viewport,.case-carousel .case-editorial-card {border-radius:10px}
  .interactive-project-card {grid-template-rows:34px auto 1fr;border:0;border-radius:0;background:transparent}
  .interactive-project-card>.site-browser-top,.case-carousel .site-browser-preview .site-browser-top {height:34px;padding-inline:14px;font-size:10px}
  .interactive-project-media {aspect-ratio:1.5}
  .interactive-project-media img {object-position:top}
  .case-carousel .site-browser-preview img {aspect-ratio:1.55}
  .interactive-project-copy,.case-carousel .case-editorial-card>div:not(.site-browser-preview) {display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:25px 22px 28px}
  .interactive-project-copy h3,.case-carousel .case-editorial-card h3 {font-size:27px;margin:9px 0 17px}
  .interactive-project-copy p,.case-carousel .case-editorial-card p {font-size:16px;line-height:1.65}
  .interactive-project-copy a,.case-carousel .case-editorial-card a:not(.reference-preview-hit) {align-self:flex-start;margin-top:20px}
  .site-gallery-controls {margin-top:18px}
 }
 @media(prefers-reduced-motion:reduce) {
  .site-gallery-controls button,.case-carousel-buttons button {transition:none}
 }
}
