@font-face{font-family:NunitoSans SemiBold;src:url(/fonts/NunitoSans-SemiBold.ttf)format("truetype")}@font-face{font-family:NunitoSans ExtraLight;src:url(/fonts/NunitoSans-ExtraLight.ttf)format("truetype")}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf)format("truetype")}@font-face{font-family:Poppins Bold;src:url(/fonts/Poppins-Bold.ttf)format("truetype")}@font-face{font-family:Poppins Light;src:url(/fonts/Poppins-Light.ttf)format("truetype")}html,body{color:#fff;background:#030303;width:100%;margin:0;padding:0;font-family:Poppins,Arial,sans-serif;font-size:100%}body{background:linear-gradient(#141414 0%,#030303 100%) fixed;position:relative}.texture{z-index:0;background-image:url(/images/main/honeycomb-texture.png);background-repeat:repeat;width:100%;height:100%;position:absolute;top:0}a{color:inherit}h2{text-transform:uppercase;font-family:Poppins Bold;font-size:2.2em}h3{font-size:1.8em}h4{font-family:Poppins Bold;font-size:1.4em}p{font-size:1.1em}#wrapper{width:100%;height:100%;margin:0;padding:0}.contentWrapper{z-index:5;max-width:120em;margin:0 auto;padding-left:6em;padding-right:6em;position:relative}#mainNav{color:#fff;box-sizing:border-box;z-index:800;background:#000;justify-content:space-between;align-items:center;width:100%;height:5em;display:flex;position:relative}#mainNav .navLogoWrapper{box-sizing:border-box;width:6em;padding:1em;display:inline-block}#mainNav .navLogoWrapper img{object-fit:contain;object-position:center;width:100%;height:100%}#mainNav .menu{align-self:stretch;align-items:stretch;margin:0;padding:0;list-style:none;display:flex}#mainNav .menu.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:block!important}#mainNav .menu .item{align-items:center;height:100%;padding:0 1.5em;font-size:1.3em;transition:all .3s ease-in-out;display:flex}#mainNav .menu .item.disabled{color:#999;cursor:progress}#mainNav a{text-decoration:none}#mainNav .menu .item:hover,#mainNav .menu .item.active{color:#000;background:#fff}#mainNav .menu .item.disabled:hover,#mainNav .menu .item.disabled.active{color:#999;background:0 0}.hamburgerMenu{cursor:pointer;z-index:600;margin-right:1.5em;display:inline-block;position:relative;display:none!important}.bar1,.bar2,.bar3{-webkit-backface-visibility:hidden;background-color:#fff;width:2.25em;height:.25em;margin:.4em 0;transition:all .4s;font-smoothing:antialiased!important}.hamburgerMenu.active .bar1{-webkit-transform:rotate(-45deg)translate(0);z-index:100;transform:rotate(-45deg)translate(-.45em,.45em)}.hamburgerMenu.active .bar2{opacity:0}.hamburgerMenu.active .bar3{-webkit-transform:rotate(45deg)translate(0);transform:rotate(45deg)translate(-.45em,-.45em)}header{box-sizing:border-box;background:#222;width:100%;padding:5em 0;position:relative;overflow:hidden;box-shadow:inset 0 0 80px 2px #000}header #particles-js{opacity:.6;z-index:0;width:120%;height:120%;position:absolute;top:-10%;left:-10%}header .headerWrapper{color:#fff;z-index:100;flex-direction:column;align-items:center;height:100%;display:flex;position:relative}header .headerWrapper img{height:18em}header .headerHeadline{text-align:center;flex-direction:column;margin:0 1em;display:flex}header h1{margin-bottom:0;font-family:NunitoSans SemiBold;font-size:2.8em}header .slogan{margin:0;font-family:NunitoSans ExtraLight;font-size:2.4em}.pageHeader .headerWrapper{flex-direction:row;justify-content:center}.pageHeader .headerHeadline{align-items:flex-start}.bar{color:#fff;box-sizing:border-box;z-index:20;background:#000;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:5em;padding:0 .5em;display:flex;position:relative}.bar button{transform-origin:50%;background:0 0;border:1px solid #0000;border-radius:4em;padding:.5em 1em;font-size:1.3em;transition:all .3s ease-in-out;position:relative}.bar button:before{content:"";z-index:-1;background:url(/images/main/metalTexture.jpg) 0 0/cover;border-radius:4em;width:100%;height:100%;position:absolute;top:0;left:0}.bar button:focus{border:none;outline:none}.bar button:hover{cursor:pointer;background:#000;border:1px solid #fff;color:#fff!important}.bar button:visited,a:hover .bar button,a:visited .bar button{color:#fff!important}.bar .item{margin:0 1em}.bar .item.social img{width:2.8em;height:2.8em;display:block}.infoSection{color:#fff;position:relative}.infoSection .background{background:linear-gradient(#0c0c0c 0%,#1e1e1e 100%);width:100%;height:100%;position:absolute;top:0;left:0}.infoSection.page .background{clip-path:polygon(0 0,100% 0,100% 70%,0% 100%)}.infoSection .contentWrapper{flex-direction:row;justify-content:space-between;align-items:center;padding-top:5em;padding-bottom:5em;display:flex;position:relative}.infoSection .text{box-sizing:border-box;flex:50%;max-width:50em;margin-right:2em}.infoSection .text ul{padding:0 1.4em}.infoSection .infoImage{box-sizing:border-box;z-index:10;width:38em;position:relative}.infoSection .infoImage .infoImageBackground{z-index:-1;background:#111;border-radius:50%;width:calc(100% - 12em);padding-top:calc(100% - 12em);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.infoSection .infoImage img{z-index:10;width:100%;position:relative}.linkButton{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;outline:none;width:auto;margin:.5em 0;padding:.3em .6em;font-size:1.2em;transition:all .3s ease-in-out}.linkButton:hover{color:#333;background:#fff}a:hover .linkButton,a:visited .linkButton{color:#fff}a:hover .linkButton:hover{color:#333}.mainTasks{position:relative}.mainTasks .contentWrapper{color:#000;flex-flow:wrap;justify-content:space-evenly;align-items:center;padding:0;display:flex;position:relative}.mainTasks .triangle{clip-path:polygon(50% 100%,0 0,100% 0);z-index:0;background:linear-gradient(#1e1e1e 0%,#282828 100%);width:100%;height:15em;position:absolute;top:-1px;left:0}.mainTasks .item{z-index:10;background:url(/images/main/metalTexture.jpg) 0 0/cover;border:.5em solid #000;border-radius:2em;flex-direction:column;justify-content:space-evenly;align-items:center;width:10em;height:10em;padding:1em;display:flex;position:relative}.mainTasks .item .iconify{font-size:5em}.mainTasks .item span:last-of-type{font-size:1.5em}.blog{flex-direction:column;justify-content:space-evenly;align-items:flex-end;max-width:120em;margin:0 auto;padding:0 6em;display:flex}.blog .headline{z-index:10;align-self:center;margin:2em 0;position:relative}.blog .article{color:#fff;opacity:0;background:#1e1e1ecc;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:120em;margin:4em 0;transition:opacity .5s ease-in-out;display:flex;position:relative}.blog .article.visible,.no-js .blog .article{opacity:1}.blog .article:nth-of-type(odd){flex-direction:row-reverse;align-self:flex-start}.blog .article .articleImage{flex:0 0 50%;height:100%}.blog .article .articleImage img{object-fit:cover;object-position:center;width:100%;height:40em;display:block}.blog .article .articleText{box-sizing:border-box;flex:0 0 50%;padding:4em}.blog .article .articleText h3{margin-top:.5em}.blog .article .articleText p{font-size:1em}.blog .article.noImage{width:50%}.blog .article.noImage .articleText{flex:0 0 100%}.referenzen{z-index:20;padding:5em 0;position:relative}.referenzen .arrow{z-index:10;background:#fff;width:.1em;height:100%;position:absolute;left:25em}.referenzen .arrow:after{content:"";clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#fff;width:1em;height:2em;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.referenzen .contentWrapper{grid-gap:2em;grid-column-gap:6em;grid-template-columns:16em 1fr;display:grid;position:relative}.referenzen .item{box-sizing:border-box;opacity:0;background:pink;justify-content:center;align-items:center;transition:opacity .3s ease-in-out;display:flex}.referenzen .item.visible,.no-js .referenzen .item{opacity:1}.referenzen .item.date{background:linear-gradient(270deg,#1d1d1d 0%,#1d1d1d00 100%);position:relative}.referenzen .item.date span{margin:1em 0;padding:1em;font-size:1.1em}.referenzen .item.date:after{content:"";background:#fff;width:4em;height:.1em;position:absolute;top:50%;left:15em}.referenzen .item.content{background:linear-gradient(90deg,#1d1d1d 0%,#1d1d1d00 100%);justify-content:space-between;padding-right:0}.referenzen .item.content .text{text-align:left;padding:1em 3em}.referenzen .item.content .image{width:20em;min-height:25em}.referenzen .item.content .image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.team{z-index:20;padding:5em 0;position:relative}.team .contentWrapper{grid-gap:2em;grid-column-gap:6em;grid-template-columns:1fr 1fr 1fr;display:grid;position:relative}.team .item{box-sizing:border-box;opacity:0;background:#181818;flex-direction:column;justify-content:space-evenly;align-items:center;transition:opacity .3s ease-in-out;display:flex}.team .item.visible,.no-js .team .item{opacity:1}.team .item .top{box-sizing:border-box;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;padding:2em 1em;display:flex}.team .item .top .avatarImage{clip-path:circle(50%);flex:none;width:8em;margin-left:1em;margin-right:2em}.team .item .top .avatarImage img{width:100%;display:block}.team .item .top .text{flex-direction:column;justify-content:center;align-items:flex-start;padding:.4em 0;display:flex}.team .item .top .text .name{margin:.1em 0;font-size:1.5em}.team .item .top .text .position{margin:.1em 0;font-size:1em}.team .item .row{background:#fff;width:100%;height:.1em}.team .item .bottom{box-sizing:border-box;text-align:center;width:100%;padding:1.2em 1.5em}.team .item .bottom span{margin:.1em 0;font-size:1em}.jobs{z-index:20;padding:5em 0;position:relative}.jobs .contentWrapper{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.jobs .contentWrapper article{opacity:0;flex-direction:row;justify-content:center;align-items:stretch;margin:2em 0;transition:opacity .5s ease-in-out;display:flex}.jobs .contentWrapper article.visible,.no-js .jobs .contentWrapper article{opacity:1}.jobs .contentWrapper article .image{flex:none;width:30em;min-height:40em}.jobs .contentWrapper article .image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.jobs .contentWrapper article .text{box-sizing:border-box;background:#1e1e1e;flex:auto;margin-left:3em;padding:2.5em 4em}.jobs .contentWrapper article .text ul{padding:0 1.4em}.contact{z-index:20;justify-content:center;align-items:center;padding:5em 0;display:flex;position:relative}.contact .contactWrapper{background:linear-gradient(#242424 0%,#141414 100%);flex-direction:row;justify-content:center;align-items:stretch;width:100%;max-width:100em;margin:0 5em;display:flex}.contact .contactWrapper .left{justify-content:flex-flex-start;background:url(/images/main/Logo-Background.png) 50% 300%/cover no-repeat;flex:0 0 50%;align-items:center;display:flex}.contact .contactWrapper .left .text{padding:6em 8em}.contact .contactWrapper .left .text h2{margin-top:0}.contact .contactWrapper .left .text h3{margin:0;font-family:Poppins Light}.contact .contactWrapper .left .text .iconify{margin-right:.8em;font-size:2em}.contact .contactWrapper .left .text td{padding:.5em 0}.contact .contactWrapper .left .text .content{font-size:1.2em}.contact .contactWrapper .right{flex:0 0 50%}.contact .contactWrapper .right img{object-fit:cover;object-position:center;width:100%;min-height:100%;display:block}.contact .contactWrapper .right .mapouter,.contact .contactWrapper .right .gmap_canvas,.contact .contactWrapper .right iframe{border:none;width:100%;height:100%;margin:0;padding:0;display:block}footer{z-index:50;color:#fff;text-align:center;background:#000;position:relative}footer ul{margin:0;padding:1em 0;list-style:none}footer ul li{margin:1em 2em;font-size:1.1em;display:inline-block}.admin{z-index:20;background:#222;margin:0 auto;padding:5em 0;position:relative}.admin .textfield{box-sizing:border-box;border:none;width:40em;max-width:100%;padding:1em;font-family:Arial;font-size:1em}.admin textarea{box-sizing:border-box;border:none;width:40em;max-width:100%;min-height:20em;padding:1em;font-family:Arial;font-size:1em}.admin .submit{border:none;margin:1em 0;padding:1em;font-family:Arial;font-size:1em}@media screen and (max-width:1600px){.team .contentWrapper{grid-column-gap:2em}}@media screen and (max-width:1400px){.team .contentWrapper{grid-template-columns:1fr 1fr}.jobs .contentWrapper article{flex-direction:column}.jobs .contentWrapper article .image{flex:0 0 100%;width:100%;min-height:auto;max-height:30em}.jobs .contentWrapper article .text{flex:100%;margin-left:0}.contact .contactWrapper .left .text{padding:6em}}@media screen and (max-width:1200px){.hamburgerMenu{display:block!important}#mainNav .menu{z-index:200;clip-path:polygon(0 0,100% 0,100% 0,0 0);background:#000;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100vw;transition:clip-path .5s ease-in-out;position:absolute;top:5em;right:0}#mainNav .menu .item{box-sizing:border-box;justify-content:center;padding:2em;display:flex}.blog,.contentWrapper{padding-left:3em;padding-right:3em}.infoSection .contentWrapper{flex-direction:column}.infoSection .text{flex:0 0 100%;width:100%;margin:0}.infoSection .infoImage{flex:0 0 100%;width:auto;max-width:38em;padding:3em 0}.mainTasks .item{width:8em;height:8em;margin:1em 0;padding:.5em}.mainTasks .item .iconify{font-size:4em}.mainTasks .item span:last-of-type{font-size:1.2em}.blog .article{flex-direction:column-reverse;margin:2em 0}.blog .article:nth-of-type(odd){flex-direction:column-reverse;align-self:center}.blog .article .articleImage{box-sizing:border-box;flex:0 0 100%;width:100%;padding:0 3em 4em}.blog .article .articleImage img{height:auto}.blog .article .articleText{box-sizing:border-box;flex:0 0 100%;padding:4em 3em 3em}.blog .article.noImage{width:auto}.referenzen .arrow{left:1em}.referenzen .contentWrapper{grid-gap:2em;grid-column-gap:0;grid-template-columns:12em 1fr}.referenzen .item.date{background:linear-gradient(270deg,#1d1d1d 0%,#1d1d1d00 100%);position:relative}.referenzen .item.date span{margin:1em 0;padding:1em;font-size:1.1em}.referenzen .item.date:after{background:0 0}.referenzen .item.content{flex-direction:column;justify-content:space-evenly;align-items:flex-start}.referenzen .item.content .text{padding:1em}.referenzen .item.content .image{box-sizing:border-box;width:20em;max-width:100%;min-height:auto;padding-left:1em;padding-right:1em}.contact .contactWrapper .left{flex:0 0 60%}.contact .contactWrapper .right{flex:40%;height:auto}}@media screen and (max-width:1000px){.pageHeader .headerWrapper{flex-direction:column;justify-content:center}.pageHeader .headerHeadline{align-items:center}.contact .contactWrapper{flex-direction:column}.contact .contactWrapper .left,.contact .contactWrapper .right{flex:0 0 100%}}@media screen and (max-width:800px){html{font-size:80%}.team .contentWrapper{grid-column-gap:1em;grid-row-gap:1em}}@media screen and (max-width:750px){.team .contentWrapper{grid-row-gap:3em;grid-template-columns:1fr}}@media screen and (max-width:650px){.infoSection .contentWrapper{padding-top:2em;padding-bottom:2em}.blog,.contentWrapper{padding-left:2em;padding-right:2em}.blog .article .articleImage{padding:0 1.5em 4em}.blog .article .articleText{padding:4em 1.5em 3em}.jobs .contentWrapper article .text{padding:1em 2em}.contact .contactWrapper{margin:0 1em}.contact .contactWrapper .left .text{padding:3em 5em}}@media screen and (max-width:500px){header{font-size:80%}.texture{display:none}.blog{padding-left:1em;padding-right:1em}.referenzen .contentWrapper{grid-template-columns:8em 1fr}.referenzen .item.content .image{width:100%}.referenzen .item.date span{text-align:center;padding:0}.contact .contactWrapper .left .text{padding:3em}.contact .contactWrapper .left .text table{font-size:90%}footer ul li{margin:1em 1.5em}}