@font-face{font-family:'CamptonLight';src:url(../fonts/webfonts/3B2933_0_0.eot);src:url(../fonts/webfonts/3B2933_0_0.eot?#iefix) format("embedded-opentype"),url(../fonts/webfonts/3B2933_0_0.woff2) format("woff2"),url(../fonts/webfonts/3B2933_0_0.woff) format("woff"),url(../fonts/webfonts/3B2933_0_0.ttf) format("truetype")}@font-face{font-family:'CamptonSemiBold';src:url(../fonts/webfonts/3B2933_1_0.eot);src:url(../fonts/webfonts/3B2933_1_0.eot?#iefix) format("embedded-opentype"),url(../fonts/webfonts/3B2933_1_0.woff2) format("woff2"),url(../fonts/webfonts/3B2933_1_0.woff) format("woff"),url(../fonts/webfonts/3B2933_1_0.ttf) format("truetype")}.h1,.h2,h1,h2{font-family:'CamptonSemiBold';font-size:24px;font-weight:600;line-height:1.7}@media (min-width:768px){.h1,.h2,h1,h2{font-size:30px}}.h3,h3{font-family:'CamptonSemiBold';line-height:1.5em;font-size:1.6rem}@media (min-width:768px){.h3,h3{font-size:1.75rem}}.h4,h4{font-family:'CamptonLight';font-weight:300;line-height:1.5em;font-size:1.2rem}@media (min-width:640px){.h4,h4{font-size:1.5rem}}p{color:#1d1f2a}p a:hover{text-decoration:underline}p strong,strong{font-family:'CamptonSemiBold';font-weight:600}.einstiegstext,body{font-size:17.6px;font-weight:300;line-height:1.82}@media (min-width:768px){.einstiegstext{font-size:22px;line-height:1.91}}.box-innerwrapper .titel-orig{display:none}@media (min-width:992px){.box-innerwrapper h3{font-size:23px}}@media (min-width:1200px){.box-innerwrapper h3{font-size:24px}}.active,.text-underlined{text-decoration:underline}.row-team.row-ani .active,a,a img,a:hover,footer .social-links a:hover{text-decoration:none}body{background:#fff;color:#1d1f2a;font-family:'CamptonLight';font-stretch:normal;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13.5px;line-height:1.56}@media (min-width:768px){body{font-size:15px;line-height:1.6}}a,a:hover{color:#1d1f2a}img{width:100%;max-width:100%}hr{border-top:1px solid #1d1f2a}a:focus,button:focus{outline:0}body,main{min-height:100vh}.imgwrapper{margin-bottom:10px}.row{margin-right:-5px;margin-left:-5px}@media (min-width:768px){.row{margin-right:-5px;margin-left:-5px}}.fullline{display:none}@media (min-width:768px){.fullline{display:block;width:100%;height:0;opacity:.1;border-bottom:solid 1px #1d1f2a;margin-bottom:30px}}.more{transition:.25s ease-in-out;margin-left:0}.more .more-svg{margin-right:6px;margin-top:-4px}.more:hover{margin-left:10px}.logoWrapper{width:62.05px;height:30px}@media (min-width:768px){.logoWrapper{width:120px;height:58px}}.logoWrapper .logoHeader{width:72.39px;height:35px;margin-top:28px}@media (min-width:768px){.logoWrapper .logoHeader{margin-top:15px;width:120px;height:58px}}.logoWrapper .logoWord{z-index:0}.logoWrapper .logoDot,header{z-index:1}header{height:90px;background:0 0;position:fixed;width:100%}@media (min-width:768px){header .container{max-width:none}}header .navibutton{z-index:1;right:15px;top:35px;transition:.25s ease-in-out;margin:0;border:0;padding:0;width:32px;height:19px;position:absolute;background:0 0}header .navibutton .line{position:absolute;height:0;border:0;border-top:1px solid #1d1f2a;width:32px}header .navibutton .line1{top:0}header .navibutton .line2{top:9px}header .navibutton .line3{top:18px}header .navibutton.open{transition:.25s ease-in-out}header .navibutton.open .line{border-top:1px solid #fff;top:7px}header .navibutton.open .line1,header .navibutton.open .line2{transform:rotate(45deg)}header .navibutton.open .line3{transform:rotate(135deg)}.not-homepage header,header.active{transition:.25s ease-in-out;background:#fff}@media (min-width:1400px){.not-homepage header,header.active{background:0 0}}.row-pofcatFilter{margin-top:70px}.row-pofcatFilter ul li{font-size:13.5px;line-height:12px;margin-right:17px}@media (min-width:405px){.row-pofcatFilter ul li{margin-right:25px}}@media (min-width:768px){.row-pofcatFilter ul li{font-size:15px;line-height:2.13}}.row-pofcatFilter ul li.last{margin-right:0}.row-pofcatFilter li:hover{text-decoration:underline;cursor:pointer}.container-navigation{font-family:CamptonLight;font-weight:300;top:0;position:fixed;right:-100vw;width:100vw;background-color:#1d1f2a;transition:.25s ease-in-out;z-index:0;padding-left:15px}@media (min-width:768px){.container-navigation{right:-358px;width:358px}}.container-navigation a,.container-navigation p{color:#fff}.container-navigation nav{margin-left:23px;margin-top:60px}.container-navigation nav ul{width:100%;margin:0;padding:0;list-style:none;text-align:left}.container-navigation nav ul li{text-align:left;padding:0;margin:0;font-size:27px;line-height:34.2px}.container-navigation nav ul li a.nav-link{padding:0}.container-navigation .kontakt-wrapper a:hover,.container-navigation nav ul li a:hover{color:#ffc500}.container-navigation .kontakt-wrapper{position:absolute;bottom:30px;margin-left:23px;font-size:17.6px;font-weight:300;font-stretch:normal;font-style:normal;line-height:1.45;text-align:left}.container-navigation.open{right:0;transition:.25s ease-in-out}body.body-homepage .index-wrapper{height:100%;min-height:100vh;background-color:#ffc500}body.body-homepage .index-wrapper h1.claim{font-family:'CamptonLight';font-weight:300;color:#fff;font-size:41px;line-height:57px}@media (min-width:768px){body.body-homepage .index-wrapper h1.claim{font-size:60px;line-height:72px;max-width:600px}}body.body-homepage .index-wrapper .arrow-down{width:345.27px;height:45px;bottom:45px;position:absolute;left:0;right:0;margin:auto}#einleitung{margin-bottom:50px;position:relative}@media (min-width:768px){#einleitung{margin-bottom:90px}}#einleitung a{font-size:15px;font-weight:300;font-stretch:normal;font-style:normal;line-height:32px}#einleitung .logoEinleitung{position:absolute;left:0;top:0;width:120px;height:58px;margin:20px}#einleitung .container{padding-top:100px}.arbeitWrapper{position:relative;width:100%;height:100%}.arbeitWrapper .arbeitText{display:none;position:absolute;top:0;left:0;text-align:center;background-color:rgba(255,255,255,.9);width:100%;height:100%}.arbeitWrapper .arbeitText h3{margin:0}.arbeitWrapper .arbeitText p{margin:0;line-height:1.4}#kunden{margin-bottom:50px}@media (min-width:768px){#arbeiten,#kunden{margin-bottom:150px}}#arbeiten h2,#kunden h2{margin-bottom:30px;font-size:24px;font-weight:600;line-height:1.7}@media (min-width:768px){#arbeiten h2,#kunden h2{font-size:30px;line-height:1.7}}#arbeiten .logoKunde,#kunden .logoKunde{width:120px;height:58px;margin:15px}.row-arbeitWrapper .col,.row-kundenWrapper .col,.row-team .col{padding:3px}#arbeiten,.container-content .row-introText{margin-bottom:50px}@media (min-width:768px){#arbeiten{margin-bottom:95px}}.row-showAllClients{margin-top:15px}.container-content{padding-top:50px}.container-content .headlineWebsite strong{font-weight:400;color:#fff;background-color:#1d1f2a}.container-content .row-introBilder{margin-bottom:60px}.container-content .row-bild,.container-content .row-team .col,.row-backlink{margin-bottom:50px}.container-content .row-text p:last-child{margin-bottom:0}.container-content .row-inhalteMatrix-text p{max-width:600px}.container-content .row-inhalteMatrix-text p.einstiegstext{max-width:none}.container-content .row-team img{margin-bottom:25px}.container-content .row-team h3{font-size:15px;font-weight:300;line-height:1.6;margin-bottom:0}.container-content .row-team p{margin-bottom:0}.body-portfolio .row-backlink{margin-top:50px}.fulllineMatrix+.container-content{padding-top:0}.body-portfolio .col-leistungen h2{margin-top:20px}.body-portfolio .bilder-wrapper img{margin-bottom:10px}@media (min-width:768px){.body-portfolio .bilder-wrapper img{margin-bottom:15px}}@media (min-width:992px){.container-portfolio .bilder-wrapper{clear:both}}.kunde{margin-bottom:45px}@media (min-width:992px){.kunde{padding-bottom:45px}}.row-ani .col,.row-ani .col.active{margin-top:30px;opacity:0;transform:scale(.85);transition:.25s ease-in-out}.row-ani .col.active{margin-top:0;opacity:1;transform:scale(1)}.logoWrapper .logoDot{left:0;margin-top:15px;transition:.25s ease-in-out}.logoWrapper.active .logoDot{margin-top:5px;transition:.25s ease-in-out}footer{background-color:#1d1f2a;padding-top:100px;padding-bottom:100px}footer a,footer p{color:#fff;font-size:15px;line-height:1.6}footer a:hover{color:#fff;text-decoration:underline}footer .social-links a{margin-right:20px}footer .social-links .insta-svg{width:38px;height:40px}footer .social-links .facebook-svg{width:40px;height:42px}@media (min-width:768px){footer .social-links .insta-svg{width:19px;height:20px}footer .social-links .facebook-svg{width:20px;height:21px}}.btn.focus,.btn:focus{outline:0;box-shadow:none}