@font-face{font-family:'STIX Two Text';font-style:normal;font-weight:400;src:local(''),url('../fonts/stix-two-text-v10-latin-regular.woff2')format('woff2'),url('../fonts/stix-two-text-v10-latin-regular.woff')format('woff')}@font-face{font-family:'Inter UI';font-style:normal;font-weight:400;src:url("../fonts/Inter-UI-Regular.woff2?v=2.3")format("woff2"),url("../fonts/Inter-UI-Regular.woff?v=2.3")format("woff")}@font-face{font-family:'Inter UI';font-style:italic;font-weight:400;src:url("../fonts/Inter-UI-Italic.woff2?v=2.3")format("woff2"),url("../fonts/Inter-UI-Italic.woff?v=2.3")format("woff")}@font-face{font-family:'Inter UI';font-style:normal;font-weight:500;src:url("../fonts/Inter-UI-Medium.woff2?v=2.3")format("woff2"),url("../fonts/Inter-UI-Medium.woff?v=2.3")format("woff")}@font-face{font-family:'Inter UI';font-style:italic;font-weight:500;src:url("../fonts/Inter-UI-MediumItalic.woff2?v=2.3")format("woff2"),url("../fonts/Inter-UI-MediumItalic.woff?v=2.3")format("woff")}@font-face{font-family:'Inter UI';font-style:normal;font-weight:700;src:url("../fonts/Inter-UI-Bold.woff2?v=2.3")format("woff2"),url("../fonts/Inter-UI-Bold.woff?v=2.3")format("woff")}@font-face{font-family:'Inter UI';font-style:italic;font-weight:700;src:url("../fonts/Inter-UI-BoldItalic.woff2?v=2.3")format("woff2"),url("../fonts/Inter-UI-BoldItalic.woff?v=2.3")format("woff")}@font-face{font-family:'Inter UI';font-style:normal;font-weight:900;src:url("../fonts/Inter-UI-Black.woff2?v=2.3")format("woff2"),url("../fonts/Inter-UI-Black.woff?v=2.3")format("woff")}@font-face{font-family:'Inter UI';font-style:italic;font-weight:900;src:url("../fonts/Inter-UI-BlackItalic.woff2?v=2.3")format("woff2"),url("../fonts/Inter-UI-BlackItalic.woff?v=2.3")format("woff")}*{margin:0;padding:0;border:none;outline:none;font:inherit;color:inherit;line-height:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{margin:0;padding:0;border:none;outline:none;font:inherit;color:inherit;line-height:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}.browserupdate{display:block;margin-bottom:3em;padding:2em;color:#fff;background-color:red;text-align:center}.browserupdate a{color:#fff;text-decoration:underline}.browserupdate a:hover{color:#fff;font-weight:700}img{border-style:none;display:block;max-width:100%;height:auto}figcaption{font-size:.75rem;line-height:1.5rem;color:#999}iframe{max-width:100%}figure.video{margin:0 0 4%;position:relative;padding-bottom:55%;height:auto;overflow:hidden}figure.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}a{color:#c53165;text-decoration:none;cursor:pointer;transition:color .15s ease-out,background-color .15s ease-out}a:hover{color:#c53165}.cf:after{content:"";display:table;clear:both}html,body{width:100%;min-height:100%}html{background:#f7f7f7;font-family:"Inter UI",sans;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:100%;line-height:1.5em;color:#000}body.is-active-menu{overflow:hidden}button{font:inherit;background:none;border:0;color:currentColor}button:not(:disabled){cursor:pointer}.width{background:#fff;margin:0 auto;padding:1em;max-width:65em}@media screen and (min-width:48em){.width{padding:3em}}.header{padding-top:1em;position:relative;z-index:3000;position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0}.logo{color:#000;font-size:2em;background:#fff;font-weight:700;line-height:1;float:left;display:inline-block}.logo:hover{color:#000}.btn.toggle{color:#000;background:#fff;display:block;position:absolute;top:1em;right:1em;cursor:pointer}.btn-toggle{cursor:pointer;position:relative;z-index:9999;float:right}.btn-toggle span{position:relative;display:block;width:30px;height:30px;transition:transform .35s cubic-bezier(.4,0,.2,1)}.btn-toggle span:before,.btn-toggle span:after{content:"";display:block;width:100%;height:0;border-top:4px solid #000;position:absolute;top:50%;margin-top:-1px;transition:transform .15s cubic-bezier(.4,0,.2,1);-webkit-transform-origin:center center;transform-origin:center center}.btn-toggle span:before{transform:translate(0,-6px)}.btn-toggle span:after{transform:translate(0,6px)}.btn-toggle:hover span:before{transform:translate(0,-7px)}.btn-toggle:hover span:after{transform:translate(0,7px)}.btn-toggle.is-active span{transform:rotate(-90deg)}.btn-toggle.is-active span:before{transform:translate(0,0)rotate(-45deg)}.btn-toggle.is-active span:after{transform:translate(0,0)rotate(45deg)}@media screen and (min-width:48em){.header{padding-top:2em}}.navigation{position:fixed;z-index:2000;opacity:0;overflow:hidden;visibility:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;margin:0 auto;padding:1em;background:rgba(255,255,255,.97);transition:opacity .25s ease,visibility .25s ease}.navigation.is-active{opacity:1;visibility:visible}.menu{text-align:center}.menu a{color:#c53165;font-size:2em;line-height:1;margin:1.5rem 0;font-weight:400;display:inline-block;position:relative;transition:color .5s ease;transition-timing-function:cubic-bezier(.2,1,.3,1)}.menu a::before{content:'';position:absolute;z-index:-1;width:100%;height:50%;left:0;bottom:0;opacity:.75;transform:scale3d(0,1,1);transform-origin:0% 50%;transition:transform .5s ease;transition-timing-function:cubic-bezier(.2,1,.3,1)}.menu a:focus::before{background:#c53165}.menu a:hover{color:#000;text-decoration:none}.menu a:hover::before{background:#c53165}.menu .active{color:#000;font-weight:bold}.menu li{list-style:none;position:relative}.navigation .copyright{font-weight:400;color:#c53165;text-align:center;position:absolute;bottom:3em}.navigation .copyright a{color:#c53165;font-weight:500}.navigation .copyright a:hover{color:#000}.copyright{font-weight:normal}@media screen and (min-width:48em){.navigation{padding:3em}.menu a{font-size:2em}}h1,h2,h3,h4,h5,h6{font-size:2em;line-height:1;font-weight:bold;margin-bottom:1rem}h2{font-size:1.5em}h3{font-size:1.17em}h4{font-size:1em}h5{font-size:.83em}h6{font-size:.67em}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;border:0 !important}h1,.logo{font-family:"STIX Two Text",sans-serif}.main{padding:2em 0 1em}.main hr{margin:2em 0;height:2px;background:#999}.main p,.main figure,.main ul,.main ol{margin-bottom:1em}.main a{color:#c53165;border-bottom:2px solid transparent}.main a:hover{color:#333;border-color:#c53165}.main strong,.main b{font-weight:bold}.main i,.main cite,.main em{font-style:italic}.text ul,.text ol{margin-left:1em}@media screen and (min-width:48em){.main{padding:3em 0 1.5em}.main p,.main figure,.main ul,.main ol{margin-bottom:1.5em}}.footer{margin:3em 0 2em;font-weight:500;text-align:center}.footer .colophon .heart{background:url("../images/ico/herz.svg")no-repeat;display:inline-block;height:12px;width:14px;margin-bottom:-1px}@media screen and (min-width:48em){.footer{margin:6em 0 3em}}@media screen and (min-width:48em){.box-left{width:30%;float:left}.box-right{width:70%;float:left}.box-left{text-align:right;padding-right:2em}.box-right{padding-left:2em}}.project-info h1,.auftrag-info h1,.about-info h1,.default-info h1{margin-bottom:.2rem}.project-info time,.auftrag-info time,.about-info time,.default-info time{color:#ccc;font-size:1.5em;margin-bottom:1.5rem;display:inline-block}.project-info ul,.auftrag-info ul,.about-info ul,.default-info ul{margin:0 0 2em 2em}.project-info .tags,.auftrag-info .tags,.about-info .tags,.default-info .tags{margin:0 0 1.5em;font-weight:500;text-transform:lowercase}.project-info .tags li,.auftrag-info .tags li,.about-info .tags li,.default-info .tags li{float:left;list-style:none;margin-right:2em;margin-left:0}.project-info .tags li span,.auftrag-info .tags li span,.about-info .tags li span,.default-info .tags li span,.project-info .tags li a,.auftrag-info .tags li a,.about-info .tags li a,.default-info .tags li a{color:#819575;font-weight:400}.meta{margin-bottom:1.5em}.meta li{float:left;list-style:none;margin-right:2em}.meta li b{font-weight:500;color:#000}.meta li span:last-of-type{display:none}.meta li a.twit,.meta li a.face,.meta li a.goog{color:#000}.meta li a.twit:hover,.meta li a.face:hover,.meta li a.goog:hover{color:#222}.card{position:relative;display:block;border-radius:1em;background-color:rgba(0,0,0,.04);box-shadow:0 6px 16px rgba(0,0,0,.15);overflow:hidden;width:100%;transition:transform 100ms ease}.card-details{padding:.8em 1em 0 1em}.card-title{margin:0 0 .2em 0}.product-title{font-size:1.6em}.product-image{width:60%;float:left;margin-right:2em}.product-details{width:40%;float:left}.product-price{font-weight:bold;font-size:1.3em;margin-bottom:1em}.button{display:inline-block;padding:.5rem;font-weight:bold;color:#fff;background-color:#000}form{font-size:0;padding-top:1.5em}form p{width:100%;display:inline-block;font-size:1rem;margin-bottom:1.5rem}form label{display:block;margin-bottom:.5rem;font-weight:600}form .field.error label{color:#f40000}form input,form textarea{width:100%;background:none;border:2px solid #ddd;padding:.5rem;font-family:inherit;font-size:inherit;line-height:1.5em;border-radius:0;appearance:none;box-shadow:none}form input:focus{border-color:#000}form textarea{height:10em;resize:vertical}form textarea:focus{border-color:#000}form button{padding:.5rem 1.5rem;line-height:1.5em;font-family:inherit;font-size:inherit;border:2px solid #000;background:#000;color:#fff;font-weight:600;width:100%;cursor:pointer}form button::-moz-focus-inner{border:0;padding:0}form button:hover{background:#c53165;border-color:#c53165}form .honeypot{position:absolute;top:-9999px;left:-9999px}.alert{padding:.3em 1em;width:100%;margin-bottom:1.5em;font-size:1em;color:#fff;background:#c53165;position:relative;display:inline-block;border-radius:3px}.alert span{margin-bottom:.3rem}.alert span:last-of-type{margin-bottom:0}.alert a{color:inherit;font-weight:bold}.alert.error{font-size:.9em;color:#fff}.alert.success{background:#c53165}.grid{list-style:none;margin:2em -1em 0}.grid li{margin-bottom:1.4em}ul.grid{margin:0}.grid li a{color:#fff;border:none;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.75);background:#819575;display:block;overflow:hidden;position:relative;transition:background .25s ease}.grid li a:hover{color:#fff}.grid li a > div{width:100%;height:100%;position:absolute;left:0;z-index:1}.grid li a > div:before{content:'';height:100%;display:inline-block;vertical-align:middle}.grid li a > div > div{display:inline-block;vertical-align:middle}.grid li h1{margin-bottom:0;font-weight:bold}.grid li img{width:100%;display:block;opacity:.98;transform:scale(1);transition:opacity .25s ease,transform .25s ease,transform .25s ease}.grid li:hover img{opacity:.15;transform:scale(1.05)}@media screen and (min-width:48em){.grid{margin:3em -3em 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:2rem}.grid li{margin-bottom:0em}li.column{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}}.nextprev{padding:1em 0}.nextprev a{border:0}.nextprev a:hover{border:0}.nextprev .next{float:right}.nextprev .prev{float:left}.matomo{padding:1em;background:#ffffec;color:#4c4c4c}.matomo input[type="checkbox"]{margin-right:8px}