*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,header,footer,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}

@font-face { 
    font-family: 'Oswald'; 
    font-style: normal;  
    font-weight: 300;
    src: url('../font/Oswald-Light.ttf') format('truetype'); 
}
html{height:100%;width:100%}body{font-size:1rem;height:100%;width:100%;font:400 1rem 'Oswald', sans-serif;-webkit-font-smoothing:antialiased;color:#86898e;background-color:#fff;margin:0;padding:0;overflow-x:hidden}table{border-collapse:collapse;border-spacing:0}fieldset,img,input,textarea{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}caption,th{text-align:left}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0}legend{color:#555}a,img,input,textarea,select{outline:0}textarea{overflow:auto}input[type=submit],input[type=checkbox]{cursor:pointer}input[type=submit]{background:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}@media (min-width: 1001px){.smallView{display:none}}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:300;font-family:'Oswald', sans-serif;color:#444f47}h1{font-size:2.4rem}h2{font-size:2.1rem}h3{font-size:1.9rem}h4{font-size:1.7rem}h5{font-size:1.5rem}h6{font-size:1.3rem}::-moz-selection{background-color:#444f47;color:#fff}::selection{background-color:#444f47;color:#fff}a{text-decoration:none;font:400 1rem 'Oswald', sans-serif;color:#15ea74}p,p a{font-family:'Oswald', sans-serif;color:#86898e;line-height:170%;font-size:1.2rem}@font-face{font-family:'icomoon';src:url("../font/icomoon.eot?n5z4bz");src:url("../font/icomoon.eot?n5z4bz#iefix") format("embedded-opentype"),url("../font/icomoon.ttf?n5z4bz") format("truetype"),url("../font/icomoon.woff?n5z4bz") format("woff"),url("../font/icomoon.svg?n5z4bz#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-eye:before{content:"\e000"}.icon-mail:before{content:"\e002"}.icon-camera:before{content:"\e017"}.icon-disc:before{content:"\e019"}.icon-cog:before{content:"\e023"}.icon-align-justify:before{content:"\e026"}.icon-align-left:before{content:"\e027"}.icon-align-center:before{content:"\e028"}.icon-align-right:before{content:"\e029"}.icon-search:before{content:"\e036"}.icon-circle-check:before{content:"\e042"}.icon-circle-cross:before{content:"\e043"}.icon-square-check:before{content:"\e046"}.icon-square-cross:before{content:"\e047"}.icon-record:before{content:"\e049"}.icon-rewind:before{content:"\e051"}.icon-stop:before{content:"\e054"}.icon-fast-forward:before{content:"\e055"}.icon-location:before{content:"\e070"}.icon-map:before{content:"\e072"}.icon-speech-bubble:before{content:"\e076"}.icon-share:before{content:"\e081"}.icon-expand:before{content:"\e110"}.icon-contract:before{content:"\e111"}.icon-minus:before{content:"\e115"}.icon-check:before{content:"\e116"}.icon-cross2:before{content:"\e117"}.icon-menu:before{content:"\e120"}.icon-ellipsis:before{content:"\e129"}.icon-file-zip:before{content:"\e92b"}.icon-heart:before{content:"\e9da"}.icon-cross:before{content:"\ea0f"}.icon-make-group:before{content:"\ea58"}.icon-insert-template:before{content:"\ea72"}.icon-terminal:before{content:"\ea81"}.icon-flickr:before{content:"\eaa3"}.icon-steam:before{content:"\eaac"}.icon-steam2:before{content:"\eaad"}.icon-codepen:before{content:"\eae8"}header{background:#14161c;position:relative}header:after{content:"";width:100%;display:inline-block;background-image:url(../library/border-left.png);background-repeat:no-repeat;background-size:cover}@media (min-width: 1001px){header:after{height:100px}}@media (max-width: 1000px){header:after{height:80px}}@media (max-width: 600px){header:after{height:60px}}@media (max-width: 400px){header:after{height:45px}}.logo{margin:0 auto;float:left;width:200px}.logo img{width:100%}.fade_in{animation:draw_in 1250ms forwards ease-in-out}@keyframes draw_in{100%{stroke-dashoffset:0}}.ud_path_1{animation-delay:700ms}.ud_path_2{animation-delay:800ms}.ud_path_3{animation-delay:900ms}.ud_path_4{animation-delay:300ms}.ud_path_5{animation-delay:0}.st0{fill:none;stroke-width:10;stroke-miterlimit:10}.st1{fill:none;stroke-width:10;stroke-miterlimit:10}header figcaption{color:#FFF;font-weight:300;padding:5px 0 0 8px;font-size:.9rem;text-align:left}.op_menu{float:right;color:#FFF;font-weight:300;font-size:1.8rem;margin:25px 8px 8px 8px;transition:all .4s ease-in-out}.op_menu span{margin:0 5px 0 0;padding:15px;background:#FFF;color:#86898e;border-radius:2px}.op_menu:hover{transform:rotate(180deg)}.op_menu:hover span{color:#15ea74}.navclose{float:right;font-size:1.8rem;padding:15px;background:#FFF;color:#15ea74;border-radius:2px;transition:all .4s ease-in-out}.navclose:hover{transform:rotate(180deg)}header h1{color:#15ea74;font-weight:300;width:100%;float:left;font-size:3rem;margin:85px 0 25px 0;text-align:center}@media (min-width: 1001px){header h1{padding:0}}header p{color:#FFF;font-weight:300;width:100%;float:left;margin:25px 0 85px 0;font-size:1.25rem;text-align:center}@media (min-width: 1001px){header p{padding:0 20%}}.nav{position:fixed;top:0;z-index:100;background-image:url(../library/border-nav2.png);background-repeat:no-repeat;transition:all .4s ease-in-out;background-position:0 0;padding-left:100px}@media (min-width: 1001px){.nav{right:-41%;width:40%}}@media (max-width: 1000px){.nav{right:-61%;width:60%}}@media (max-width: 600px){.nav{right:-81%;width:80%}}@media (max-width: 400px){.nav{right:-91%;width:90%}}.navopen .nav{right:0}#main{transition:all .4s ease-in-out}.navopen #main{opacity:.3}nav{height:100vh;overflow-y:scroll;background:#15ea74;color:#FFF;padding:5% 10% 0 1%}@media (min-width: 1001px){nav{padding-left:15%}}nav ul{list-style:none;width:100%;float:left;margin:20px 0 0 0}nav li{padding:10px 0 10px 15px}nav li.smalli{width:auto;max-width:49%;float:left;margin-top:2rem}nav a{color:#f6f6f6;text-decoration:none;font-weight:300;font-size:2.4rem}@media (max-width: 1000px){nav a{font-size:2.1rem}}@media (max-width: 600px){nav a{font-size:1.9rem}}@media (max-width: 400px){nav a{font-size:1.6rem}}nav li.smalli a{font-size:1.2rem;font-weight:300}nav li a:hover{text-decoration:underline}.black{background:#14161c;color:#f6f6f6;margin:100px 0 0 0;float:left;width:100%;position:relative}.black:before{content:"";width:100%;height:100px;display:inline-block;background-image:url(../library/border-right.png);background-repeat:no-repeat;background-size:100% 100%}.black:after{content:"";width:100%;height:100px;display:inline-block;background-image:url(../library/border-left.png);background-repeat:no-repeat;background-size:cover}.white{color:#14161c;background-color:#FFF;margin:0;float:left;width:100%;position:relative}.black p,.white p{font-weight:300;font-size:1.25rem;margin-bottom:15px}@media (min-width: 1001px){.black p,.white p{padding:0 20%}}@media (max-width: 1000px){.black p,.white p{padding:0 10%}}.black p{color:#FFF}.center{text-align:center}@media (min-width: 1001px){.center{padding:25px 15%}}@media (max-width: 1000px){.center{padding:25px 10%}}@media (max-width: 600px){.center{padding:25px 5%}}.black h1,.white h1{color:#15ea74;margin:2rem 0}.black h2,.white h2{color:#444f47;margin:1.8rem 0}.black h3,.white h3{color:#15ea74;margin:1.7rem 0}.black h4,.white h4{color:#15ea74;margin:1.6rem 0}.black h5,.white h5,.black h6,.white h6{color:#15ea74;margin:1.5rem 0}.teaser_ref{margin:30px 0 150px 0}@media (min-width: 1001px){.teaser_ref{display:flex;align-items:center;align-content:flex-start;flex-direction:row}}.teaser_ref.detail_follow{margin:20px 0}@media (min-width: 1001px){#refer .teaser_ref:nth-child(2n){flex-direction:row-reverse}}.teaser_ref figure{width:100%;overflow:hidden;position:relative}@media (min-width: 1001px){.teaser_ref figure{width:60%}}.teaser_ref figure:after{border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:none;border-width:20px;z-index:6}@media (min-width: 1001px){.teaser_ref figure:after{right:-1px;top:50%;margin-top:-20px;border-right-color:#FFF}}@media (max-width: 1000px){.teaser_ref figure:after{left:7%;top:auto;bottom:0;border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}}@media (min-width: 1001px){#refer .teaser_ref:nth-child(2n) figure:after{left:-1px;top:50%;margin-top:-20px;border-left-color:#FFF;border-right:none}}.teaser_ref img{width:100%;transition:all .4s ease-in-out}.teaser_ref img:hover{transform:scale(1.05)}.teaser_ref_details{padding:0 0 0 30px;text-align:left}@media (min-width: 1001px){.teaser_ref_details{width:40%}}@media (max-width: 1000px){.teaser_ref_details{width:100%;margin-top:20px;padding:0 30px 20px 30px}}.prod_detail{width:100%;font-weight:300}#refer .teaser_ref:nth-child(2n) .teaser_ref_details{padding:0 30px 0 0}@media (min-width: 1001px){#refer .teaser_ref:nth-child(2n) .teaser_ref_details{text-align:right}}@media (max-width: 1000px){#refer .teaser_ref:nth-child(2n) .teaser_ref_details{padding:0 30px 20px 30px}}.teaser_ref_details h3{margin:0 0 15px 0;color:#15ea74}.teaser_ref_details h5{color:#444f47;font-weight:300;font-size:1.2rem;margin:0}.teaser_ref_details p{font-weight:300;font-size:1.05rem;padding:0 2%}.teaser_leis{transition:all .4s ease-in-out;float:left;border:1px solid #f6f6f6}@media (min-width: 1001px){.teaser_leis{width:32%;margin:3% 0 5rem 0}}@media (max-width: 1000px){.teaser_leis{width:46%;margin:3% 2%}}@media (max-width: 600px){.teaser_leis{width:96%;margin:3% 2%}}@media (min-width: 1001px){.teaser_leis:nth-child(2n){margin-left:2%;margin-right:2%}}@media (max-width: 1000px){.teaser_leis:last-child{margin-left:27%;margin-bottom:5rem}}@media (max-width: 600px){.teaser_leis:last-child{margin-left:2%;margin-bottom:5rem}}.teaser_leis a{display:block;padding:2%}.teaser_leis span{font-size:5rem;margin:1rem 0;display:inline-block;color:#15ea74;transition:all .4s ease-in-out}.teaser_leis h4{margin:1rem 0;color:#444f47}.teaser_leis p{font-size:1.05rem;padding:2% 5%}.teaser_leis:hover{border-color:#15ea74}.teaser_leis:hover span{transform:scale(1.15)}.worklist ul,.worklist ol{text-align:left;list-style:none;padding:.5rem 1rem;float:left}@media (max-width: 1000px){.worklist ul,.worklist ol{width:80%}}@media (max-width: 600px){.worklist ul,.worklist ol{width:90%}}.worklist ul li,.worklist ol li{color:#444f47;font-weight:300;font-size:1.15rem;line-height:1.8rem;padding:.8rem 1rem .8rem 0;display:flex}.worklist ul li:before,.worklist ol li:before{content:"\e049";display:table-cell;font-family:'icomoon' !important;color:#15ea74;padding-right:.3rem;width:2rem}.worklist{margin:2rem 0 4rem 0;width:100%}@media (min-width: 1001px){.worklist{display:table}.worklist>div{display:table-cell;vertical-align:middle}}.worklist div:last-child{background:#f6f6f6;padding:0 0 2rem 2rem}@media (max-width: 1000px){.worklist div:last-child{display:block;float:left;padding-top:1rem;width:100%;margin-bottom:4rem}}.worklist div:last-child p{font-size:.95rem;text-align:left;padding:0;color:#444f47;clear:both}.worklist div:last-child h4{text-align:left;margin-bottom:0;border-bottom:1px solid #444f47;color:#444f47}.worklist div:first-child span{display:block;background:#f6f6f6;padding:3px}@media (min-width: 1001px){.worklist div:first-child{width:360px !important}}@media (max-width: 1000px){.worklist div:first-child{display:block;float:left;width:100%;padding:0}}.worklist div:first-child h4{color:#444f47;text-align:left;margin:1rem 0;padding-left:1rem}@media (min-width: 1001px){.worklist figure{width:360px !important}}.worklist figure img{width:100%;padding:0 1rem 1rem 1rem}article .center{text-align:left}@media (min-width: 1001px){article h1,article h2,article h3,article h4,article h5,article h6{padding:0 15%}}@media (max-width: 1000px){article h1,article h2,article h3,article h4,article h5,article h6{padding:0 6%}}article h1{margin:2rem 0}article ul{list-style:none}@media (min-width: 1001px){article ul{padding:0 20%}}@media (max-width: 1000px){article ul{padding:0 10%}}article li{color:#86898e;font-weight:300;line-height:170%;font-size:1.25rem;margin-bottom:15px}article li:before{font-family:'icomoon';content:"\e115";color:#15ea74;margin:0 .5rem 0 0}article p a{color:#15ea74}footer{background:#14161c;width:100%;float:left;padding:0 0 10px 0}footer:before{content:"";width:100%;display:inline-block;background-image:url(../library/border-right.png);background-repeat:no-repeat;background-size:100% 100%}@media (min-width: 1001px){footer:before{height:100px}}@media (max-width: 1000px){footer:before{height:80px}}@media (max-width: 600px){footer:before{height:60px}}@media (max-width: 400px){footer:before{height:45px}}@media (min-width: 1001px){#kontakt{padding:7% 2% 10% 2%}#kontakt .kon-info{width:45%;float:left;padding:2% 5% 0 0}#kontakt .kon-info .clear{height:16px}#kontakt .kon-info p{color:#FFF;font-weight:300;font-size:1.05rem;text-align:left;line-height:160%}#kontakt form{float:left;width:55%}}@media (max-width: 1000px){#kontakt{padding:10% 2%}#kontakt .kon-info{width:45%;float:left;padding:2% 5% 0 0}#kontakt .kon-info .clear{height:16px}#kontakt .kon-info p{color:#FFF;font-weight:300;font-size:1.05rem;text-align:left;line-height:160%}#kontakt form{float:left;width:55%}}@media (max-width: 600px){#kontakt{padding:10% 2%}#kontakt .kon-info{width:100%;padding:0}#kontakt .kon-info p{color:#FFF;font-weight:300;font-size:1.05rem;line-height:180%;text-align:center}#kontakt form{width:100%;margin-top:40px}}footer p{color:#FFF}footer h4{color:#15ea74}.sendOK{color:#15ea74;font-size:1.4rem;font-weight:300}.sendERROR{color:#ca0000;font-size:1.4rem;font-weight:300}#kontakt label{clear:both;display:block;font-size:.8rem;font-weight:700;margin:20px 0 3px 5px;color:#f6f6f6;text-align:left}#kontakt input[type="text"],#kontakt textarea{width:100%;background:none;border:1px solid #444f47;border-bottom:1px solid #f6f6f6;font-weight:300;padding:10px 15px;color:#15ea74;transition:all .4s ease-in-out}#kontakt textarea{margin-bottom:30px}#kontakt input[type="text"]:hover,#kontakt textarea:hover,#kontakt input[type="text"]:focus,#kontakt textarea:focus{border:1px solid #15ea74}#kontakt input[type="submit"]{float:right;color:#FFF;border:1px solid #FFF;font-weight:300;padding:10px 15px;transition:all .4s ease-in-out}#kontakt input[type="submit"]:hover{color:#15ea74;border-color:#15ea74;cursor:pointer}.errorForm{color:#ca0000 !important}.pixelgu{width:100%;color:#fff;text-align:center;float:left}.pixelgu a{color:#fff;font-weight:300;font-size:.85rem;margin-top:2rem;padding-top:30px;display:block}.pixelgu span{color:red} .worklist ul.nolist li:before{content:"";}