html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}:focus{outline:none}input::-moz-focus-inner,button::-moz-focus-inner{border:none}.clearfix::after{content:"";display:table;clear:both}html{height:100%;font-size:10px;-webkit-text-size-adjust:none}html *{max-height:1000000px}body{min-width:1170px;height:100%;margin:0px;background:#f0f0f0}img,svg,video,iframe{display:block}img{width:100%;height:auto}nav a{text-decoration:none}nav ul{list-style:none;padding:0px;margin:0px}nav ul li{padding:0px;margin:0px}.no_transitions *{transition:none !important}#container{display:flex;flex-direction:column;height:100%}.center{max-width:1170px;padding:0px 30px;margin:auto}.c1{width:8.333333333%}.c2{width:16.666666666%}.c3{width:25%}.c4{width:33.333333333%}.c5{width:41.666666666%}.c6{width:50%}.c7{width:58.333333333%}.c8{width:66.666666666%}.c9{width:75%}.c10{width:83.333333333%}.c11{width:91.666666666%}.c12{width:100%}header#header{flex-shrink:0;border-bottom:1px solid #ccc}header#header .flex{display:flex;align-items:center;height:120px;margin:0px -15px}header#header .flex>*{padding:0px 15px}header#header .name a{display:block;width:201px}header#header .name img{width:201px;height:17px}header#header nav{flex:1;font-family:"Barlow",sans-serif;font-size:17px;font-weight:500;line-height:1.2;text-align:center}header#header nav>ul{display:flex;justify-content:flex-end;margin:0px -20px}header#header nav>ul>li{padding:0px 20px;margin-bottom:-2px}header#header nav>ul>li>a{color:#000;vertical-align:bottom}header#header nav>ul>li>a::after{content:attr(data-text);display:block;height:0px;font-weight:bold;overflow:hidden}header#header nav>ul>li>a:hover,header#header nav>ul>li.current_page_item>a,header#header nav>ul>li.current-page-ancestor>a{font-weight:bold}header#header #toggle{display:none;margin-top:-7px}header#header #toggle svg{width:30px;height:30px}footer#footer{flex-shrink:0;position:relative;border-top:1px solid #000;font-family:"Barlow",sans-serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:.03em}footer#footer .flex{display:flex;align-items:center;height:60px;margin:0px -25px}footer#footer .flex>*{padding:0px 25px}footer#footer .name a{display:block;width:170px}footer#footer .name img{width:170px;height:14px}footer#footer a{text-decoration:none}footer#footer img.icon{width:20px;margin-top:-2px}footer#footer nav{flex:1;font-family:"Barlow",sans-serif;font-size:16px;font-weight:500;letter-spacing:.03em;text-align:center}footer#footer nav>ul{display:flex;justify-content:flex-end;margin:0px -20px}footer#footer nav>ul>li{padding:0px 20px}footer#footer nav>ul>li>a{color:#000;vertical-align:bottom}footer#footer nav>ul>li>a::after{content:attr(data-text);display:block;height:0px;font-weight:bold;overflow:hidden}footer#footer nav>ul>li>a:hover,footer#footer nav>ul>li.current_page_item>a,footer#footer nav>ul>li.current-page-ancestor>a{font-weight:bold}footer#footer #up{position:absolute;right:0px;top:-56px}footer#footer #up a{display:inline-block;padding:20px 15px 0px 0px;background:url(images/arrow_up.svg) right bottom 3px no-repeat;font-family:"Lora",serif;font-size:16px;font-weight:normal;font-style:italic;line-height:1.2;text-decoration:none;vertical-align:bottom}footer#footer #up a:hover{font-weight:bold}main#_404 h1{text-align:center}main{flex-grow:1;padding:60px 0px 120px 0px}.home main{padding-top:0px}main #works,main #images{display:flex;align-items:stretch;flex-wrap:wrap;margin:0px -15px 60px -15px}main #works>*,main #images>*{padding:0px 15px}main .work{margin-bottom:60px}main .work a{text-decoration:none}main .work .image{margin-bottom:15px}main .work h2{margin:0px}main .work .image{position:relative}main .work .overlay{display:flex;align-items:center;visibility:hidden;opacity:0;position:absolute;left:0px;top:0px;width:100%;height:100%;padding:25px;background:rgba(0,0,0,.666666666);color:#fff;line-height:1.3;transition:visibility .3s steps(1, end),opacity .3s ease-in-out}main .work>div:hover .overlay{visibility:visible;opacity:1;transition:visibility .3s steps(1, start),opacity .3s ease-in-out}main #images{margin-bottom:0px}main #images>.image,main #images>.video{margin-bottom:100px}main .video video{width:100%}main .portfolio_link{margin:-20px 0px 40px 0px}main .portfolio_link a{display:inline-block;padding-right:50px;background:url(images/arrow_right.svg) right bottom 4px no-repeat;font-size:16px;font-style:italic;line-height:1.2;text-decoration:none;vertical-align:bottom}main .portfolio_link a:hover{font-weight:bold}main #headline{margin-bottom:30px}main #headline.flex{align-items:flex-end}main #headline h1{margin-bottom:0px}main #headline .link{text-align:right}main #headline .link a{margin-top:0px}.single-work main #headline{margin-bottom:0px}.single-work main #subheadline{margin-bottom:30px}.single-work main .subheadline{margin-bottom:20px}.single-work main .line_2{color:#838383}.single-work main #text{margin-bottom:100px}.single-work main #links a{display:inline-block;font-size:16px;font-style:italic;line-height:1.2;text-decoration:none;vertical-align:bottom}.single-work main #links a:hover{font-weight:bold}.single-work main #links .previous{text-align:left}.single-work main #links .previous a{padding-left:50px;background:url(images/arrow_left.svg) left bottom 4px no-repeat}.single-work main #links .overview{text-align:center}.single-work main #links .next{text-align:right}.single-work main #links .next a{padding-right:50px;background:url(images/arrow_right.svg) right bottom 4px no-repeat}main .flex{display:flex;margin:0px -15px}main .flex>*{padding:0px 15px}.home main #text em span.lora_h2{white-space:nowrap}main #kunden .client{margin-top:5px;line-height:1.2}main #kunden .client a.arrow{padding-right:33px;margin-top:0px;background-position:right bottom 5px;background-size:24px 7px;font-style:normal}.home main #kunden{margin-bottom:120px}