#website-leistungen>#website-demos{display:none}.work-filter{display:flex;gap:5px;width:fit-content;max-width:100%;margin:0 0 24px;padding:0;background:transparent;border:0}.work-filter button{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:650 13px var(--body);white-space:nowrap;cursor:pointer}.work-filter button:hover{background:var(--surface)}.work-filter button[aria-selected=true]{background:var(--ink);color:#fff}.work-filter #work-filter-film{color:#d8471c}.work-filter #work-filter-web{color:#698f00}.work-filter #work-filter-film[aria-selected=true]{background:var(--orange);color:var(--ink)}.work-filter #work-filter-web[aria-selected=true]{background:var(--green);color:var(--ink)}.work-filter button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.work-all>.case-grid>.case[hidden],.more-work[hidden]{display:none}.web-work-references{display:none;gap:46px}.work.is-web-filter .work-all>.case-grid{display:none}.work.is-web-filter .web-work-references{display:grid}.web-work-reference{display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,.3fr);gap:28px;align-items:end;padding:0 0 45px;border-bottom:1px solid var(--line)}.web-work-reference:last-child{border-bottom:0}.web-work-reference>div:last-child{padding-bottom:6px}.web-work-reference p{margin:0 0 10px;color:var(--muted);font-size:10px}.web-work-reference h3{font-size:clamp(28px,3vw,43px);margin:0 0 10px}.web-work-reference em{display:block;color:var(--muted);font-size:13px;line-height:1.5}.web-work-frames{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:16px;align-items:end;min-width:0}.web-work-desktop,.web-work-mobile{overflow:hidden;background:#e7e9e2;border:5px solid #fff;border-radius:10px;box-shadow:0 18px 35px #1d1e1b14}.web-work-desktop{position:relative;aspect-ratio:1.53}.web-work-desktop>span{position:absolute;z-index:1;top:0;left:0;right:0;display:block;height:28px;padding:8px 10px;background:#fff;color:var(--muted);font:10px var(--body);line-height:1}.web-work-desktop iframe{display:block;width:200%;height:200%;margin-top:28px;border:0;transform:scale(.5);transform-origin:top left}.web-work-mobile{position:relative;width:138px;height:298px;border-radius:18px}.web-work-mobile iframe{display:block;width:390px;height:844px;border:0;transform:scale(.33);transform-origin:top left}.web-work-desktop iframe,.web-work-mobile iframe{background:#fff}@media(max-width:760px){.work-filter{margin-bottom:22px}.work-filter button{min-height:38px;padding-inline:13px;font-size:12px}.web-work-references{gap:32px}.web-work-reference{display:block;padding-bottom:32px}.web-work-reference>div:last-child{padding-top:17px}.web-work-reference h3{font-size:31px}.web-work-frames{grid-template-columns:minmax(0,1fr) 104px;gap:10px}.web-work-desktop{aspect-ratio:1.22}.web-work-mobile{width:104px;height:224px;border-width:4px;border-radius:14px}.web-work-mobile iframe{transform:scale(.25)}}@media(max-width:360px){.work-filter{gap:3px}.work-filter button{padding-inline:8px;font-size:11px}.web-work-frames{grid-template-columns:minmax(0,1fr) 90px}.web-work-mobile{width:90px;height:194px}.web-work-mobile iframe{transform:scale(.22)}}
.web-work-archive img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.web-work-archive.web-work-mobile img{width:390px;height:844px;transform:scale(.33);transform-origin:top left}@media(max-width:760px){.web-work-archive.web-work-mobile img{transform:scale(.25)}}@media(max-width:360px){.web-work-archive.web-work-mobile img{transform:scale(.22)}}
.work:not(.is-film-filter) .web-work-references{display:grid}.work.is-film-filter .web-work-references{display:none}.work .work-all>.case-grid>.case[data-work-kind="web"]{display:none}
.web-work-desktop iframe{margin-top:0}
.web-work-hint{grid-column:1/-1;margin:0 0 -18px;color:var(--muted);font-size:12px;line-height:1.5}.web-work-hint-mobile{display:none}.web-work-slot{position:absolute;inset:0;overflow:hidden;background:#e7e9e2}.web-work-slot>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.web-work-slot.is-live>img{display:none}.web-work-slot iframe{display:block}.web-work-preview-action{display:none}@media(max-width:760px){.web-work-hint{margin-bottom:-10px;font-size:11px}.web-work-hint-desktop{display:none}.web-work-hint-mobile{display:inline}.web-work-preview-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-top:12px;padding:8px 13px;border:0;border-radius:7px;background:var(--green);color:var(--ink);font:650 11px var(--body);cursor:pointer}.web-work-preview-action:focus-visible{outline:2px solid var(--ink);outline-offset:3px}}
@media(max-width:760px){.web-work-preview-action{font:650 11px/1.2 Schibsted,Arial,sans-serif}}
.web-work-static-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:#fff}.web-work-static-scroll img{display:block;width:100%;height:auto;max-width:none}.web-work-external-link[hidden]{display:none!important}@media(max-width:760px){.web-work-external-link{display:inline-flex;align-items:center;min-height:38px;margin:12px 0 0 11px;color:var(--ink);font:650 11px/1.2 Schibsted,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}.web-work-external-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}}

/* Link zur Live-Seite je Website-Referenz (Jascha 21.09.2026) */.web-work-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--ink);font:650 12px var(--body);text-decoration:underline;text-underline-offset:3px}.web-work-link:hover{color:#698f00}.web-work-pfeil{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}