1<!DOCTYPE html><html lang="de" id="root"><head><title>Kompetenzen - Scarton Stingelin</title><meta charset="utf-8"/><meta name="generator" content="Cmsbox 3.0"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="/_cmsbox_25/favicon.ico"/><meta name="format-detection" content="telephone=yes"/><meta name="description" content="Was wir bieten: Identity und Corporate Design, Signaletik und Raum, Digital Design, Film und Motion Graphics, Editorial Design und Kampagnen. Entdecken Sie unser Kompetenzen!"/><meta name="keywords" content="Scarton Stingelin AG, Esther Stingelin, Design-Agentur, visuelle Kommunikation, Bern, Liebefeld, Corporate Identity, Corporate Design, Signaletik, Editorial Design, Digital Design, Film, Motion Graphics, Kampagne"/><!-- Open Graph data --><meta property="og:url" content="https://www.scartonstingelin.ch/kompetenzen"/><meta property="og:type" content="website"/><meta property="og:locale" content="de_DE"/><meta property="og:title" content="Kompetenzen - Scarton Stingelin"/><meta property="og:description" content="Was wir bieten: Identity und Corporate Design, Signaletik und Raum, Digital Design, Film und Motion Graphics, Editorial Design und Kampagnen. Entdecken Sie unser Kompetenzen!"/><meta property="og:image" content="https://www.scartonstingelin.ch/pictures/63/exe05sns19ydduq7ppn6vnhmith46f/identity_lepont.svg"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Kompetenzen - Scarton Stingelin"/><meta name="twitter:description" content="Was wir bieten: Identity und Corporate Design, Signaletik und Raum, Digital Design, Film und Motion Graphics, Editorial Design und Kampagnen. Entdecken Sie unser Kompetenzen!"/><meta name="twitter:image" content="https://www.scartonstingelin.ch/pictures/63/exe05sns19ydduq7ppn6vnhmith46f/identity_lepont.svg"/><link rel="stylesheet" type="text/css" media="screen and (min-width: 0px)" href="/_cmsbox_25/design/screen-small.css"/><link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="/_cmsbox_25/design/screen-medium.css"/><link rel="stylesheet" type="text/css" media="screen and (min-width: 1024px)" href="/_cmsbox_25/design/screen-large.css"/><style>.grecaptcha-badge{display:none}.recaptcha-info{text-align:right;font-size:10px;color:#aaa}� .recaptcha-info a {text-decoration:none;color:#aaa}</style>
1<script type="text/javascript" src="/_cmsbox_3.8.21_467/scripts/netstyle.ch/cmsbox.lazyimages.js"></script>
1<script type="text/javascript" src="/_cmsbox_3.8.21_467/scripts/netstyle.ch/cmsbox.view.js"></script>
vendor: 95 bytes, line 1
1<script type="text/javascript" async defer src="https://www.google.com/recaptcha/api.js?render=
16Ld9TVkUAAAAAJQ8sMbsx-ucmjcESLGqP2w5HmDS
vendor: 11 bytes, line 1
1"></script>
1<script>window.MSInputMethodContext && document.documentMode && document.write('
1<script src="https://cdn.jsdelivr.net/gh/nuxodin/[email protected]/ie11CustomProperties.min.js"><\/script>');</script>
1<script src="/js/8/main.js"></script>
1 2<!--script src="/extras/js/2025-03-25/navi-hider.js"></script--> 3<link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96" /> 4<link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" /> 5<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" /> 6<meta name="apple-mobile-web-app-title" content="Scarton Stingelin" /> 7<link rel="manifest" href="/favicons/site.webmanifest" />
7<script> 8try { 9 var _paq = _paq || []; 10 _paq.push(["trackPageView"]); 11 _paq.push(["enableLinkTracking"]); 12 _paq.push(["setDownloadClasses", "download"]); 13 var tracker = document.getElementsByName("tracker"); 14 var pageFound = !(tracker && tracker.length == 1 && tracker[0] && (/notFound|404/g).test(tracker[0].content)); 15 if (pageFound) { 16 var customUrl = document.location.pathname; 17 if ((/\?(contact|home|imprint|mailto|intro|next|previous|print|recommend|sitemap|support|zoom)(=.*)?/i).test(document.location.search)) { 18 var customQuery = document.location.search.replace(/\&_(s|k)=[a-z0-9\-_]+/ig, "").replace(/\?_(s|k)=[a-z0-9\-_]+/ig, "\?").replace(/\?\&/, "\?").replace(/\?$/, ""); 19 var customUrl = customUrl + customQuery; 20 } 21 _paq.push(["setCustomUrl", customUrl]); 22 } else { 23 _paq.push(["setDocumentTitle", "404 - Not found"]); 24 _paq.push(["setCustomUrl", "/404"]); 25 _paq.push(["setCustomVariable", 1, "404 - Not found", document.location.pathname + document.location.search, "page"]); 26 _paq.push(["setCustomVariable", 2, "404 - Referer", document.referrer, "page"]); 27 } 28 (function() { 29 var u=(("https:" == document.location.protocol) ? "https" : "http") + "://tracker.cmsbox.com/"; 30 _paq.push(["setTrackerUrl", u+"piwik.php"]); 31 _paq.push(["setSiteId", "1285"]); 32 var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0];; 33 g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s); 34 })(); 35} catch (error) { 36} 37</script>
37</head><body class="sub1 layout1 showNavigatorFalse cb-responsive cb-mood-responsive" id="view"><div class="hidden"><ul><li><a accesskey="0" title="Direkt auf die Startseite" href="https://www.scartonstingelin.ch/">Direkt auf die Startseite</a></li><li><a accesskey="1" title="Direkt zu Navigation 1" href="#NaviSub1">Direkt zu Navigation 1</a></li><li><a accesskey="2" title="Direkt zu Navigation 2" href="#NaviSub2">Direkt zu Navigation 2</a></li><li><a accesskey="7" title="Direkt zum Inhalt" href="#cadf8851-88ed-0d00-a897-c6db09b2bb25">Direkt zum Inhalt</a></li><li><a accesskey="8" title="Direkt zu Service 1" href="#MetaServices">Direkt zu Service 1</a></li><li><a accesskey="9" title="Direkt zu Service 2" href="#MetaMobileServices">Direkt zu Service 2</a></li></ul></div><div class="wrapper"> 38 39 <header class="section section--header js-editor-offset-top" > 40 <div class="desk"> 41 <div class="content"> 42 <a class="logo" href="/"> 43 <img class="logo__image" src="/images/logo-small.svg" alt="Scarton Stingelin" /> 44 </a> 45 <div class="navigation"><div class="navi sub1" id="NaviSub1"><div id="id1" class="item init cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu" data-jump="_942d4f51-88ed-0d00-a851-e56509b2bb25" title="Wie wir kommunizieren" href="/arbeiten">Arbeiten</a></div><div id="id2" class="item path here cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu path here" data-jump="fdde8851-88ed-0d00-a896-c2db09b2bb25" title="Was wir bieten" href="/kompetenzen">Kompetenzen</a></div><div id="id3" class="item cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu" data-jump="_92b2bb51-88ed-0d00-a8db-990909b2bb25" title="Was uns ausmacht" href="/agentur">Agentur</a></div><div id="id4" class="item exit cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu" data-jump="d72ef751-88ed-0d00-a920-526409b2bb25" title="Wo wir sind" href="/kontakt">Kontakt</a></div></div></div> 46 <a class="cb-toggle togglenavigation" data-toggle-targets="body"> 47 <span class="tline tline--1"></span> 48 <span class="tline tline--2"></span> 49 </a> 50 </div> 51 </div> 52 </header> 53 54 <div class="mobileNavigation"> 55 <div class="mobileNavigation__content"> 56 <div class="mobileNavigation__desk"> 57 <a class="mobileNavigation__homelink" href="/">Home</a><div class="navi sub1"><div id="id5" class="item init cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu" data-jump="_942d4f51-88ed-0d00-a851-e56509b2bb25" title="Wie wir kommunizieren" href="/arbeiten">Arbeiten</a></div><div id="id6" class="item path here cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu path here" data-jump="fdde8851-88ed-0d00-a896-c2db09b2bb25" title="Was wir bieten" href="/kompetenzen">Kompetenzen</a></div><div id="id7" class="item cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu" data-jump="_92b2bb51-88ed-0d00-a8db-990909b2bb25" title="Was uns ausmacht" href="/agentur">Agentur</a></div><div id="id8" class="item exit cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu" data-jump="d72ef751-88ed-0d00-a920-526409b2bb25" title="Wo wir sind" href="/kontakt">Kontakt</a></div></div><p id="mobileServices" class="dock"><a class="meta site cust service_instagram" target="_blank" rel="nofollow" title="Instagram" href="https://www.instagram.com/scartonstingelin/">Instagram</a><a class="meta site cust service_linkedin" target="_blank" rel="nofollow" title="LinkedIn" href="http://www.linkedin.com/company/scartonstingelin/">LinkedIn</a></p></div> 58 </div> 59 </div> 60 61 <section class="section section--rootScreen"> 62 <div class="rootScreen"> 63 <div class="rootScreen__background rootScreen__background--initial"></div> 64 <div class="rootScreen__background rootScreen__background--loop"></div> 65 <a class="rootScreen__logo" href="/"> 66 <img class="logo__image" src="/images/logo.svg" alt="Scarton Stingelin" /> 67 </a> 68 <div class="rootScreen__navi rootScreen__navi--left"><div class="navi sub1"><div id="id9" class="item init cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu" data-jump="_942d4f51-88ed-0d00-a851-e56509b2bb25" title="Wie wir kommunizieren" href="/arbeiten">Arbeiten</a></div><div id="id10" class="item path here cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu path here" data-jump="fdde8851-88ed-0d00-a896-c2db09b2bb25" title="Was wir bieten" href="/kompetenzen">Kompetenzen</a></div><div id="id11" class="item exit cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu" data-jump="_92b2bb51-88ed-0d00-a8db-990909b2bb25" title="Was uns ausmacht" href="/agentur">Agentur</a></div></div></div> 69 <div class="rootScreen__navi rootScreen__navi--right"><div class="navi sub1"><div id="id12" class="item init exit cb-navi-target-layout1 cb-navi-target-showNavigatorFalse item-empty"><a class="menu" data-jump="d72ef751-88ed-0d00-a920-526409b2bb25" title="Wo wir sind" href="/kontakt">Kontakt</a></div></div></div> 70 </div> 71 </section> 72 73 <section class="section section--one"> 74 <div class="desk"> 75 <div class="titles"><div id="head"><h1>Was wir bieten</h1></div><div id="cbDynamicText--1fdd507d-88ed-0d00-ac4e-012409b2bb25" class="cbdModule cbdModule--text cbdModule--titleByline cbdModule--isEmpty cbdModule--content cbdModule--isEmpty is-empty"><span class="cbDynamicContent__element titleByline is-empty"></span></div></div><div class="area area1 area--one" id="_287e8951-88ed-0d00-a8da-128709b2bb25"><div class="unit unit unit--note unit--folding1 unit--fold unit--fold unit--foldClosed" data-folding-open="unit--foldOpen" data-folding-closed="unit--foldClosed" id="e147f8b8-8ced-0d00-9368-811b09b2bb25"><div class="unit__content"><div class="unit__head"></div><div class="unit__body"><div class="less"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--p text-section--norm"><p class="norm"><a data-cb-uuid="54b295bc-8ced-0d00-93de-c39409b2bb25" data-cb-type="CBFoldingUnitToggleReference" class="open fold-toggle fold-toggle--closed" title="Artikel auf- / zuklappen" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","13"].join("&")});Cmsbox.toggleFoldingUnitState(this);" href="javascript:void(0)">Identity und Corporate Design</a></p></div></div></div></div><div class="more cb-invisible"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--h3"><h3>Marken, die nicht nur in den Kopf, sondern auch ins Herz gehen. <br/><br/>Jede Marke hat eine Geschichte, wir erzählen sie â visuell, textlich, emotional. Vom Naming, Design über die FarbÂwelten bis hin zur inhaltÂlichen TonaliÂtät kreieren wir IdentiÂtäten, die Bestand haben. </h3></div></div></div><div class="part show pict part--fileExtended part--slim"><a title="Le Pont" data-jump="_43701f4c-27f8-0d00-ab1e-ac620f10e4d0" href="/arbeiten/lepont"><figure class="cb-image-figure svg cb-landscape"><div class="cb-image-container">
75<img alt="Le Pont â Leben und lernen in Brünnen" data-sizes="auto" class="lazy lazyimage svg" title="Le Pont" src="/_cmsbox_images_1_0_0/pictures/63/exe05sns19ydduq7ppn6vnhmith46f/identity_lepont.svg" data-src="/pictures/63/exe05sns19ydduq7ppn6vnhmith46f/identity_lepont.svg" style="max-width:2560px;max-height:1440px" data-width="2560" data-height="1440" data-aspect="1.7778"/></div><figcaption class="cb-image-caption">Naming und Branding â Le Pont</figcaption></figure></a></div><div class="part show pict part--fileExtended part--slim"><a title="Bauunternehmen in Huttwil" data-jump="f52a3c74-8ced-0d00-884e-0f9b09b2bb25" href="/arbeiten/graenicher-ag"><figure class="cb-image-figure cb-landscape"><div class="cb-image-container"><img alt="Gränicher AG â Bauen aus Begeisterung" data-sizes="auto" class="lazy lazyimage" title="Gränicher AG" src="/_cmsbox_images_1_0_0/pictures/08/a9h9s13q6su04r6zk7iw4fgzjaqvp7/identity_graenicher-ag-2560.jpg" data-src="/pictures/08/a9h9s13q6su04r6zk7iw4fgzjaqvp7/identity_graenicher-ag-2560.jpg" style="max-width:2560px;max-height:1440px" data-width="2560" data-height="1440" data-aspect="1.7778"/></div><figcaption class="cb-image-caption">Corporate Design â Gränicher AG</figcaption></figure></a></div></div></div><div class="unit__foot"><div class="ctrl"><a class="link less cb-invisible" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","14"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Weniger Inhalt anzeigen" href="javascript:void(0)">weniger</a><a class="link more" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","15"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Mehr Inhalt anzeigen" href="javascript:void(0)">mehr</a></div></div></div></div><div class="unit unit unit--note unit--folding1 unit--fold unit--fold unit--foldClosed" data-folding-open="unit--foldOpen" data-folding-closed="unit--foldClosed" id="c6dd02bd-8ced-0d00-9407-216709b2bb25"><div class="unit__content"><div class="unit__head"></div><div class="unit__body"><div class="less"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--p text-section--norm"><p class="norm"><a data-cb-uuid="f3140ac0-8ced-0d00-9466-fa0f09b2bb25" data-cb-type="CBFoldingUnitToggleReference" class="open fold-toggle fold-toggle--closed" title="Artikel auf- / zuklappen" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","16"].join("&")});Cmsbox.toggleFoldingUnitState(this);" href="javascript:void(0)">Signaletik und Raum</a></p></div></div></div></div><div class="more cb-invisible"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--h3"><h3>Orientierung mit System â und Stil.<br/><br/>Ob in Gebäuden oder im öffentÂlichen Raum: SignaÂletik schafft OrienÂtierung, stiftet IdenÂtität und gestaltet Raum aktiv mit. Mit kreaÂtiven Konzepten, durchÂdachten MateriÂalien und in Abstimmung mit der ArchiÂtektur entwickeln wir SignaletikÂsysteme, AusÂstellungen und MesseÂstände, die Raum, Mensch und InforÂmation verbinden â klar, ästheÂtisch und barriereÂfrei.</h3></div></div></div><div class="part show pict part--fileExtended part--slim"><a title="GVBhub" data-jump="_69ca65c4-3ff5-0d00-ac53-5fba0f10e4d0" href="/arbeiten/gvbhub"><figure class="cb-image-figure cb-portrait"><div class="cb-image-container"><img alt="GVBhub Richtungsweiser WC" data-sizes="auto" class="lazy lazyimage" title="GVBhub Richtungsweiser" src="/_cmsbox_images_1_0_0/pictures/2c/li2k2s5r7ywi5bzc69pddmbw8nzmc2/signaletik_gvb-hub-2560.jpg" data-src="/pictures/2c/li2k2s5r7ywi5bzc69pddmbw8nzmc2/signaletik_gvb-hub-2560.jpg" style="max-width:2560px;max-height:2627px" data-width="2560" data-height="2627" data-aspect="0.9745"/></div><figcaption class="cb-image-caption">Signaletik im Bürogebäude â GVBhub</figcaption></figure></a></div><div class="part show pict part--fileExtended part--slim"><a title="Velostationen Bern" data-jump="abb68eac-62f0-0d00-8083-e1b209b2bb25" href="/arbeiten/velostationen-bern"><figure class="cb-image-figure cb-landscape"><div class="cb-image-container"><img alt="Velostationen Bern" data-sizes="auto" class="lazy lazyimage" title="Velostation Bern" src="/_cmsbox_images_1_0_0/pictures/a8/7m7csibwk8gpmzwk0rq4h6edqnt57a/signaletik_velostation-bern-2560.jpg" data-src="/pictures/a8/7m7csibwk8gpmzwk0rq4h6edqnt57a/signaletik_velostation-bern-2560.jpg" style="max-width:2560px;max-height:1440px" data-width="2560" data-height="1440" data-aspect="1.7
75778"/></div><figcaption class="cb-image-caption">Leitsystem â Velostationen Bern</figcaption></figure></a></div></div></div><div class="unit__foot"><div class="ctrl"><a class="link less cb-invisible" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","17"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Weniger Inhalt anzeigen" href="javascript:void(0)">weniger</a><a class="link more" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","18"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Mehr Inhalt anzeigen" href="javascript:void(0)">mehr</a></div></div></div></div><div class="unit unit unit--note unit--folding1 unit--fold unit--fold unit--foldClosed" data-folding-open="unit--foldOpen" data-folding-closed="unit--foldClosed" id="ab43f5bc-8ced-0d00-93ef-7d3f09b2bb25"><div class="unit__content"><div class="unit__head"></div><div class="unit__body"><div class="less"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--p text-section--norm"><p class="norm"><a data-cb-uuid="22b879be-8ced-0d00-9440-069609b2bb25" data-cb-type="CBFoldingUnitToggleReference" class="open fold-toggle fold-toggle--closed" title="Artikel auf- / zuklappen" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","19"].join("&")});Cmsbox.toggleFoldingUnitState(this);" href="javascript:void(0)">Digital Design</a></p></div></div></div></div><div class="more cb-invisible"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--h3"><h3>Klick, scroll, enjoy.<br/><br/>Websites, Apps und Interfaces? Machen wir! UX, UI und SEO sind uns daher nicht nur Begriffe, sondern die GrundÂlage unserer Arbeit. Wir verÂwandeln kreative GeistesÂblitze in digitale ErlebÂnisse, die wirken.</h3></div></div></div><div class="part show pict part--fileExtended part--slim"><a title="Südmatte â Zuhause im Aaretal" data-jump="_47cb86b9-c8f0-0d00-aad6-54d209b2bb25" href="/arbeiten/heimberg-suedmatte"><figure class="cb-image-figure cb-landscape"><div class="cb-image-container"><img alt="Frutiger Heimberg Südmatte Webdesign" data-sizes="auto" class="lazy lazyimage" title="Heimberg Südmatte" src="/_cmsbox_images_1_0_0/pictures/a8/rbhgb63rugmxf784l366fr9bq2aymn/digital_suedmatte-2560.jpg" data-src="/pictures/a8/rbhgb63rugmxf784l366fr9bq2aymn/digital_suedmatte-2560.jpg" style="max-width:2560px;max-height:1440px" data-width="2560" data-height="1440" data-aspect="1.7778"/></div><figcaption class="cb-image-caption">Webdesign â Heimberg Südmatte</figcaption></figure></a></div><div class="part show pict part--fileExtended part--slim"><a title="Ausbau Fernwärme" data-jump="d7f756c0-74f0-0d00-9841-876909b2bb25" href="/arbeiten/ausbau-fernwaerme"><figure class="cb-image-figure cb-portrait"><div class="cb-image-container"><img alt="Ausbau Fernwärme Instagram" data-sizes="auto" class="lazy lazyimage" title="Ausbau Fernwärme Instagram" src="/_cmsbox_images_1_0_0/pictures/3e/isajfptl7rqn3ikne4puxw61xk06xo/digital_afw-2560.gif" data-src="/pictures/3e/isajfptl7rqn3ikne4puxw61xk06xo/digital_afw-2560.gif" style="max-width:1200px;max-height:1350px" data-width="1200" data-height="1350" data-aspect="0.8889"/></div><figcaption class="cb-image-caption">Social Media Posts â Ausbau Fernwärme</figcaption></figure></a></div></div></div><div class="unit__foot"><div class="ctrl"><a class="link less cb-invisible" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","20"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Weniger Inhalt anzeigen" href="javascript:void(0)">weniger</a><a class="link more" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","21"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Mehr Inhalt anzeigen" href="javascript:void(0)">mehr</a></div></div></div></div><div class="unit unit unit--note unit--folding1 unit--fold unit--fold unit--foldClosed" data-folding-open="unit--foldOpen" data-folding-closed="unit--foldClosed" id="_526ffcbc-8ced-0d00-93fb-3eb709b2bb25"><div class="unit__content"><div class="unit__head"></div><div class="unit__body"><div class="less"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--p text-section--norm"><p class="norm"><a data-cb-uuid="7ca83dbf-8ced-0d00-9453-8ad109b2bb25" data-cb-type="CBFoldingUnitToggleReference" class="open fold-toggle fold-toggle--closed" title="Artikel auf- / zuklappen" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","22"].join("&")});Cmsbox.toggleFoldingUnitState(this);" href="javascript:void(0)">Film und Motion Graphics</a></p></div></div></div></div><div class="more cb-invisible"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--h3"><h3>Animationen, die bewegen.<br/><br/>Mit unserem KnowÂhow für Motion Design fangen wir die visuelle Essenz von Marken ein. Egal ob MotionÂbrand, ErklärÂvideo oder Social-Media-Posts â wir bewegen Bilder, die Menschen bewegen.</h3></div></div></div><div class="part show pict part--fileExtended part--slim"><a title="Einfach erklärt" data-jump="_3fcf0276-6af2-0d00-b36a-0c2f058a1842" href="/arbeiten/bls-erklaervideos"><figure class="cb-image-figure cb-landscape"><div class="cb-image-container"><img alt="BLS Erklärvideos" data-sizes="auto" class="lazy lazyimage" title="BLS Erklärvideos" src="/_cmsbox_images_1_0_0/pictures/66/nyi5es7v9g3fn9a17tvvb6wero8oug/motion_bls-2560.gif" data-src="/pictures/66/nyi5es7v9g3fn9a17tvvb6wero8oug/motion_bls-2560.gif" style="max-width:470px;max-height:313px" data-width="470" data-height="313" data-aspect="1.5016"/></div><figcaption class="cb-image-caption">Erklärvideo â Energiekonzept BLS-Werkstätte Bönigen</figcaption></figure></a></div><div class="part show pict part--fileExtended part--slim"><a title="Südmatte â Zuhause im Aaretal" data-jump="_47cb86b9-c8f0-0d00-aad6-54d209b2bb25" href="/arbeiten/heimberg-suedmatte"><figure class="cb-image-figure cb-landscape"><div class="cb-image-container"><img alt="Südmatte Startanimation" data-sizes="auto" class="lazy lazyimage" title="Südmatte Startanimation" src="/_cmsbox_images_1_0_0/pictures/55/ns8cxe36lmtkcj77y676ijko8wum1i/motion_suedmatte-2560.gif" data-src="/pictures/55/ns8cxe36lmtkcj77y676ijko8wum1i/motion_suedmatte-2560.gif" style="max-width:472px;max-height:313px" data-width="472" data-height="313" data-aspect="1.5080"/></div><figcaption class="cb-image-caption">Startanimation Website â Heimberg Südmatte</figcaption></figure></a></div></div></div><div class="unit__foot"><div class="ctrl"><a class="link less cb-invisible" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","23"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Weniger Inhalt anzeigen" href="javascript:void(0)">weniger</a><a class="link more" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","24"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Mehr Inhalt anzeigen" href="javascript:void(0)">mehr</a></div></div></div></div><div class="unit unit unit--note unit--folding1 unit--fold unit--fold unit--foldClosed" data-folding-open="unit--foldOpen" data-folding-closed="unit--foldClosed" id="_72c3edbc-8ced-0d00-93e3-c5f009b2bb25"><div class="unit__content"><div class="unit__head"></div><div class="unit__body"><div class="less"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--p text-section--norm"><p class="norm"><a data-cb-uuid="9d8fdfbd-8ced-0d00-942d-874809b2bb25" data-cb-type="CBFoldingUnitToggleReference" class="open fold-toggle fold-toggle--closed" title="Artikel auf- / zuklappen" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","25"].join("&")});Cmsbox.toggleFoldingUnitState(this);" href="javascript:void(0)">Editorial Design</a></p></div></div></div></div><div class="more cb-invisible"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--h3"><h3>
75Lesen war noch nie so easy.</h3></div><div class="text-section text-section--h3"><h3><br/>Wir gestalten PublikaÂtionen, Magazine und Bücher die nicht nur optisch, sondern auch inhaltÂlich begeistern â mit einem Auge für gestalÂterische Details und einem feinen Gespür für Typografie.</h3></div></div></div><div class="part show pict part--fileExtended part--slim"><a title="Eine Erfolgsgeschichte seit 1955" data-jump="_4b20c2c7-c9f0-0d00-ada2-7c6409b2bb25" href="/arbeiten/bruennen-eichholz-chronik"><figure class="cb-image-figure cb-landscape"><div class="cb-image-container"><img alt="Chronik der Baugenossenschaft Brünnen-Eichholz" data-sizes="auto" class="lazy lazyimage" title="Baugenossenschaft Brünnen-Eichholz Chronik" src="/_cmsbox_images_1_0_0/pictures/ff/ob6krlcfrzpufx4sfipx8tggekuspw/editorial_bgbe_chronik-2560.jpg" data-src="/pictures/ff/ob6krlcfrzpufx4sfipx8tggekuspw/editorial_bgbe_chronik-2560.jpg" style="max-width:2560px;max-height:1521px" data-width="2560" data-height="1521" data-aspect="1.6831"/></div><figcaption class="cb-image-caption">Chronik 1955â2020 â Baugenossenschaft Brünnen-Eichholz</figcaption></figure></a></div><div class="part show pict part--fileExtended part--slim"><a title="KMU-Handbuch 76Beruf und Familie" data-jump="_1c4c2982-f1f5-0d00-ab00-02150f10e4d0" href="/arbeiten/seco-kmu-handbuch"><figure class="cb-image-figure cb-portrait"><div class="cb-image-container"><img alt="Seco KMU-Handbuch Web-PDF" data-sizes="auto" class="lazy lazyimage" title="KMU-Handbuch Beruf unn Familie" src="/_cmsbox_images_1_0_0/pictures/86/1q933mci35t8vmmd3632n76t533424/editorial_seco_kmu-2560.jpg" data-src="/pictures/86/1q933mci35t8vmmd3632n76t533424/editorial_seco_kmu-2560.jpg" style="max-width:2560px;max-height:3111px" data-width="2560" data-height="3111" data-aspect="0.8229"/></div><figcaption class="cb-image-caption">Interaktives PDF â KMU-Handbuch «Beruf und Familie»</figcaption></figure></a></div></div></div><div class="unit__foot"><div class="ctrl"><a class="link less cb-invisible" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","26"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Weniger Inhalt anzeigen" href="javascript:void(0)">weniger</a><a class="link more" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","27"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Mehr Inhalt anzeigen" href="javascript:void(0)">mehr</a></div></div></div></div><div class="unit unit unit--note unit--folding1 unit--fold unit--fold unit--foldClosed" data-folding-open="unit--foldOpen" data-folding-closed="unit--foldClosed" id="e4ea65bd-8ced-0d00-9413-4a0a09b2bb25"><div class="unit__content"><div class="unit__head"></div><div class="unit__body"><div class="less"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--p text-section--norm"><p class="norm"><a data-cb-uuid="608ea2c0-8ced-0d00-9479-c98e09b2bb25" data-cb-type="CBFoldingUnitToggleReference" class="open fold-toggle fold-toggle--closed" title="Artikel auf- / zuklappen" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","28"].join("&")});Cmsbox.toggleFoldingUnitState(this);" href="javascript:void(0)">Kampagnen</a></p></div></div></div></div><div class="more cb-invisible"><div class="part text part--text"><div class="part__content"><div class="text-section text-section--h3"><h3>Kampagnen, die bleiben.<br/><br/>Wir denken gross und wirken gezielt: Ob digital, print oder crossÂmedial â unsere Kampagnen bringen Marken ins Gespräch.</h3></div></div></div><div class="part show pict part--fileExtended part--slim"><a title="life as a graphic designer" data-jump="ea1a18fc-8bed-0d00-8051-d43209b2bb25" href="/arbeiten/lifeasagraphicdesigner"><figure class="cb-image-figure cb-landscape"><div class="cb-image-container"><img alt="SGD Swiss Graphic Designers â life as a graphic designer" data-sizes="auto" class="lazy lazyimage" title="lifeasagraphicdesigner" src="/_cmsbox_images_1_0_0/pictures/c9/tylw7ovva08mwsu7zcd7m0jyumpa3z/kampagne_sgd_lifeasagraphicdesigner-2560.jpg" data-src="/pictures/c9/tylw7ovva08mwsu7zcd7m0jyumpa3z/kampagne_sgd_lifeasagraphicdesigner-2560.jpg" style="max-width:2000px;max-height:2000px" data-width="2000" data-height="2000" data-aspect="1.0000"/></div><figcaption class="cb-image-caption">#lifeasagraphicdesigner â SGD Swiss Graphic Designers</figcaption></figure></a></div><div class="part show pict part--fileExtended part--slim"><a title="Wir denken mit" data-jump="_3b2fbbd7-69f2-0d00-a706-fe22058a1842" href="/arbeiten/gebaeudeversicherung-kanton-zuerich"><figure class="cb-image-figure cb-landscape"><div class="cb-image-container"><img alt="GVZ «Wir denken mit» Sensibilierungskampagne" data-sizes="auto" class="lazy lazyimage" title="GVZ Präventionskampagne" src="/_cmsbox_images_1_0_0/pictures/85/vwss75cf7y7wsqemgq6yryglzk8tll/kampagne_gvz-2560.jpg" data-src="/pictures/85/vwss75cf7y7wsqemgq6yryglzk8tll/kampagne_gvz-2560.jpg" style="max-width:2560px;max-height:1440px" data-width="2560" data-height="1440" data-aspect="1.7
76778"/></div><figcaption class="cb-image-caption">Senibilisierungskampagne «Wir denken mit» â Gebäudeversicherung Kanton Zürich GVZ</figcaption></figure></a></div></div></div><div class="unit__foot"><div class="ctrl"><a class="link less cb-invisible" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","29"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Weniger Inhalt anzeigen" href="javascript:void(0)">weniger</a><a class="link more" onclick="new Ajax.Request("/kompetenzen",{"parameters":["_k=7_jYOQmurMuHJTML","30"].join("&")});Cmsbox.toggleFoldingUnitState(this);" title="Mehr Inhalt anzeigen" href="javascript:void(0)">mehr</a></div></div></div></div></div></div> 77 </section><footer class="section section--marginTop"></footer> 78 79 <footer class="section section--footer"> 80 <div class="desk"> 81 <div class="footcontent"> 82 <div class="footunit footunit--1"> 83 <div class="vcard"> 84 <span class="org">Scarton Stingelin AG, <br />Agentur für Design und Kommunikation</span><br /> 85 <span class="adr"> 86 <span class="street-address">Waldeggstrasse 37</span>, 87 <span class="postal-code">3097</span> 88 <span class="locality">Liebefeld Bern</span> 89 </span><br /> 90 <a href="tel:+41584451515" class="tel"> 91 <span class="value">+41 58 445 15 15</span>, 92 </a> <a class="vcardemail cb-invisible" title="E-Mail schreiben" id="id31" href="javascript:void(0)"></a></div> 93 </div> 94 <div class="footunit footunit--2"><p id="services" class="dock"><a class="meta site cust service_instagram" target="_blank" rel="nofollow" title="Instagram" href="https://www.instagram.com/scartonstingelin/">Instagram</a><a class="meta site cust service_linkedin" target="_blank" rel="nofollow" title="LinkedIn" href="http://www.linkedin.com/company/scartonstingelin/">LinkedIn</a><a class="meta site cust service_impressum" target="_self" title="Impressum" href="/impressum">Impressum</a></p></div> 95 </div> 96 </div> 97 </footer> 98 99</div> 100 101
102<script> 103 // First we get the viewport height and we multiple it by 1% to get a value for a vh unit 104 let vh = window.innerHeight * 0.01; 105 // Then we set the value in the --vh custom property to the root of the document 106 document.documentElement.style.setProperty('--vh', `${vh}px`); 107 // We listen to the resize event 108 window.addEventListener('resize', () => { 109 // We execute the same script as before 110 let vh = window.innerHeight * 0.01; 111 document.documentElement.style.setProperty('--vh', `${vh}px`); 112 }); 113</script>
113<div id="lbox"></div>
113<script>window.addEventListener("load", function _onLoad(e) {Cmsbox.setup();Cmsbox.reveal_mailto("id31","","%69%6E%66%6F%40%73%63%61%72%74%6F%6E%73%74%69%6E%67%65%6C%69%6E%2E%63%68","%69%6E%66%6F%40%73%63%61%72%74%6F%6E%73%74%69%6E%67%65%6C%69%6E%2E%63%68");});</script>
113</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.