html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul,figure,figcaption{margin:0;padding:0;font-weight:400;font-style:normal}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none}*:focus{outline:none}@font-face{font-family:HankenGrotesk-Medium;src:url(/build/fonts/HankenGrotesk-Medium-BS8X2dBH.woff2) format("woff2"),url(../font/HankenGrotesk-Medium.woff.woff) format("woff");font-display:swap}@font-face{font-family:soehne-breit-web-leicht;src:url(/build/fonts/soehne-breit-web-leicht-OPnYxQoE.woff2) format("woff2"),url(/build/fonts/soehne-breit-web-leicht-Ha8EQ-DQ.woff) format("woff");font-display:swap}@font-face{font-family:soehne-breit-web-fett;src:url(/build/fonts/soehne-breit-web-fett-aMdambdE.woff2) format("woff2"),url(/build/fonts/soehne-breit-web-fett-Z2MK89Tp.woff) format("woff");font-display:swap}html{background-color:#fff}body{font-family:HankenGrotesk-Medium,Helvetica Neue,Helvetica,Arial,sans-serif;color:#04091a;font-size:1.125rem;line-height:1.2;letter-spacing:0rem;font-weight:400;font-style:normal;font-kerning:normal;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}h1{font-family:soehne-breit-web-fett,Helvetica Neue,Helvetica,Arial,sans-serif;color:#03c;text-transform:uppercase;font-size:.75rem;letter-spacing:.05rem}@media only screen and (min-width:768px){h1{letter-spacing:.25rem}}h2{font-family:soehne-breit-web-fett,Helvetica Neue,Helvetica,Arial,sans-serif;color:#03c;text-transform:uppercase;font-size:.75rem;letter-spacing:.05rem}@media only screen and (min-width:768px){h2{letter-spacing:.25rem}}h3{font-family:soehne-breit-web-fett,Helvetica Neue,Helvetica,Arial,sans-serif;color:#03c;text-transform:uppercase;font-size:.75rem;letter-spacing:.05rem}@media only screen and (min-width:768px){h3{letter-spacing:.25rem}}p{font-family:soehne-breit-web-leicht,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.125rem;color:#03c}a{color:#03c;text-decoration:none;position:relative}a:before{content:"";position:absolute;width:100%;height:.125rem;bottom:-.1875rem;left:0;background-color:#03c;visibility:hidden;transform:scaleX(0);transition:all .2s ease-in-out}a:hover:before{visibility:visible;transform:scaleX(1)}.text-gross{font-family:soehne-breit-web-leicht,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.1875rem;line-height:1.4}@media only screen and (min-width:768px){.text-gross{font-size:1.6875rem;letter-spacing:.04rem;line-height:1.555}}td{font-family:HankenGrotesk-Medium,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem}.no-ls{letter-spacing:0!important}header{margin:0 auto;padding:0 10px}@media only screen and (min-width:768px){header{max-width:1384px;margin:0 auto;padding:0 20px 0 40px}}header{margin-bottom:2rem}@media only screen and (min-width:768px){header{margin-bottom:6.5rem}}header .wrap-header{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);grid-column-gap:.75rem;padding-top:.75rem;padding-bottom:1.5rem}@media only screen and (min-width:414px){header .wrap-header{grid-template-columns:38% 28.5% 28.5%}}@media only screen and (min-width:768px){header .wrap-header{padding-top:5.375rem;padding-bottom:.75rem}}header .wrap-header .name{grid-column:1/3;grid-row:1/2}@media only screen and (min-width:414px){header .wrap-header .name{grid-column:1/2}}header .wrap-header .titel{grid-column:1/3;grid-row:2/3}@media only screen and (min-width:414px){header .wrap-header .titel{grid-column:2/3;grid-row:1/2;text-align:center}}header .wrap-header .kontakt{grid-column:3/4;grid-row:1/2;text-align:right}header .wrap-header .wrap-logo{grid-column:1/4;grid-row:3/4;margin:0 auto}@media only screen and (min-width:414px){header .wrap-header .wrap-logo{grid-column:2/3;grid-row:3/4;margin-top:.75rem}}@media only screen and (min-width:768px){header .wrap-header .wrap-logo{margin-bottom:5rem}}header .wrap-header .wrap-logo svg{display:block}@media only screen and (min-width:768px){header .wrap-header .wrap-logo svg{margin:.75rem auto 0}}header .wrap-header .wrap-logo svg .a{fill:#eff2fc}header .wrap-header .wrap-logo svg .b{fill:#03c}header p{padding-left:0rem}@media only screen and (min-width:768px){header p{max-width:51.5rem;margin:0 auto}}@media only screen and (min-width:1024px){header p{padding-left:20px}}main .wrap-projekte{margin:0 auto;padding:0 10px}@media only screen and (min-width:768px){main .wrap-projekte{max-width:1384px;margin:0 auto;padding:0 20px 0 40px}}main .projekt{margin-bottom:4.5rem}main .projekt:last-of-type{margin-bottom:2.5rem}@media only screen and (min-width:768px){main .projekt{position:relative;margin-bottom:40px}}@media only screen and (min-width:768px){main .wrap-projekt-info{position:static;position:absolute;inset:0}}main .projekt-info{max-width:28.5rem;background-color:#fbf8ef;padding:.5rem;z-index:10}@media only screen and (min-width:768px){main .projekt-info{position:absolute;position:sticky;top:1.25rem;left:0;margin-top:-20px;margin-left:-1.25rem;padding:2rem;box-shadow:8px 8px 14px #0003}}main .projekt-info table{border-collapse:collapse}main .projekt-info tr{border-top:.0625rem solid #04091A}main .projekt-info tr:last-of-type{border-bottom:.0625rem solid #04091A}main .projekt-info td{vertical-align:top;text-align:left;padding:.5rem 0 .375rem}main .projekt-info td:first-of-type{width:20%;min-width:5rem}main .projekt-info td:last-of-type{width:80%}@media only screen and (min-width:768px){main .projekt-info td{padding:.75rem 0 .5rem}}main figure{margin-top:20px}main .hintergrund{background-color:#eff2fc}main .wrap-kunden-liste{margin:0 auto;padding:0 10px}@media only screen and (min-width:768px){main .wrap-kunden-liste{max-width:1384px;margin:0 auto;padding:0 20px 0 40px}}main .wrap-kunden-liste{padding-top:2.5rem;padding-bottom:2.5rem}@media only screen and (min-width:768px){main .wrap-kunden-liste{padding-top:4.5rem;padding-bottom:4.5rem;margin-top:11rem}}main .wrap-kunden-liste h2{text-align:center;margin-bottom:.5rem}main .wrap-kunden-liste .text-gross{text-align:center;margin:0 auto;max-width:17.5rem}@media only screen and (min-width:768px){main .wrap-kunden-liste .text-gross{max-width:48.75rem}}main .wrap-kunden-liste hr{max-width:12.5rem;height:.125rem;background-color:#fff;border:none;margin-top:2rem;margin-bottom:2rem}main .wrap-logos{display:grid;grid-template-columns:1fr;grid-row-gap:3.5rem;align-items:center;justify-items:center}@media only screen and (min-width:768px){main .wrap-logos{grid-template-columns:1fr 1fr;column-gap:.75rem;grid-row-gap:4.5rem}}@media only screen and (min-width:958px){main .wrap-logos{grid-template-columns:1fr 1fr 1fr}}@media only screen and (min-width:1024px){main .wrap-logos{grid-template-columns:1fr 1fr 1fr 1fr}}main .section-datenschutz{margin:0 auto;padding:0 10px}@media only screen and (min-width:768px){main .section-datenschutz{max-width:1384px;margin:0 auto;padding:0 20px 0 40px}}main .wrap-datenschutz{padding-bottom:2.5rem}@media only screen and (min-width:1024px){main .wrap-datenschutz{column-count:2;column-gap:3.0211480363%;padding-bottom:4.5rem}}main .wrap-datenschutz p.text-gross{font-family:soehne-breit-web-leicht,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.1875rem;line-height:1.4}@media only screen and (min-width:768px){main .wrap-datenschutz p.text-gross{font-size:1.6875rem;letter-spacing:.04rem;line-height:1.555}}main .wrap-datenschutz p.text-gross{text-transform:uppercase;column-span:all;display:block;margin-top:1.2rem;margin-bottom:1.2rem}@media only screen and (min-width:768px){main .wrap-datenschutz p.text-gross{letter-spacing:.15rem;margin-bottom:3.6rem}}main .wrap-datenschutz h3{letter-spacing:2px;font-size:.75rem;line-height:1.2rem;margin-top:1.2rem;display:inline-block}main .wrap-datenschutz p{font-family:HankenGrotesk-Medium,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9375rem;line-height:1.2rem;margin-bottom:1.2rem;display:inline-block}main .wrap-datenschutz p:last-of-type{margin-top:1.2rem}main .wrap-datenschutz ul{font-size:.9375rem;line-height:1.2rem;color:#03c;margin-left:1.3875rem;margin-bottom:1.2rem}main .wrap-datenschutz ul li{position:relative;display:inline-block}main .wrap-datenschutz ul li:before{content:"";border-radius:3px;height:6px;width:6px;background-color:#03c;position:absolute;left:-1.2rem;top:8px}main .wrap-datenschutz .box{border-left:3px solid #0033CC;padding-left:1.2rem}main .wrap-datenschutz a:before{content:none}main .wrap-datenschutz a:hover{color:#36f}footer{background-color:#03c;padding-top:2.5rem;padding-bottom:.75rem}@media only screen and (min-width:1024px){footer{padding-top:4.5rem;padding-bottom:.75rem}}footer .wrap-footer{margin:0 auto;padding:0 10px}@media only screen and (min-width:768px){footer .wrap-footer{max-width:1384px;margin:0 auto;padding:0 20px 0 40px}}footer .wrap-text-gross p{font-family:soehne-breit-web-leicht,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.1875rem;line-height:1.4}@media only screen and (min-width:768px){footer .wrap-text-gross p{font-size:1.6875rem;letter-spacing:.04rem;line-height:1.555}}footer .wrap-text-gross p{letter-spacing:.025rem;margin-bottom:2rem}@media only screen and (min-width:1024px){footer .wrap-text-gross p{letter-spacing:.075rem}}footer p{font-family:HankenGrotesk-Medium,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.25rem;line-height:1.35;color:#fff}footer .wrap-anschrift>p:nth-last-child(2){margin-top:1.5rem}footer a{color:#fff;position:relative}footer a:before{content:"";position:absolute;width:100%;height:.125rem;bottom:-.1875rem;left:0;background-color:#03c;visibility:hidden;transform:scaleX(0);transition:all .2s ease-in-out}footer a:hover:before{visibility:visible;transform:scaleX(1)}footer a:before{background-color:#fff;height:.125rem;bottom:-.125rem}@media only screen and (min-width:1024px){footer .wrap-erste-zeile{display:grid;grid-template-columns:repeat(4,1fr);column-gap:1.125rem}}@media only screen and (min-width:768px){footer .wrap-zweite-zeile{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1.125rem}}@media only screen and (min-width:1024px){footer .wrap-zweite-zeile{grid-template-columns:repeat(4,1fr)}}footer .wrap-erste-zeile .erste-spalte.img img{max-width:7.5rem;max-height:7.5rem;border-radius:50%}@media only screen and (min-width:1024px){footer .wrap-erste-zeile .erste-spalte.img{grid-column:1/5;grid-row:1/2}}footer .wrap-erste-zeile .wrap-anschrift{padding-top:.5625rem}footer .wrap-erste-zeile .wrap-anschrift p{font-size:1.125rem}@media only screen and (min-width:1100px){footer .wrap-erste-zeile .wrap-anschrift p{font-size:1.1875rem}}footer .wrap-erste-zeile .erste-spalte{grid-column:1/2;grid-row:2/3}@media only screen and (min-width:768px){footer .wrap-erste-zeile .zweite-spalte{grid-column:2/5}}@media only screen and (min-width:1100px){footer .wrap-erste-zeile .zweite-spalte{grid-column:2/4}}footer .wrap-zweite-zeile{opacity:.5;margin-top:5rem}footer .wrap-zweite-zeile h3{color:#fff;font-size:.6875rem;line-height:1.5;margin-top:2rem}footer .wrap-zweite-zeile p{font-size:.9375rem;line-height:1.4;letter-spacing:.025rem}@media only screen and (min-width:1024px){footer .wrap-zweite-zeile .erste-spalte{grid-column:1/2}footer .wrap-zweite-zeile .zweite-spalte{grid-column:2/3}footer .wrap-zweite-zeile .dritte-spalte{grid-column:3/4}footer .wrap-zweite-zeile .vierte-spalte{grid-column:4/5}}footer .wrap-dritte-zeile{opacity:.5;margin-top:2.5rem}footer .wrap-dritte-zeile p{font-size:.9375rem;line-height:1.4;letter-spacing:.025rem}
