.showroom{--scene-gutter: clamp(24px, 4.5vw, 72px);--scene-inset: 0px;--scene-focus: 68% center}.showroom:is(.service-core-showroom,.sector-seo-showroom,.sector-web-showroom,.website-pages-showroom,.sector-ads-showroom,.local-ads-showroom,.local-seo-showroom,.product-showroom,.functional-showroom,.hybrid-showroom,.local-final-showroom,.case-showroom,.download-showroom){--scene-inset: clamp(20px,4.5vw,72px)}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero,.skill-hero){position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:32px clamp(30px,5vw,80px);width:calc(100% + var(--scene-inset) * 2);max-width:none;margin-inline:calc(-1 * var(--scene-inset));min-height:730px;padding:42px var(--scene-gutter) 46px}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero,.skill-hero):before{content:"";position:absolute;inset:-120px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080e1afc,#080e1af2 26%,#080e1aa6 48%,#080e1a0a 76%),linear-gradient(0deg,#080e1a,transparent 30%)}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero,.skill-hero)>div:first-child{position:relative;z-index:1;align-self:start;width:100%;max-width:680px;min-width:0}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero)>figure{position:static;isolation:auto;width:auto;max-width:none;min-width:0;margin:0;padding:0;align-self:end;justify-self:stretch;border:0;border-radius:0;background:none;transform:none!important;opacity:1!important}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero)>figure :is(.topic-art-stage,.g-portrait-frame,.lg-image-depth,[data-interactive-depth],[data-motion-item=image]):not(img){position:static;height:auto;aspect-ratio:auto;border:0;border-radius:0;overflow:visible;perspective:none;background:none;-webkit-mask-image:none;mask-image:none;transform:none!important;opacity:1!important}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero)>figure img{position:absolute;inset:-120px 0 0;z-index:-2;display:block;width:100%;max-width:none;height:calc(100% + 120px);max-height:none;margin:0;aspect-ratio:auto;border:0;border-radius:0;object-fit:cover;object-position:var(--scene-focus);-webkit-mask-image:none;mask-image:none;filter:none;transform:none!important;transition:none;pointer-events:none}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero)>figure figcaption{position:relative;z-index:1;max-width:40em;margin:0 0 0 auto;padding:16px 0 0;color:#ccd1e4;text-align:right;text-shadow:0 2px 12px #080e1a}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero,.skill-hero)>a:last-child{position:relative;z-index:1;grid-column:1 / -1;margin-top:20px}.showroom main>:is(.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.download-hero,.g-hero)>figure img:is([src*=gianluca],[src*=portrait],[src*="/foto/"]),.showroom main>.case-hero>figure img{object-fit:contain;object-position:right center}.showroom main>:is(.product-hero,.functional-hero,.hybrid-hero,.local-final-hero)>figure img[width][height]{width:100%;max-height:none;margin:0}.showroom .g-hero .g-portrait-note{position:relative;display:block;width:fit-content;right:auto;bottom:auto;margin:22px 0 0 auto;transform:none}.showroom .skill-hero .skill-workbench{position:static;isolation:auto;width:100%;margin:0;padding:0}.showroom .skill-hero .skill-workbench:before{content:none}.showroom .skill-hero .skill-stage{inset:-120px 0 0;width:100%;height:calc(100% + 120px);max-width:none;object-fit:cover;object-position:70% center;opacity:.65;mask-image:none;border-radius:0}.showroom .skill-hero .skill-document-stage{position:relative;z-index:1}.showroom .skill-hero .skill-workbench figcaption{position:relative;z-index:1}.showroom :is(.g-prices-hero,.g-cases-hero,.case-hero-text,.case-hero:has(img[src*=ipad-rapportage])):after{content:"";position:absolute;inset:-120px 0 0;z-index:-2;pointer-events:none;background:url(/ontdek/assets/hero-home.webp) 70% center / cover no-repeat}.showroom .g-prices-hero:after{background-image:url(/ontdek/assets/hero-marketingstrategie.webp)}.showroom .g-prices-hero .g-receipt{position:relative;z-index:1;transform:none}.showroom main>:is(.g-cases-hero,.case-hero:has(img[src*=ipad-rapportage]))>figure{position:relative;z-index:1;width:min(100%,360px);justify-self:end}.showroom main>:is(.g-cases-hero,.case-hero:has(img[src*=ipad-rapportage]))>figure img{position:static;width:auto;max-width:100%;height:auto;max-height:360px;margin-inline:auto;object-fit:contain}.showroom .g-cases-hero .g-report-glow{display:none}.showroom .case-hero-text>div:first-child{max-width:760px}@media(max-width:760px){.showroom{--scene-gutter: 24px}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero,.skill-hero){display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;min-height:0;padding:24px var(--scene-gutter) 34px}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero,.skill-hero):before{inset:0;background:linear-gradient(180deg,#080e1a,#080e1aeb 35%,#080e1a0a 72%,#080e1a)}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero)>figure{padding-top:300px}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero)>figure img{inset:auto 0 64px;height:390px;object-fit:cover;object-position:68% center;-webkit-mask-image:linear-gradient(transparent,#000 24%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 24%,#000 78%,transparent)}.showroom main>:is(.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.download-hero,.g-hero)>figure img:is([src*=gianluca],[src*=portrait],[src*="/foto/"]),.showroom main>.case-hero>figure img{object-fit:contain;object-position:center;-webkit-mask-image:none;mask-image:none}.showroom main>:is(.topic-hero,.sc-hero,.sector-hero,.web-hero,.ads-hero,.local-hero,.product-hero,.functional-hero,.hybrid-hero,.local-final-hero,.case-hero,.download-hero,.g-hero)>figure figcaption{text-align:left;margin:0;padding-top:20px}.showroom .g-hero .g-portrait-note{margin-left:0}.showroom .skill-hero .skill-workbench{padding-top:210px}.showroom .skill-hero .skill-stage{inset:0;height:100%;object-position:65% center;opacity:.42}.showroom .skill-hero .skill-document{transform:none}.showroom :is(.g-prices-hero,.g-cases-hero,.case-hero-text,.case-hero:has(img[src*=ipad-rapportage])):after{inset:0;background-position:65% center;opacity:.48}.showroom .g-prices-hero .g-receipt{margin-top:80px}.showroom main>:is(.g-cases-hero,.case-hero:has(img[src*=ipad-rapportage]))>figure{padding-top:60px;justify-self:center}.showroom main>:is(.g-cases-hero,.case-hero:has(img[src*=ipad-rapportage]))>figure img{position:static;width:auto;height:auto;max-height:280px;-webkit-mask-image:none;mask-image:none}.showroom .case-hero-text{padding-bottom:260px}}.tools105-directory{scroll-margin-top:110px}.tools105-directory>header{max-width:850px;margin-bottom:42px}.tools105-directory h2{font-size:clamp(34px,4.4vw,66px);line-height:1.04;letter-spacing:-.045em}.tools105-filter{padding:0;margin:0;border:0;min-width:0}.tools105-filter[hidden]{display:none}.tools105-filter legend{font-size:16px;font-weight:600;margin-bottom:16px;color:#eeeaff}.tools105-choices{display:flex;flex-wrap:wrap;gap:10px}.tools105-choices button{font:inherit;font-size:14px;line-height:1.25;min-height:48px;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #50516a;border-radius:999px;padding:12px 18px;background:#111827;color:#e0dfed;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s}.tools105-choices button:hover{background:#24283b;border-color:#aaa1e7}.tools105-choices button[aria-pressed=true]{background:#b8aef5;border-color:#b8aef5;color:#101324}.tools105-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:25px;padding:2px 6px;background:#ffffff12;border:1px solid currentColor;border-radius:99px;font-size:11px;font-weight:600}.tools105-choices button[aria-pressed=true] .tools105-chip-count{background:#0d122018}.tools105-directory :is(button,a):focus-visible{outline:3px solid #ece6ff;outline-offset:5px}.tools105-count{margin:22px 0;color:#b9bfd4;font-size:13px;letter-spacing:.025em}.tools105-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tools105-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #33394f;border-radius:22px;background:linear-gradient(135deg,#171d2c,#0f1623);transition:border-color .18s,transform .18s}.tools105-card:hover{border-color:#8176ad;transform:translateY(-3px)}.tools105-card-image{aspect-ratio:16/9;overflow:hidden;background:#0a101e}.tools105-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 50%;transition:transform .35s}.tools105-card:hover .tools105-card-image img{transform:scale(1.025)}.tools105-card-body{padding:24px;display:flex;flex-direction:column;flex:1;gap:14px}.tools105-kind{text-transform:uppercase;letter-spacing:.09em;font:10px/1.6 JetBrains Mono,monospace;color:#c1b7f4}.tools105-card h3{font-size:clamp(23px,2vw,29px);line-height:1.13;letter-spacing:-.03em;margin:0;color:#f1efff}.tools105-card p{font-size:15px;line-height:1.65;color:#c3c9d9;margin:0}.tools105-card .tools105-language{font-size:11px;line-height:1.6;color:#b4bbd0}.tools105-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin-top:auto;padding-top:12px}.tools105-links a{min-height:44px;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;color:#e6ddff;border-bottom:1px solid #79718e;text-decoration:none;font-size:13px;font-weight:500}.tools105-links a:hover{color:#fff;border-bottom-color:#e9ddff}.tools105-note{max-width:850px;font-size:13px;line-height:1.75;color:#adb5cd;margin:28px 0 0}html[data-tools-visual="105"] .showroom main>:is(.download-hero,.functional-hero)>figure img{object-fit:cover;object-position:68% center}html[data-tools-visual="105"] .showroom main>.functional-hero{min-height:800px}html[data-tools-visual="105"] .functional-conditions{max-width:580px;background:#0b1221c9;border:1px solid #3a405a;border-radius:18px;backdrop-filter:blur(10px)}@media(max-width:1050px){.tools105-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:650px){.tools105-grid{grid-template-columns:1fr}.tools105-card-image{aspect-ratio:2/1}.tools105-card-body{padding:22px}.tools105-choices{gap:8px}.tools105-choices button{font-size:12px;padding:11px 13px;gap:9px;min-height:46px}.tools105-directory>header{margin-bottom:30px}.tools105-directory h2{font-size:38px}.tools105-directory{scroll-margin-top:85px}}@media(max-width:760px){html[data-tools-visual="105"] .showroom main>.functional-hero{min-height:0}html[data-tools-visual="105"] .showroom main>:is(.download-hero,.functional-hero)>figure img{object-position:68% center}html[data-tools-visual="105"] .functional-conditions{backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.tools105-card,.tools105-card-image img,.tools105-choices button{transition:none}.tools105-card:hover,.tools105-card:hover .tools105-card-image img{transform:none}}