:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-blue: rgb(33, 33, 180);--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-blue);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: rgb(0, 0, 248);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;margin:0;padding:0;color:var(--color-text);background-color:var(--vt-c-blue);line-height:1.6;font-size:18px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{padding:0;margin:0}ul{margin:0;padding:0}#harmvandeven .labels,#harmvandeven .name{fill:#2121b4;position:absolute;top:0;left:0;width:100%;height:100%}#harmvandeven .name{z-index:2}.center svg#zesbaans,.center #harmvandeven{display:inline-block;position:relative;margin:0 2rem;width:100px;height:100px}.center svg#zesbaans,.center #harmvandeven svg{transition:fill .6s;fill:#fff!important}.center a:hover svg#zesbaans,.center a:hover #harmvandeven svg{fill:#ff1493!important}@media only screen and (min-width: 801px){.mobile-only{display:none!important}}@media only screen and (max-width: 800px){.desktop-only{display:none!important}}@font-face{font-family:Platform Web;src:url(../fonts/Platform-Regular-Web.eot);src:url(../fonts/Platform-Regular-Web.eot?#iefix) format("embedded-opentype"),url(../fonts/Platform-Regular-Web.woff2) format("woff2"),url(../fonts/Platform-Regular-Web.woff) format("woff");font-weight:400;font-style:normal;font-stretch:normal}body{font-family:Platform Web;font-weight:400;font-style:normal;font-stretch:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{text-transform:uppercase;position:relative;z-index:2}h1.white,h2.white,h3.white{color:#fff}b,strong{white-space:nowrap;padding:0 .1em;position:relative}b label,strong label{position:relative;z-index:2}b:before,strong:before{border-radius:2px;position:absolute;z-index:1;top:-2px;bottom:-2px;left:-.05em;right:-.05em;background-color:var(--color-text);opacity:.16;content:"";display:inline-block}header .tagline{color:#fff;font-size:23px;line-height:27px}div.portfolio>ul>li:nth-child(odd) b:before,div.portfolio>ul>li:nth-child(odd) strong:before,header .tagline b:before,header .tagline strong:before{background-color:#000;opacity:.3}div.portfolio>ul ul.info li.link .link{font-size:15px}p,.label,.title{position:relative;z-index:2}a,a:link,a:visited,a:hover{white-space:nowrap;text-decoration:none;color:var(--color-text);transition:.4s;padding:3px;position:relative;z-index:100}a:not(.no-line):after{position:absolute;bottom:0;left:.18em;width:calc(100% - .36em);background-color:var(--color-text);transition:left .3s ease-out,width .3s ease-out;content:"";display:inline-block;height:2px}div.portfolio>ul .summary,div.portfolio ul.info div{font-size:18px;line-height:26px}div.portfolio>ul>li:nth-child(odd) a,div.portfolio>ul>li:nth-child(odd) a:link,div.portfolio>ul>li:nth-child(odd) a:visited,div.portfolio>ul>li:nth-child(odd) a:hover,header .tagline a,header .tagline a:link,header .tagline a:visited,header .tagline a:hover{color:#fff}div.portfolio>ul>li:nth-child(odd) a:not(.no-line):after,header .tagline a:not(.no-line):after{background-color:#fff}@media (hover: hover){a:not(.no-line):hover:after{left:calc(25% + .18em);width:calc(50% - .36em)}a.no-line:hover{color:#ff1493}}header{padding:3rem 1rem 2rem}header .header{position:relative;overflow:hidden;width:100%;max-width:700px;background-color:#fff;padding:1.5rem 1.5rem .75rem}header #harmvandeven{position:relative;width:99px;height:102px;margin-bottom:1rem}header h2{margin-bottom:24px}header .header .links ul{margin-top:8px}header .tagline{margin-top:4rem;text-align:center}.footer p{padding-top:3rem;padding-bottom:4rem}@media only screen and (min-width: 511px){header{padding:3rem 2rem 8rem}header .header{display:flex;align-items:flex-end;padding:1.5rem}header #harmvandeven{flex-shrink:0;flex-basis:182px;width:182px;height:190px;margin-right:2rem;margin-bottom:0rem}}@media only screen and (min-width: 801px){header{padding:6rem 2rem 8rem;display:flex;justify-content:flex-start;align-items:flex-end}header .header{min-width:488px}header h2{margin-bottom:36px}header .header .links{display:flex;align-items:flex-end;margin-top:12px}header .header .links ul{margin-top:0;margin-bottom:-14px;margin-left:58px}header .tagline{text-align:left;margin-top:0;margin-left:2rem;max-width:500px}}div.panels{margin:0 auto;max-width:1700px}div.panels div.panel{padding:1.5rem;margin:2rem 1rem;background-color:#fff}div.panels div.panel h2{margin:12px 0;line-height:24px}div.panels div.panel>ul{margin-top:1rem;margin-bottom:2rem}@media only screen and (min-width: 801px){div.panels{display:flex;justify-content:space-around;align-items:flex-start}div.panels div.panel:not(:first-child){margin-top:33%;margin-top:min(240px,25%)}div.panels div.panel{margin:4rem 2rem 2rem;flex-basis:50%;flex-grow:1;flex-shrink:1;max-width:630px}}div.portfolio .row,div.portfolio>ul ul.media{position:relative}div.portfolio>ul>li,div.portfolio>h2{padding:2rem 1rem}div.portfolio>ul,div.portfolio>ul ul{list-style:none}div.portfolio>ul .label{float:left;width:160px}div.portfolio>ul .title{float:left;margin-left:10px;width:calc(100% - 170px)}div.portfolio>ul ul.info li:not(.img):not(.link){pointer-events:none}div.portfolio>ul ul.info li.link .link{margin-left:-3px;margin-top:-14px;margin-bottom:18px}div.portfolio>ul ul.info li:after{content:"";display:block;clear:both}div.portfolio>ul ul.media li,div.portfolio ul.info li.background{position:relative;display:block;box-sizing:content-box;text-align:center}div.portfolio>ul img,div.portfolio>ul iframe,div.portfolio>ul canvas{width:100%;display:block;box-sizing:content-box}div.portfolio>ul img.duotone,div.portfolio>ul iframe.duotone,div.portfolio>ul canvas.duotone{pointer-events:none;position:absolute;top:0;left:0;filter:url(#duotone);max-width:100%}div.portfolio>ul div.duotone canvas{filter:url(#duotone)}div.portfolio>ul ul.media li .duotone,div.portfolio>ul ul.media li .play-icon,div.portfolio ul.info li.background .duotone{opacity:1;transition:opacity .33s;z-index:1}div.portfolio>ul ul.media li .play-icon{pointer-events:none}div.portfolio>ul ul.media li.iframe{overflow:hidden}div.portfolio>ul ul.media li.is-started img.duotone{opacity:0}@media (hover: hover){div.portfolio>ul ul.media li.iframe{cursor:pointer}div.portfolio>ul ul.media li:not(.hover-disabled):hover img.duotone,div.portfolio>ul ul.media li:not(.hover-disabled):hover iframe.duotone,div.portfolio>ul ul.media li:not(.hover-disabled):hover canvas.duotone,div.portfolio>ul ul.media li:not(.hover-disabled):hover .play-icon,div.portfolio ul.info li.background:hover img.duotone,div.portfolio ul.info li.background:hover iframe.duotone,div.portfolio ul.info li.background:hover canvas.duotone{opacity:0}div.portfolio>ul ul.media li:hover .play-icon .background{fill:#ff1493}div.portfolio ul.info li.background:hover{z-index:100;opacity:1}}@media (hover: none){div.portfolio>ul ul.media li:not(.hover-disabled).iframe svg{display:none}}div.portfolio>ul ul.media li.is-started .play-icon{display:none}div.portfolio>ul>li:nth-child(odd){background:var(--color-background);color:#fff}div.portfolio>ul>li:nth-child(2n){background:#fff}div.portfolio>ul>li:nth-child(odd) ul.media li{background-color:#0008ff}div.portfolio>ul>li:nth-child(2n) ul.media li{background-color:#f5f5ff}div.portfolio ul.info li:not(.background){margin:.25em 0}div.portfolio>ul .summary p{margin:.5em 0}div.portfolio ul.media li{margin:1rem 0}div.portfolio ul.media iframe{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%}div.portfolio .awards.mobile-only{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap}div.portfolio .awards.mobile-only li{flex-basis:180px}div.portfolio ul.info{position:relative}div.portfolio ul.info li.background{position:absolute;bottom:-1rem;right:-1rem;max-width:360px;transition:opacity .33s;opacity:.6}@media only screen and (min-width: 511px){div.portfolio .summary{max-width:336px}div.portfolio .info{max-width:572px}}@media only screen and (min-width: 801px){div.portfolio .row{display:flex;align-items:flex-end;margin-bottom:2rem}div.portfolio .summary{margin-left:4rem;margin-bottom:-.5rem}div.portfolio .awards.desktop-only{min-width:140px;flex-grow:100}div.portfolio .awards.desktop-only li{margin-left:auto;margin-right:0}div.portfolio .awards.desktop-only li{padding-left:2rem;max-width:210px}div.portfolio>ul>li,div.portfolio>h2{padding:4rem 2rem}}.cursor-follower[data-v-a130fd0f]{position:absolute;pointer-events:none;z-index:1;background-color:#fff;border-radius:100%}svg[data-v-2d20f781]{width:28px;height:28px}h1[data-v-2d20f781]{font-size:27px;line-height:24px}h2[data-v-2d20f781]{line-height:24px;margin-top:.5rem}h3[data-v-2d20f781]{font-size:14px;line-height:14px}ul[data-v-2d20f781]{list-style:none;display:flex;justify-content:flex-start}ul[data-v-153a0e3c]{list-style:none}p[data-v-153a0e3c]{margin:1rem 0}.date[data-v-51cf121f]{float:left;width:100px}.label[data-v-51cf121f]{float:left;margin-left:10px;width:calc(100% - 110px)}li[data-v-51cf121f]:after{content:"";display:block;clear:both}ul[data-v-6357bcc5]{list-style:none;line-height:1.2}ul li[data-v-6357bcc5]{margin:.6rem 0}.background[data-v-6072f991]{fill:#003cb4;transition:fill .33s}.play[data-v-6072f991]{fill:#fff}.loader[data-v-bc4cc26a]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--a4095ca0)}.default-loader[data-v-bc4cc26a]{width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-top-color:#3498db;border-radius:50%;animation:spin-bc4cc26a 1s infinite linear}.error-container[data-v-bc4cc26a]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8}.default-error[data-v-bc4cc26a]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;font-size:14px}svg.play-icon[data-v-bc4cc26a]{position:absolute;top:calc(50% - 37px);left:calc(50% - 37px);width:74px;height:74px}@keyframes spin-bc4cc26a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-d5d61345]{margin-left:2rem}}@media only screen and (min-width: 801px){div.portfolio ul.media[data-v-d5d61345]{display:flex;justify-content:space-between;margin:0 -1rem}div.portfolio ul.media>li[data-v-d5d61345]{background-color:#fff!important;margin:0 1rem;flex-basis:100px;flex-grow:1}div.portfolio ul.media>li>li[data-v-d5d61345]{margin:0}}.equirectangular[data-v-e107b88b]{width:100vw;height:70vh;max-width:100%}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-e107b88b]{margin-left:2rem}}@media only screen and (max-width: 800px){div.portfolio .awards.mobile-only li[data-v-e107b88b]{margin-bottom:-3rem}div.portfolio .awards.mobile-only[data-v-e107b88b]{padding-bottom:3rem}}@media only screen and (min-width: 801px){ul.awards[data-v-e107b88b]{margin-left:auto;margin-right:0;max-width:500px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end}div.portfolio .awards.desktop-only li[data-v-e107b88b]{margin-left:1rem;margin-bottom:-2rem;padding-left:0;padding-right:0}div.portfolio .media li[data-v-e107b88b]:nth-child(2){position:absolute;z-index:2;border:1rem white solid;right:-1rem;top:calc(50% - 300px);width:40%;max-width:500px}}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-8a829221]{margin-left:2rem}}.media[data-v-8a829221]{margin:0 0rem}@media only screen and (max-width: 800px){div.portfolio .media li[data-v-8a829221]:first-child{margin:2rem 4rem}div.portfolio .awards.mobile-only li[data-v-8a829221]{margin-bottom:-3rem}div.portfolio .awards.mobile-only[data-v-8a829221]{padding-bottom:3rem}}@media only screen and (min-width: 801px){.media[data-v-8a829221]{margin:0 -2rem}.media .trailer[data-v-8a829221]{position:absolute;z-index:2;top:1rem;left:2rem;width:33%;min-width:500px}div.portfolio .awards.desktop-only li[data-v-8a829221]{margin-top:-2rem;margin-bottom:0rem}}.background[data-v-8a829221]{position:absolute;max-width:300px;right:18%;bottom:50px}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-5fed4aa6]{margin-left:2rem}}@media only screen and (min-width: 801px){.media[data-v-5fed4aa6]{margin-bottom:16rem}.media .trailer[data-v-5fed4aa6]{position:absolute;z-index:2;bottom:-16rem;right:2rem;width:40%;min-width:500px}}.awards.desktop-only[data-v-5fed4aa6]{display:flex;justify-content:flex-end;align-items:flex-end;flex-wrap:wrap}.awards.desktop-only li[data-v-5fed4aa6]{padding-left:0!important;margin-left:0!important;flex-basis:180px;flex-grow:0;flex-shrink:0}.awards.desktop-only li[data-v-5fed4aa6]:nth-child(n){flex-basis:100%}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-cce8f00e]{margin-left:2rem}}@media only screen and (min-width: 801px){div.portfolio .row[data-v-cce8f00e]{margin-top:12rem}div.portfolio .media .trailer[data-v-cce8f00e]{position:absolute;z-index:2;right:2rem;bottom:2rem;width:40%;min-width:400px}}.info[data-v-f419a9db],.summary[data-v-f419a9db]{z-index:3;padding:1rem;margin-bottom:-1rem;border-radius:12px;background-color:#2121b4b3}.background[data-v-f419a9db]{position:absolute;max-width:400px;right:4rem;top:-2rem;z-index:2}.equirectangular[data-v-f419a9db]{width:100vw;height:70vh;max-width:100%}@media only screen and (min-width: 801px){div.portfolio .summary[data-v-f419a9db]{margin-bottom:-1.5rem}div.portfolio>ul ul.media li.ver-buchmesse[data-v-f419a9db]{position:absolute;left:2rem;bottom:-2rem;margin:0;max-width:300px}}ul[data-v-ddd7d7a5]{list-style:none}p[data-v-ddd7d7a5]{margin:1rem 0}ul[data-v-458b4603]{list-style:none;line-height:1.2}ul li[data-v-458b4603]{margin:.6rem 0}h2[data-v-458b4603]{margin-top:32px;margin-bottom:16px;line-height:24px}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-48c100eb]{margin-left:2rem}}@media only screen and (min-width: 801px){div.portfolio ul.media[data-v-48c100eb]{display:flex;justify-content:space-between;margin:0 -1rem}div.portfolio ul.media>li[data-v-48c100eb]{background-color:#fff!important;margin:0 1rem;flex-basis:100px;flex-grow:1}div.portfolio ul.media>li>li[data-v-48c100eb]{margin:0}}.equirectangular[data-v-83cdb0e6]{width:100vw;height:70vh;max-width:100%}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-83cdb0e6]{margin-left:2rem}}@media only screen and (max-width: 800px){div.portfolio .awards.mobile-only li[data-v-83cdb0e6]{margin-bottom:-3rem}div.portfolio .awards.mobile-only[data-v-83cdb0e6]{padding-bottom:3rem}}@media only screen and (min-width: 801px){ul.awards[data-v-83cdb0e6]{margin-left:auto;margin-right:0;max-width:500px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end}div.portfolio .awards.desktop-only li[data-v-83cdb0e6]{margin-left:1rem;margin-bottom:-2rem;padding-left:0;padding-right:0}div.portfolio .media li[data-v-83cdb0e6]:nth-child(2){position:absolute;z-index:2;border:1rem white solid;right:-1rem;top:calc(50% - 300px);width:40%;max-width:500px}}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-65489d2f]{margin-left:2rem}}.media[data-v-65489d2f]{margin:0 0rem}@media only screen and (max-width: 800px){div.portfolio .media li[data-v-65489d2f]:first-child{margin:2rem 4rem}div.portfolio .awards.mobile-only li[data-v-65489d2f]{margin-bottom:-3rem}div.portfolio .awards.mobile-only[data-v-65489d2f]{padding-bottom:3rem}}@media only screen and (min-width: 801px){.media[data-v-65489d2f]{margin:0 -2rem}.media .trailer[data-v-65489d2f]{position:absolute;z-index:2;top:1rem;left:2rem;width:33%;min-width:500px}div.portfolio .awards.desktop-only li[data-v-65489d2f]{margin-top:-2rem;margin-bottom:0rem}}.background[data-v-65489d2f]{position:absolute;max-width:300px;right:18%;bottom:50px}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-795f26d4]{margin-left:2rem}}@media only screen and (min-width: 801px){.media[data-v-795f26d4]{margin-bottom:16rem}.media .trailer[data-v-795f26d4]{position:absolute;z-index:2;bottom:-16rem;right:2rem;width:40%;min-width:500px}}.awards.desktop-only[data-v-795f26d4]{display:flex;justify-content:flex-end;align-items:flex-end;flex-wrap:wrap}.awards.desktop-only li[data-v-795f26d4]{padding-left:0!important;margin-left:0!important;flex-basis:180px;flex-grow:0;flex-shrink:0}.awards.desktop-only li[data-v-795f26d4]:nth-child(n){flex-basis:100%}@media only screen and (min-width: 1080px){div.portfolio .row[data-v-23cff90c]{margin-left:2rem}}@media only screen and (min-width: 801px){div.portfolio .row[data-v-23cff90c]{margin-top:12rem}div.portfolio .media .trailer[data-v-23cff90c]{position:absolute;z-index:2;right:2rem;bottom:2rem;width:40%;min-width:400px}}.info[data-v-2bcd0142],.summary[data-v-2bcd0142]{z-index:3;padding:1rem;margin-bottom:-1rem;border-radius:12px;background-color:#2121b4b3}.background[data-v-2bcd0142]{position:absolute;max-width:400px;right:4rem;top:-2rem;z-index:2}.equirectangular[data-v-2bcd0142]{width:100vw;height:70vh;max-width:100%}@media only screen and (min-width: 801px){div.portfolio .summary[data-v-2bcd0142]{margin-bottom:-1.5rem}div.portfolio>ul ul.media li.ver-buchmesse[data-v-2bcd0142]{position:absolute;left:2rem;bottom:-2rem;margin:0;max-width:300px}}svg#zesbaans[data-v-6d84a4c3]{width:100px;height:100px;fill:#2121b4}.center[data-v-d10ae78f]{margin:4rem 0;color:#fff;width:100%;text-align:center;font-size:14px}nav[data-v-d10ae78f]{position:absolute;top:6px;right:1rem}nav a[data-v-d10ae78f],a[data-v-d10ae78f]:link,a[data-v-d10ae78f]:visited,a[data-v-d10ae78f]:hover{color:#fff}a[data-v-d10ae78f]:not(.no-line):after{height:1px;background-color:#fff;transition:left .3s ease-out,width .3s ease-out,opacity .1}a[data-v-d10ae78f]:not(.no-line):not(.router-link-active):after{opacity:0;left:calc(25% + .18em);width:calc(50% - .36em)}@media (hover: hover){a[data-v-d10ae78f]:not(.no-line):hover:after{left:.18em;width:calc(100% - .36em);opacity:1}}@media only screen and (min-width : 801px){nav[data-v-d10ae78f]{right:2rem}}