/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}a{background-color:transparent}strong{font-weight:bolder}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--color-black: rgb(7, 7, 7);--color-gray-dark: rgb(29, 29, 27);--color-gray-medium: rgb(204, 204, 204);--color-gray-light: rgb(229, 229, 229);--color-white: rgb(250, 250, 250);--color-blue: #136bca;--color-red: #d10000;--color-purple: #7b249e;--font-size: calc(14px + clamp(0px, 0.5vw, 10px));--font-size-sm: 0.75rem;--line-height: 1.5;--line-height-heading: 1.2;--stroke-width-thin: 1px;--stroke-width-normal: 0.08em;--stroke-width-thick: 0.15em;--margin-xs: 0.1em;--margin-sm: 0.3rem;--margin-md: 0.5rem;--margin-lg: 1rem;--margin-xl: 2rem;--lazy-container-bg: var(--color-gray-light);--breakpoint-sm: 0px;--breakpoint-md: 700px;--breakpoint-lg: 1400px;--breakpoint-xl: 2000px;--ifg-pattern-stripe-width: 0.15rem;--ifg-pattern: repeating-linear-gradient(-55deg,
    var(--color-white) calc(var(--ifg-pattern-stripe-width) * 0),
    var(--color-white) calc(var(--ifg-pattern-stripe-width) * 1),
    var(--color-red) calc(var(--ifg-pattern-stripe-width) * 1),
    var(--color-red) calc(var(--ifg-pattern-stripe-width) * 2),
    var(--color-white) calc(var(--ifg-pattern-stripe-width) * 2),
    var(--color-white) calc(var(--ifg-pattern-stripe-width) * 3),
    var(--color-purple) calc(var(--ifg-pattern-stripe-width) * 3),
    var(--color-purple) calc(var(--ifg-pattern-stripe-width) * 4),
    var(--color-white) calc(var(--ifg-pattern-stripe-width) * 4),
    var(--color-white) calc(var(--ifg-pattern-stripe-width) * 5),
    var(--color-blue) calc(var(--ifg-pattern-stripe-width) * 5),
    var(--color-blue) calc(var(--ifg-pattern-stripe-width) * 6),
    var(--color-white) calc(var(--ifg-pattern-stripe-width) * 6),
    var(--color-white) calc(var(--ifg-pattern-stripe-width) * 7),
    var(--color-black) calc(var(--ifg-pattern-stripe-width) * 7),
    var(--color-black) calc(var(--ifg-pattern-stripe-width) * 8))}::-moz-selection{background-color:var(--color-black);color:var(--color-white)}::selection{background-color:var(--color-black);color:var(--color-white)}html{font-size:var(--font-size)}html,body{height:100%}body{overflow-x:hidden;overflow-y:scroll}@font-face{font-family:"neue haas grotesk text pro";font-weight:400;src:url("../fonts/a14594bf-73de-4b5f-9792-9566994a021d.woff2") format("woff2"),url("../fonts/bb4a10bb-155d-4c1a-a813-c65e10fac36c.woff") format("woff")}@font-face{font-family:"neue haas grotesk text pro";font-weight:400;font-style:italic;src:url("../fonts/dc9df9ed-36b9-4522-8e57-1a899ed2c224.woff2") format("woff2"),url("../fonts/ff571a3a-fb16-42b1-a691-23d8955aa35e.woff") format("woff")}@font-face{font-family:"neue haas grotesk text pro";font-weight:500;src:url("../fonts/34ae0cd2-c49c-4df4-8270-fcda21c1b715.woff2") format("woff2"),url("../fonts/9e666926-4bc9-4013-849e-dffa25a41dbd.woff") format("woff")}@font-face{font-family:"neue haas grotesk text pro";font-weight:500;font-style:italic;src:url("../fonts/c951fbb4-1116-47e5-b057-5691a20747eb.woff2") format("woff2"),url("../fonts/cfaf1c42-858f-4acc-88d8-f0fd7d3e6295.woff") format("woff")}@font-face{font-family:"neue haas grotesk text pro";font-weight:700;src:url("../fonts/d13fb250-6b64-4d97-85df-51fc6625a891.woff2") format("woff2"),url("../fonts/60fa2ce6-c35e-4203-9bbf-25dd128daec5.woff") format("woff")}body{font-family:"neue haas grotesk text pro", "helvetica neue", helvetica, arial, sans-serif;line-height:var(--line-height);color:var(--color-black);background-color:var(--color-white)}@media print{body{background-color:transparent}}a{color:var(--color-black);text-decoration:underline}@media screen{a{text-underline-offset:var(--stroke-width-thick);-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:var(--stroke-width-normal);-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}}a:focus-visible,a:active{text-decoration:none;background-color:var(--color-purple);color:var(--color-white);outline:var(--stroke-width-thick) solid var(--color-purple);outline-offset:0}a:hover{text-decoration:none;background-color:var(--color-black);color:var(--color-white);outline:var(--stroke-width-thick) solid var(--color-black);outline-offset:0}h1,.h1,h2,.h2,h3,.h3,h4,.h4{line-height:var(--line-height-heading);font-weight:700}h2,.h2,h3,.h3,h4,.h4{font-weight:normal}h1,.h1,h2,.h2,h3,.h3,h4,.h4,p,ul{margin:1rem 0}h1,.h1{font-size:1.5rem}@media (min-width: 700px){h1,.h1{font-size:2rem}}h2,.h2{font-size:1.25rem}@media (min-width: 700px){h2,.h2{font-size:1.5rem}}h3,.h3,h4{font-weight:700}figure{margin:0}figcaption,.caption-text{margin-top:var(--margin-sm);margin-bottom:var(--margin-sm);font-weight:normal;line-height:var(--line-height);font-size:var(--font-size-sm)}p{margin-bottom:var(--margin-lg)}ul{list-style-type:square;text-indent:0em;padding-left:0em;list-style-type:none;list-style-position:outside}ul li{display:block;padding-left:var(--margin-lg);position:relative}ul li:before{position:absolute;top:0;left:0;display:inline-block;content:"■";font-size:var(--font-size-small)}.sr-only{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}@media print{@page{margin:3cm 1cm 1cm 1cm;font-family:"Times New Roman", Times, serif}@page :first{margin-top:1cm}:root{--base-url: "https://institut.gebrauchsgrafik.org";--font-size: 12pt}figure{margin:0;display:block;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}}.page{display:flex;flex-direction:column}@media print{.page{height:auto}}@media print{.page__header-nav{display:none !important}}.page__footer{padding-top:var(--margin-xl);margin-top:var(--margin-lg);font-size:0.75em}.page__footer:after{content:"";background-image:var(--ifg-pattern);display:block;width:100%;height:10px}@media print{.page__footer{display:none}}.page__footer-nav{margin:var(--margin-md) var(--margin-md) 0 var(--margin-md)}.page__header{flex-shrink:0;margin-bottom:var(--margin-lg);align-self:flex-start}.page__header-nav{display:flex;justify-content:flex-end}.page__main,.page__main-article{flex-grow:1;display:flex;width:100%}.page__main[inert]{display:none}@media screen and (max-width: 700px){.main-menu-initialised .page__header-logo{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}}.main-menu-initialised .page__mobile-logo-wrapper{position:absolute}@media all and (min-width: 700px){.page__mobile-logo-wrapper{display:none !important}}.grid{--grid-unit: 3.125vw;display:grid;align-items:flex-start;grid-template-columns:repeat(32, var(--grid-unit));grid-gap:0;grid-auto-rows:minmax(max-content, var(--grid-unit));grid-auto-flow:row;width:100%}@media print{.grid{display:block}}.cell{--cell-width: calc((var(--cell-x2) - var(--cell-x1)) / 32);position:relative;z-index:1;margin-left:0;margin-right:0}@media screen{.cell{grid-column-start:calc(var(--cell-x1, 0) + 1);grid-column-end:calc(var(--cell-x2, 32) + 1);margin-top:calc(var(--cell-y1, 0) * var(--grid-unit));margin-bottom:calc(var(--cell-y2, 0) * var(--grid-unit))}}@media print{.cell{margin-top:1cm;margin-bottom:1cm}}.cell img{max-width:100%;height:auto;display:block}.cell>h1:first-child,.cell>h2:first-child,.cell>h3:first-child,.cell>h4:first-child,.cell>p:first-of-type{margin-top:0}.cell>p:last-of-type{margin-bottom:0}@media (min-width: 0px){.sm\:x1\=0{--cell-x1: 0}.sm\:x1\=0 .cell__text-space{margin-left:var(--margin-md)}.sm\:y1\+0{--cell-y1: 0}.sm\:y2\+0{--cell-y2: 0}.sm\:x1\=1{--cell-x1: 1}.sm\:x1\=1 .cell__text-space{margin-left:0}.sm\:y1\+1{--cell-y1: 1}.sm\:y1-1{--cell-y1: -1}.sm\:y2\+1{--cell-y2: 1}.sm\:y2-1{--cell-y2: -1}.sm\:x1\=2{--cell-x1: 2}.sm\:x1\=2 .cell__text-space{margin-left:0}.sm\:y1\+2{--cell-y1: 2}.sm\:y1-2{--cell-y1: -2}.sm\:y2\+2{--cell-y2: 2}.sm\:x1\=3{--cell-x1: 3}.sm\:x1\=3 .cell__text-space{margin-left:0}.sm\:y1\+3{--cell-y1: 3}.sm\:y1-3{--cell-y1: -3}.sm\:y2\+3{--cell-y2: 3}.sm\:x1\=4{--cell-x1: 4}.sm\:x1\=4 .cell__text-space{margin-left:0}.sm\:y1\+4{--cell-y1: 4}.sm\:y1-4{--cell-y1: -4}.sm\:y2\+4{--cell-y2: 4}.sm\:x1\=5{--cell-x1: 5}.sm\:x1\=5 .cell__text-space{margin-left:0}.sm\:y1\+5{--cell-y1: 5}.sm\:y1-5{--cell-y1: -5}.sm\:y2\+5{--cell-y2: 5}.sm\:x1\=6{--cell-x1: 6}.sm\:x1\=6 .cell__text-space{margin-left:0}.sm\:y1\+6{--cell-y1: 6}.sm\:y1-6{--cell-y1: -6}.sm\:y2-6{--cell-y2: -6}.sm\:x1\=7{--cell-x1: 7}.sm\:x1\=7 .cell__text-space{margin-left:0}.sm\:y1\+7{--cell-y1: 7}.sm\:y1-7{--cell-y1: -7}.sm\:x1\=8{--cell-x1: 8}.sm\:x1\=8 .cell__text-space{margin-left:0}.sm\:y1\+8{--cell-y1: 8}.sm\:x1\=9{--cell-x1: 9}.sm\:x1\=9 .cell__text-space{margin-left:0}.sm\:x2\=9{--cell-x2: 9}.sm\:x2\=9 .cell__text-space{margin-right:0}.sm\:y1-9{--cell-y1: -9}.sm\:x1\=10{--cell-x1: 10}.sm\:x1\=10 .cell__text-space{margin-left:0}.sm\:x2\=10{--cell-x2: 10}.sm\:x2\=10 .cell__text-space{margin-right:0}.sm\:y1\+10{--cell-y1: 10}.sm\:y2\+10{--cell-y2: 10}.sm\:x1\=11{--cell-x1: 11}.sm\:x1\=11 .cell__text-space{margin-left:0}.sm\:x2\=11{--cell-x2: 11}.sm\:x2\=11 .cell__text-space{margin-right:0}.sm\:y1-11{--cell-y1: -11}.sm\:x1\=12{--cell-x1: 12}.sm\:x1\=12 .cell__text-space{margin-left:0}.sm\:x2\=12{--cell-x2: 12}.sm\:x2\=12 .cell__text-space{margin-right:0}.sm\:y1-12{--cell-y1: -12}.sm\:x1\=13{--cell-x1: 13}.sm\:x1\=13 .cell__text-space{margin-left:0}.sm\:x2\=13{--cell-x2: 13}.sm\:x2\=13 .cell__text-space{margin-right:0}.sm\:x1\=14{--cell-x1: 14}.sm\:x1\=14 .cell__text-space{margin-left:0}.sm\:x2\=14{--cell-x2: 14}.sm\:x2\=14 .cell__text-space{margin-right:0}.sm\:x1\=15{--cell-x1: 15}.sm\:x1\=15 .cell__text-space{margin-left:0}.sm\:x1\=16{--cell-x1: 16}.sm\:x1\=16 .cell__text-space{margin-left:0}.sm\:x2\=16{--cell-x2: 16}.sm\:x2\=16 .cell__text-space{margin-right:0}.sm\:y1-16{--cell-y1: -16}.sm\:x1\=17{--cell-x1: 17}.sm\:x1\=17 .cell__text-space{margin-left:0}.sm\:x2\=17{--cell-x2: 17}.sm\:x2\=17 .cell__text-space{margin-right:0}.sm\:x1\=18{--cell-x1: 18}.sm\:x1\=18 .cell__text-space{margin-left:0}.sm\:x2\=18{--cell-x2: 18}.sm\:x2\=18 .cell__text-space{margin-right:0}.sm\:x1\=19{--cell-x1: 19}.sm\:x1\=19 .cell__text-space{margin-left:0}.sm\:x2\=19{--cell-x2: 19}.sm\:x2\=19 .cell__text-space{margin-right:0}.sm\:x1\=20{--cell-x1: 20}.sm\:x1\=20 .cell__text-space{margin-left:0}.sm\:x2\=20{--cell-x2: 20}.sm\:x2\=20 .cell__text-space{margin-right:0}.sm\:y1\+20{--cell-y1: 20}.sm\:y1-20{--cell-y1: -20}.sm\:x1\=21{--cell-x1: 21}.sm\:x1\=21 .cell__text-space{margin-left:0}.sm\:x2\=21{--cell-x2: 21}.sm\:x2\=21 .cell__text-space{margin-right:0}.sm\:y1-21{--cell-y1: -21}.sm\:x2\=22{--cell-x2: 22}.sm\:x2\=22 .cell__text-space{margin-right:0}.sm\:x2\=23{--cell-x2: 23}.sm\:x2\=23 .cell__text-space{margin-right:0}.sm\:x2\=24{--cell-x2: 24}.sm\:x2\=24 .cell__text-space{margin-right:0}.sm\:x2\=25{--cell-x2: 25}.sm\:x2\=25 .cell__text-space{margin-right:0}.sm\:x2\=26{--cell-x2: 26}.sm\:x2\=26 .cell__text-space{margin-right:0}.sm\:y2-26{--cell-y2: -26}.sm\:x2\=27{--cell-x2: 27}.sm\:x2\=27 .cell__text-space{margin-right:0}.sm\:x2\=28{--cell-x2: 28}.sm\:x2\=28 .cell__text-space{margin-right:0}.sm\:x2\=29{--cell-x2: 29}.sm\:x2\=29 .cell__text-space{margin-right:0}.sm\:x2\=30{--cell-x2: 30}.sm\:x2\=30 .cell__text-space{margin-right:0}.sm\:x2\=31{--cell-x2: 31}.sm\:x2\=31 .cell__text-space{margin-right:0}.sm\:x2\=32{--cell-x2: 32}.sm\:x2\=32 .cell__text-space{margin-right:var(--margin-md)}.sm\:y1-32{--cell-y1: -32}}@media (min-width: 700px){.md\:x1\=0{--cell-x1: 0}.md\:x1\=0 .cell__text-space{margin-left:var(--margin-md)}.md\:y1\+0{--cell-y1: 0}.md\:y2\+0{--cell-y2: 0}.md\:x1\=1{--cell-x1: 1}.md\:x1\=1 .cell__text-space{margin-left:0}.md\:y1\+1{--cell-y1: 1}.md\:y1-1{--cell-y1: -1}.md\:y2\+1{--cell-y2: 1}.md\:y2-1{--cell-y2: -1}.md\:x1\=2{--cell-x1: 2}.md\:x1\=2 .cell__text-space{margin-left:0}.md\:y1\+2{--cell-y1: 2}.md\:y1-2{--cell-y1: -2}.md\:y2\+2{--cell-y2: 2}.md\:y2-2{--cell-y2: -2}.md\:x1\=3{--cell-x1: 3}.md\:x1\=3 .cell__text-space{margin-left:0}.md\:y1\+3{--cell-y1: 3}.md\:y1-3{--cell-y1: -3}.md\:y2\+3{--cell-y2: 3}.md\:x1\=4{--cell-x1: 4}.md\:x1\=4 .cell__text-space{margin-left:0}.md\:y1\+4{--cell-y1: 4}.md\:y1-4{--cell-y1: -4}.md\:y2-4{--cell-y2: -4}.md\:x1\=5{--cell-x1: 5}.md\:x1\=5 .cell__text-space{margin-left:0}.md\:y1\+5{--cell-y1: 5}.md\:y1-5{--cell-y1: -5}.md\:x1\=6{--cell-x1: 6}.md\:x1\=6 .cell__text-space{margin-left:0}.md\:y1-6{--cell-y1: -6}.md\:x1\=7{--cell-x1: 7}.md\:x1\=7 .cell__text-space{margin-left:0}.md\:x2\=7{--cell-x2: 7}.md\:x2\=7 .cell__text-space{margin-right:0}.md\:y1\+7{--cell-y1: 7}.md\:y1-7{--cell-y1: -7}.md\:x1\=8{--cell-x1: 8}.md\:x1\=8 .cell__text-space{margin-left:0}.md\:x2\=8{--cell-x2: 8}.md\:x2\=8 .cell__text-space{margin-right:0}.md\:y1\+8{--cell-y1: 8}.md\:y1-8{--cell-y1: -8}.md\:y2-8{--cell-y2: -8}.md\:x1\=9{--cell-x1: 9}.md\:x1\=9 .cell__text-space{margin-left:0}.md\:x2\=9{--cell-x2: 9}.md\:x2\=9 .cell__text-space{margin-right:0}.md\:y1\+9{--cell-y1: 9}.md\:y1-9{--cell-y1: -9}.md\:x1\=10{--cell-x1: 10}.md\:x1\=10 .cell__text-space{margin-left:0}.md\:x2\=10{--cell-x2: 10}.md\:x2\=10 .cell__text-space{margin-right:0}.md\:y1-10{--cell-y1: -10}.md\:x1\=11{--cell-x1: 11}.md\:x1\=11 .cell__text-space{margin-left:0}.md\:x2\=11{--cell-x2: 11}.md\:x2\=11 .cell__text-space{margin-right:0}.md\:y1-11{--cell-y1: -11}.md\:y2\+11{--cell-y2: 11}.md\:x1\=12{--cell-x1: 12}.md\:x1\=12 .cell__text-space{margin-left:0}.md\:x2\=12{--cell-x2: 12}.md\:x2\=12 .cell__text-space{margin-right:0}.md\:y1\+12{--cell-y1: 12}.md\:y1-12{--cell-y1: -12}.md\:x1\=13{--cell-x1: 13}.md\:x1\=13 .cell__text-space{margin-left:0}.md\:x2\=13{--cell-x2: 13}.md\:x2\=13 .cell__text-space{margin-right:0}.md\:y1-13{--cell-y1: -13}.md\:y2-13{--cell-y2: -13}.md\:x1\=14{--cell-x1: 14}.md\:x1\=14 .cell__text-space{margin-left:0}.md\:x2\=14{--cell-x2: 14}.md\:x2\=14 .cell__text-space{margin-right:0}.md\:y1-14{--cell-y1: -14}.md\:x1\=15{--cell-x1: 15}.md\:x1\=15 .cell__text-space{margin-left:0}.md\:x2\=15{--cell-x2: 15}.md\:x2\=15 .cell__text-space{margin-right:0}.md\:x1\=16{--cell-x1: 16}.md\:x1\=16 .cell__text-space{margin-left:0}.md\:x2\=16{--cell-x2: 16}.md\:x2\=16 .cell__text-space{margin-right:0}.md\:y1-16{--cell-y1: -16}.md\:x1\=17{--cell-x1: 17}.md\:x1\=17 .cell__text-space{margin-left:0}.md\:x2\=17{--cell-x2: 17}.md\:x2\=17 .cell__text-space{margin-right:0}.md\:x1\=18{--cell-x1: 18}.md\:x1\=18 .cell__text-space{margin-left:0}.md\:x2\=18{--cell-x2: 18}.md\:x2\=18 .cell__text-space{margin-right:0}.md\:x1\=19{--cell-x1: 19}.md\:x1\=19 .cell__text-space{margin-left:0}.md\:x2\=19{--cell-x2: 19}.md\:x2\=19 .cell__text-space{margin-right:0}.md\:y1-19{--cell-y1: -19}.md\:x1\=20{--cell-x1: 20}.md\:x1\=20 .cell__text-space{margin-left:0}.md\:x2\=20{--cell-x2: 20}.md\:x2\=20 .cell__text-space{margin-right:0}.md\:x1\=21{--cell-x1: 21}.md\:x1\=21 .cell__text-space{margin-left:0}.md\:x2\=21{--cell-x2: 21}.md\:x2\=21 .cell__text-space{margin-right:0}.md\:y1-21{--cell-y1: -21}.md\:x1\=22{--cell-x1: 22}.md\:x1\=22 .cell__text-space{margin-left:0}.md\:x2\=22{--cell-x2: 22}.md\:x2\=22 .cell__text-space{margin-right:0}.md\:y1-22{--cell-y1: -22}.md\:x1\=23{--cell-x1: 23}.md\:x1\=23 .cell__text-space{margin-left:0}.md\:x2\=23{--cell-x2: 23}.md\:x2\=23 .cell__text-space{margin-right:0}.md\:x1\=24{--cell-x1: 24}.md\:x1\=24 .cell__text-space{margin-left:0}.md\:x2\=24{--cell-x2: 24}.md\:x2\=24 .cell__text-space{margin-right:0}.md\:y2-24{--cell-y2: -24}.md\:x2\=25{--cell-x2: 25}.md\:x2\=25 .cell__text-space{margin-right:0}.md\:x2\=26{--cell-x2: 26}.md\:x2\=26 .cell__text-space{margin-right:0}.md\:x2\=27{--cell-x2: 27}.md\:x2\=27 .cell__text-space{margin-right:0}.md\:x2\=28{--cell-x2: 28}.md\:x2\=28 .cell__text-space{margin-right:0}.md\:x2\=29{--cell-x2: 29}.md\:x2\=29 .cell__text-space{margin-right:0}.md\:x2\=30{--cell-x2: 30}.md\:x2\=30 .cell__text-space{margin-right:0}.md\:x2\=31{--cell-x2: 31}.md\:x2\=31 .cell__text-space{margin-right:0}.md\:x2\=32{--cell-x2: 32}.md\:x2\=32 .cell__text-space{margin-right:var(--margin-md)}}@media (min-width: 1400px){.lg\:x1\=0{--cell-x1: 0}.lg\:x1\=0 .cell__text-space{margin-left:var(--margin-md)}.lg\:y1\+0{--cell-y1: 0}.lg\:x1\=1{--cell-x1: 1}.lg\:x1\=1 .cell__text-space{margin-left:0}.lg\:y1\+1{--cell-y1: 1}.lg\:y1-1{--cell-y1: -1}.lg\:y2\+1{--cell-y2: 1}.lg\:y2-1{--cell-y2: -1}.lg\:x1\=2{--cell-x1: 2}.lg\:x1\=2 .cell__text-space{margin-left:0}.lg\:y1\+2{--cell-y1: 2}.lg\:y1-2{--cell-y1: -2}.lg\:y2\+2{--cell-y2: 2}.lg\:y2-2{--cell-y2: -2}.lg\:x1\=3{--cell-x1: 3}.lg\:x1\=3 .cell__text-space{margin-left:0}.lg\:y1\+3{--cell-y1: 3}.lg\:y1-3{--cell-y1: -3}.lg\:y2\+3{--cell-y2: 3}.lg\:x1\=4{--cell-x1: 4}.lg\:x1\=4 .cell__text-space{margin-left:0}.lg\:y1\+4{--cell-y1: 4}.lg\:y1-4{--cell-y1: -4}.lg\:y2\+4{--cell-y2: 4}.lg\:y2-4{--cell-y2: -4}.lg\:x1\=5{--cell-x1: 5}.lg\:x1\=5 .cell__text-space{margin-left:0}.lg\:y1\+5{--cell-y1: 5}.lg\:y1-5{--cell-y1: -5}.lg\:y2\+5{--cell-y2: 5}.lg\:x1\=6{--cell-x1: 6}.lg\:x1\=6 .cell__text-space{margin-left:0}.lg\:y1\+6{--cell-y1: 6}.lg\:y1-6{--cell-y1: -6}.lg\:y2\+6{--cell-y2: 6}.lg\:x2\=7{--cell-x2: 7}.lg\:x2\=7 .cell__text-space{margin-right:0}.lg\:y1-7{--cell-y1: -7}.lg\:x1\=8{--cell-x1: 8}.lg\:x1\=8 .cell__text-space{margin-left:0}.lg\:x2\=8{--cell-x2: 8}.lg\:x2\=8 .cell__text-space{margin-right:0}.lg\:y1\+8{--cell-y1: 8}.lg\:y1-8{--cell-y1: -8}.lg\:x1\=9{--cell-x1: 9}.lg\:x1\=9 .cell__text-space{margin-left:0}.lg\:x2\=9{--cell-x2: 9}.lg\:x2\=9 .cell__text-space{margin-right:0}.lg\:y1-9{--cell-y1: -9}.lg\:x1\=10{--cell-x1: 10}.lg\:x1\=10 .cell__text-space{margin-left:0}.lg\:x2\=10{--cell-x2: 10}.lg\:x2\=10 .cell__text-space{margin-right:0}.lg\:y1-10{--cell-y1: -10}.lg\:y2\+10{--cell-y2: 10}.lg\:x1\=11{--cell-x1: 11}.lg\:x1\=11 .cell__text-space{margin-left:0}.lg\:x2\=11{--cell-x2: 11}.lg\:x2\=11 .cell__text-space{margin-right:0}.lg\:y1-11{--cell-y1: -11}.lg\:x1\=12{--cell-x1: 12}.lg\:x1\=12 .cell__text-space{margin-left:0}.lg\:x2\=12{--cell-x2: 12}.lg\:x2\=12 .cell__text-space{margin-right:0}.lg\:x1\=13{--cell-x1: 13}.lg\:x1\=13 .cell__text-space{margin-left:0}.lg\:x2\=13{--cell-x2: 13}.lg\:x2\=13 .cell__text-space{margin-right:0}.lg\:y1-13{--cell-y1: -13}.lg\:x1\=14{--cell-x1: 14}.lg\:x1\=14 .cell__text-space{margin-left:0}.lg\:x2\=14{--cell-x2: 14}.lg\:x2\=14 .cell__text-space{margin-right:0}.lg\:y1-14{--cell-y1: -14}.lg\:x1\=15{--cell-x1: 15}.lg\:x1\=15 .cell__text-space{margin-left:0}.lg\:x2\=15{--cell-x2: 15}.lg\:x2\=15 .cell__text-space{margin-right:0}.lg\:y1-15{--cell-y1: -15}.lg\:x1\=16{--cell-x1: 16}.lg\:x1\=16 .cell__text-space{margin-left:0}.lg\:x2\=16{--cell-x2: 16}.lg\:x2\=16 .cell__text-space{margin-right:0}.lg\:x1\=17{--cell-x1: 17}.lg\:x1\=17 .cell__text-space{margin-left:0}.lg\:x2\=17{--cell-x2: 17}.lg\:x2\=17 .cell__text-space{margin-right:0}.lg\:y2-17{--cell-y2: -17}.lg\:x1\=18{--cell-x1: 18}.lg\:x1\=18 .cell__text-space{margin-left:0}.lg\:x2\=18{--cell-x2: 18}.lg\:x2\=18 .cell__text-space{margin-right:0}.lg\:x1\=19{--cell-x1: 19}.lg\:x1\=19 .cell__text-space{margin-left:0}.lg\:x2\=19{--cell-x2: 19}.lg\:x2\=19 .cell__text-space{margin-right:0}.lg\:x1\=20{--cell-x1: 20}.lg\:x1\=20 .cell__text-space{margin-left:0}.lg\:x2\=20{--cell-x2: 20}.lg\:x2\=20 .cell__text-space{margin-right:0}.lg\:x1\=21{--cell-x1: 21}.lg\:x1\=21 .cell__text-space{margin-left:0}.lg\:x1\=22{--cell-x1: 22}.lg\:x1\=22 .cell__text-space{margin-left:0}.lg\:x2\=22{--cell-x2: 22}.lg\:x2\=22 .cell__text-space{margin-right:0}.lg\:y1-22{--cell-y1: -22}.lg\:x1\=23{--cell-x1: 23}.lg\:x1\=23 .cell__text-space{margin-left:0}.lg\:x2\=23{--cell-x2: 23}.lg\:x2\=23 .cell__text-space{margin-right:0}.lg\:x1\=24{--cell-x1: 24}.lg\:x1\=24 .cell__text-space{margin-left:0}.lg\:x2\=24{--cell-x2: 24}.lg\:x2\=24 .cell__text-space{margin-right:0}.lg\:x1\=25{--cell-x1: 25}.lg\:x1\=25 .cell__text-space{margin-left:0}.lg\:x2\=25{--cell-x2: 25}.lg\:x2\=25 .cell__text-space{margin-right:0}.lg\:x1\=26{--cell-x1: 26}.lg\:x1\=26 .cell__text-space{margin-left:0}.lg\:x2\=26{--cell-x2: 26}.lg\:x2\=26 .cell__text-space{margin-right:0}.lg\:x2\=27{--cell-x2: 27}.lg\:x2\=27 .cell__text-space{margin-right:0}.lg\:x2\=28{--cell-x2: 28}.lg\:x2\=28 .cell__text-space{margin-right:0}.lg\:x2\=29{--cell-x2: 29}.lg\:x2\=29 .cell__text-space{margin-right:0}.lg\:x2\=30{--cell-x2: 30}.lg\:x2\=30 .cell__text-space{margin-right:0}.lg\:x2\=31{--cell-x2: 31}.lg\:x2\=31 .cell__text-space{margin-right:0}.lg\:x2\=32{--cell-x2: 32}.lg\:x2\=32 .cell__text-space{margin-right:var(--margin-md)}}@media (min-width: 2000px){.xl\:y1-0{--cell-y1: 0}.xl\:x1\=1{--cell-x1: 1}.xl\:x1\=1 .cell__text-space{margin-left:0}.xl\:y1-1{--cell-y1: -1}.xl\:x1\=2{--cell-x1: 2}.xl\:x1\=2 .cell__text-space{margin-left:0}.xl\:y1\+2{--cell-y1: 2}.xl\:x1\=3{--cell-x1: 3}.xl\:x1\=3 .cell__text-space{margin-left:0}.xl\:x1\=4{--cell-x1: 4}.xl\:x1\=4 .cell__text-space{margin-left:0}.xl\:y2-4{--cell-y2: -4}.xl\:y1\+6{--cell-y1: 6}.xl\:x2\=9{--cell-x2: 9}.xl\:x2\=9 .cell__text-space{margin-right:0}.xl\:y2\+9{--cell-y2: 9}.xl\:y2-9{--cell-y2: -9}.xl\:x2\=10{--cell-x2: 10}.xl\:x2\=10 .cell__text-space{margin-right:0}.xl\:y1-13{--cell-y1: -13}.xl\:x1\=14{--cell-x1: 14}.xl\:x1\=14 .cell__text-space{margin-left:0}.xl\:x2\=14{--cell-x2: 14}.xl\:x2\=14 .cell__text-space{margin-right:0}.xl\:y2-15{--cell-y2: -15}.xl\:x2\=16{--cell-x2: 16}.xl\:x2\=16 .cell__text-space{margin-right:0}.xl\:x1\=18{--cell-x1: 18}.xl\:x1\=18 .cell__text-space{margin-left:0}.xl\:x1\=20{--cell-x1: 20}.xl\:x1\=20 .cell__text-space{margin-left:0}.xl\:x2\=20{--cell-x2: 20}.xl\:x2\=20 .cell__text-space{margin-right:0}.xl\:x2\=22{--cell-x2: 22}.xl\:x2\=22 .cell__text-space{margin-right:0}.xl\:x2\=23{--cell-x2: 23}.xl\:x2\=23 .cell__text-space{margin-right:0}.xl\:x2\=26{--cell-x2: 26}.xl\:x2\=26 .cell__text-space{margin-right:0}.xl\:x2\=28{--cell-x2: 28}.xl\:x2\=28 .cell__text-space{margin-right:0}}@media print{.logo{max-width:10rem;display:block}}.logo:active{background-color:transparent;outline:none}.logo:hover{background-color:transparent;outline:transparent}.logo:focus-visible{outline-width:calc(var(--stroke-width-thick) + var(--margin-sm))}.logo:focus-visible>img{content:url("/logo-negative.svg")}.teaser__link{display:block;outline-offset:var(--margin-md);position:relative;-moz-column-break-inside:avoid;break-inside:avoid;text-decoration:none}.teaser__link .teaser__image{position:relative}.teaser__link .teaser__image:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-white);mix-blend-mode:screen;opacity:0.2;z-index:2;transition:opacity 0.5s ease-out}.teaser__link:hover{color:var(--color-black);background-color:transparent;outline:transparent}.teaser__link .image img{transition:0.2s ease-out}.teaser__link:hover .image img{filter:saturate(1.25) contrast(1.25) brightness(0.85)}.teaser__link:focus-visible{background-color:transparent;color:var(--color-black);outline-style:solid;outline-offset:10px;outline-width:var(--stroke-width-thick)}.teaser__link:active{outline:none;background:transparent;color:var(--color-black);text-decoration:underline}@media print{.teaser__link{text-decoration:none}}.nav{display:flex;align-items:center}.nav__ul{list-style-type:none;padding:0;margin:0 0 0 calc(var(--margin-sm) * -1);display:flex;flex-flow:wrap;width:calc(100% + var(--margin-sm))}.nav__a{display:block;padding:var(--margin-sm);text-decoration:none}.nav__li{padding-left:0}.nav__li:before{display:none}.nav--buttons .nav__li{margin-right:var(--margin-md);margin-bottom:var(--margin-md)}.nav--buttons .nav__a{text-decoration:none;border:var(--stroke-width-normal) solid var(--color-black);padding-right:var(--margin-md);padding-left:var(--margin-md)}.nav--buttons .nav__a:focus-visible,.nav--buttons .nav__a:active{text-decoration:none;border:var(--stroke-width-normal) solid var(--color-purple);background-color:var(--color-purple);color:var(--color-white);outline:var(--stroke-width-thick) solid var(--color-purple);outline-offset:0}.nav--buttons .nav__a:hover{text-decoration:none;border:var(--stroke-width-normal) solid var(--color-black);background-color:var(--color-black);color:var(--color-white);outline:var(--stroke-width-thick) solid var(--color-black);outline-offset:0}.parallax-root{overflow:hidden}@media print{.parallax-root{overflow:visible}}.parallax-wrapper{overflow-y:scroll;overflow-x:hidden;position:relative;transform-style:preserve-3d;perspective:100px;perspective-origin:center;height:100vh;width:100vw}@media print{.parallax-wrapper{height:auto}}.parallax-subwrapper{transform-style:preserve-3d}@media (min-width: 0px){.sm\:z\=1{transform:translateZ(10px) scale(.90909091);z-index:-1;transform-origin:center}}@media print and (min-width: 0px){.sm\:z\=1{transform:none}}@media (min-width: 0px){.sm\:z\=2{transform:translateZ(20px) scale(.83333333);z-index:-2;transform-origin:center}}@media print and (min-width: 0px){.sm\:z\=2{transform:none}}@media (min-width: 0px){.sm\:z\=3{transform:translateZ(30px) scale(.76923077);z-index:-3;transform-origin:center}}@media print and (min-width: 0px){.sm\:z\=3{transform:none}}@media (min-width: 700px){.md\:z\=1{transform:translateZ(10px) scale(.90909091);z-index:-1;transform-origin:center}}@media print and (min-width: 700px){.md\:z\=1{transform:none}}@media (min-width: 700px){.md\:z\=2{transform:translateZ(20px) scale(.83333333);z-index:-2;transform-origin:center}}@media print and (min-width: 700px){.md\:z\=2{transform:none}}@media (min-width: 700px){.md\:z\=3{transform:translateZ(30px) scale(.76923077);z-index:-3;transform-origin:center}}@media print and (min-width: 700px){.md\:z\=3{transform:none}}@media (min-width: 1400px){.lg\:z\=1{transform:translateZ(10px) scale(.90909091);z-index:-1;transform-origin:center}}@media print and (min-width: 1400px){.lg\:z\=1{transform:none}}@media (min-width: 1400px){.lg\:z\=2{transform:translateZ(20px) scale(.83333333);z-index:-2;transform-origin:center}}@media print and (min-width: 1400px){.lg\:z\=2{transform:none}}@media (min-width: 1400px){.lg\:z\=3{transform:translateZ(30px) scale(.76923077);z-index:-3;transform-origin:center}}@media print and (min-width: 1400px){.lg\:z\=3{transform:none}}.image{position:relative;background:var(--lazy-container-bg)}.image__img{display:block;width:100%;height:auto;-moz-column-break-inside:avoid;break-inside:avoid;position:relative}.image--type-desktop-mockup,.image--type-mobile-mockup{cursor:ns-resize;overflow:hidden;position:relative;height:100%;width:100%}.image--type-desktop-mockup .image__inner,.image--type-mobile-mockup .image__inner{overflow-y:scroll;overflow-y:overlay;height:100%;scrollbar-color:var(--color-black) transparent;scrollbar-width:auto}.image--type-desktop-mockup .image__inner::-webkit-scrollbar,.image--type-mobile-mockup .image__inner::-webkit-scrollbar{width:0.25em}.image--type-desktop-mockup .image__inner::-webkit-scrollbar-thumb,.image--type-mobile-mockup .image__inner::-webkit-scrollbar-thumb{background:var(--color-black);border-radius:1px}.image--type-desktop-mockup .image__inner::-webkit-scrollbar-track,.image--type-mobile-mockup .image__inner::-webkit-scrollbar-track{background:transparent}.image--type-desktop-mockup .image__img,.image--type-mobile-mockup .image__img{width:100%;height:auto}.image--type-mobile-mockup{--chrome-height: 0.75em;aspect-ratio:36 / 78;background:var(--color-gray-dark);border:var(--margin-sm) solid var(--color-gray-dark);border-radius:1.5rem}.image--type-mobile-mockup:before{display:block;position:absolute;z-index:9;content:"";left:50%;transform:translateX(-50%);top:0px;width:50%;height:var(--chrome-height);background-color:var(--color-gray-dark);border-radius:0px 0px 40px 40px}.image--type-mobile-mockup:after{display:block;content:"";position:absolute;z-index:8;width:auto;background:var(--color-gray-dark);bottom:var(--margin-md);height:0.25rem;width:50%;left:50%;transform:translateX(-50%);border-radius:0.25rem}.image--type-desktop-mockup{--chrome-height: 1rem;aspect-ratio:16 / 9;padding-top:var(--chrome-height);background:var(--color-gray-dark);border:var(--margin-sm) solid var(--color-gray-dark);border-radius:2px;border-top:0}.image--type-desktop-mockup:before{display:block;position:absolute;z-index:9;content:"";top:calc(var(--chrome-height) * 0.333);left:0;width:calc(var(--chrome-height) * 0.333);height:calc(var(--chrome-height) * 0.333);border-radius:50%;background-color:var(--color-white);box-shadow:0 0 0 0px var(--color-white),calc(var(--chrome-height) * 0.6) 0 0 0px var(--color-white),calc(var(--chrome-height) * 1.2) 0 0 0px var(--color-white)}.image--type-desktop-mockup:after{display:block;content:"";position:absolute;top:calc(var(--chrome-height) * 0.25);height:calc(var(--chrome-height) * 0.5);right:0;left:calc(var(--chrome-height) * 1.75);border-radius:1px;z-index:8;width:auto;background:var(--color-white)}.project-meta{margin-bottom:var(--margin-lg)}.main-menu-wrapper{align-items:flex-end}.main-menu-container{width:100%;margin-top:var(--margin-lg)}.main-menu{list-style-type:none;padding:0;display:flex;max-width:none;margin:0;left:calc(var(--margin-md) * -1);flex-direction:column;position:relative;width:100%}@media screen and (max-width: 700px){.main-menu{display:none}.main-menu .main-menu__ul{margin-left:0}}@media (min-width: 700px){.main-menu{background:transparent;flex-wrap:wrap;flex-direction:row;height:100%;position:static;left:auto}.main-menu__ul{justify-content:flex-end}}.main-menu__li{margin:0 0 var(--margin-md) 0}@media (min-width: 700px){.main-menu__li{display:inline-block;margin:0 var(--margin-lg) 0 0}.main-menu__li:last-child{margin-right:0}}.main-menu__a{display:flex;text-decoration:none;white-space:nowrap;font-family:var(--font-family-sans-serif);font-weight:var(--font-weight-serif);padding:var(--margin-md) var(--margin-md);-webkit-tap-highlight-color:transparent}@media (min-width: 700px){.main-menu__a{font-size:inherit;padding:var(--margin-sm) var(--margin-md)}}.main-menu__a--active{text-decoration:none;background-color:var(--color-gray-light);outline:var(--stroke-width-thick) solid var(--color-gray-light);outline-offset:0}.main-menu__language{text-decoration:none;display:inline-block;text-decoration:none;white-space:nowrap;font-family:var(--font-family-sans-serif);font-weight:var(--font-weight-serif);padding:var(--margin-md) var(--margin-md)}@media (min-width: 700px){.main-menu__language{font-size:inherit;width:auto;display:flex;margin:0 0 var(--margin-lg) auto;font-size:var(--font-size-sm);padding:var(--margin-sm) var(--margin-md);order:-1}}.main-menu-initialised{display:flex}.main-menu-initialised .main-menu-wrapper{display:contents}.main-menu-initialised .main-menu-container{position:sticky;top:0;z-index:99999;margin-top:0}.main-menu-initialised .main-menu{top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:stretch;flex-direction:column;opacity:0;transition:opacity .2s ease-out}.main-menu-initialised .main-menu__ul{flex-direction:column}.main-menu-initialised .main-menu__li{margin:var(--margin-md)}.main-menu-initialised .main-menu__a{font-size:calc(max(16px, 5vh))}.main-menu-initialised .main-menu__language{font-size:calc(max(16px, 3vh));margin:var(--margin-xl) var(--margin-md) var(--margin-md) var(--margin-md)}.main-menu-is-closed .main-menu-container{clip-path:polygon(calc(100% - 4.5rem) 0, 100% 0, 100% 4.5rem, calc(100% - 4.5rem) 4.5rem)}.main-menu-is-closed .main-menu{position:fixed;top:4.5rem;clip-path:polygon(0 0, 100% 0, 100% 0, 0 0)}.main-menu-is-open .main-menu-container{bottom:0;height:100vh;width:100vw;display:flex;justify-content:flex-start;flex-direction:column;background:var(--color-white)}.main-menu-is-open .main-menu{display:flex;height:calc(100vh - 4.5rem);overflow-x:hidden;overflow-y:scroll;opacity:1;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.main-menu-toggler{cursor:pointer;background:var(--color-white);z-index:1338;width:4.5rem;height:4.5rem;padding:var(--margin-lg);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:flex;align-items:center;justify-content:center;align-self:flex-end}.main-menu-toggler:focus-visible{-webkit-tap-highlight-color:transparent;text-decoration:none;border:var(--stroke-width-normal) solid var(--color-purple);background-color:var(--color-purple);outline:var(--stroke-width-thick) solid var(--color-purple);outline-offset:0}.main-menu-toggler:focus-visible .main-menu-toggler__icon-bar{background:var(--color-white) !important}.main-menu-toggler:active{-webkit-tap-highlight-color:transparent;text-decoration:none;border:var(--stroke-width-normal) solid var(--color-black);background-color:var(--color-black);outline:var(--stroke-width-thick) solid var(--color-black);outline-offset:0}.main-menu-toggler:active .main-menu-toggler__icon-bar{background:var(--color-white) !important}.main-menu-toggler svg{width:3rem;height:3rem}@media (min-width: 700px){.main-menu-toggler{display:none}}.main-menu-toggler[aria-expanded="false"] .main-menu-toggler__icon,.main-menu-toggler .main-menu-toggler__icon{width:100%;height:100%;position:relative}.main-menu-toggler[aria-expanded="false"] .main-menu-toggler__icon-bar,.main-menu-toggler .main-menu-toggler__icon-bar{display:block;height:0.333rem;width:100%;background:var(--color-black);transform-origin:center center;position:absolute;left:0;right:0;top:0;transition:all .1s ease-out}.main-menu-toggler[aria-expanded="false"] .main-menu-toggler__icon-bar:nth-child(1),.main-menu-toggler .main-menu-toggler__icon-bar:nth-child(1){transform:translateY(100%)}.main-menu-toggler[aria-expanded="false"] .main-menu-toggler__icon-bar:nth-child(2),.main-menu-toggler .main-menu-toggler__icon-bar:nth-child(2){transform:translateY(calc(1.25rem - 50%)) scaleX(1)}.main-menu-toggler[aria-expanded="false"] .main-menu-toggler__icon-bar:nth-child(3),.main-menu-toggler .main-menu-toggler__icon-bar:nth-child(3){transform:translateY(calc(2.5rem - 200%))}.main-menu-toggler[aria-expanded="true"] .main-menu-toggler__icon-bar:nth-child(1){transform:translateY(calc(1.25rem - 50%)) rotate(45deg)}.main-menu-toggler[aria-expanded="true"] .main-menu-toggler__icon-bar:nth-child(2){transform:translateY(calc(1.25rem - 50%)) scaleX(0)}.main-menu-toggler[aria-expanded="true"] .main-menu-toggler__icon-bar:nth-child(3){transform:translateY(calc(1.25rem - 50%)) translate(0%, 0%) rotate(-45deg)}