﻿audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}.hidden{display:none !important}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}span.spampro-a:before{content:"(at)"}span.spampro-b:before{content:"."}html{font:10px "Barlow",sans-serif;font-weight:400;line-height:3em;color:#fff;background-color:#111}p,ul,li{margin:0 0 .5555555556em 0;font-size:1.8rem}h1{margin:0 0 .5862068966em 0;font-size:6rem;font-weight:900;line-height:1.0666666667em}strong{font-weight:900}em{font-size:.9em;font-style:normal;text-transform:uppercase;letter-spacing:.2em}ul{position:relative;margin-left:.6em;padding-left:1.4em;list-style:none}li:before{content:"➔";position:absolute;left:0}a,a:visited{color:#00acee;text-decoration:none}a:hover{text-decoration:underline}::-moz-selection{background:#8ac43e;text-shadow:none}::selection{background:#8ac43e;text-shadow:none}.section{padding:8rem 0}.wrapper{max-width:1000px;padding:0 5%;margin:0 auto;overflow-x:hidden}.contact,.awards{color:#111;background-color:#fff}.privacynotice{padding:0 0 4rem 0}.privacynotice p,.privacynotice ul,.privacynotice li{font-size:1.4rem;line-height:2rem;color:#c6c6c6}.textpicbox{display:flex}.textpicbox .text{width:45%;padding-right:10%}.textpicbox .text .darker{color:#737373}.textpicbox .text h2{margin:2.2857142857em 0 .5714285714em 0;font-size:1.4rem;font-weight:400;text-transform:uppercase;letter-spacing:.2em}.textpicbox .pic{width:45%}.textpicbox .pic .border{background-color:#00acee}.textpicbox .pic img{width:100%;transform:translate(-10px, -10px)}.textpicbox.small .text{width:60%;padding-right:10%}.textpicbox.small .pic{width:30%}.casesgrid{display:flex;flex-wrap:wrap;margin:0 -1%}.casesgrid .item{position:relative;width:23%;margin:1%;overflow:hidden}.casesgrid .item img{width:100%}.casesgrid .item .text{position:absolute;bottom:0;width:90%;padding:.6rem 5% .4rem 5%;background-color:rgba(0,172,238,.75);transform:translateY(100%);transition:transform .3s ease-out}.casesgrid .item .text h2{margin:0;font-size:1.6rem;font-weight:900;line-height:1.625em}.casesgrid .item .text p{font-size:1.6rem;line-height:1.375em;color:#111}.casesgrid .item:hover .text{transform:translateY(0)}@media only screen and (max-width: 899px){.casesgrid .item{width:31.333%}}@media only screen and (max-width: 799px){.intro{padding-top:4rem}.imprint{padding-bottom:4rem}.privacynotice{padding:4rem 0 2rem 0}.textpicbox,.textpicbox.small{flex-wrap:wrap}.textpicbox .text,.textpicbox.small .text{width:100%;padding-right:0}.textpicbox .pic,.textpicbox.small .pic{width:100%;margin-top:5rem}.textpicbox .pic img,.textpicbox.small .pic img{transform:translate(-5px, -5px)}}@media only screen and (max-width: 599px){.casesgrid .item{width:48%}}
