@font-face{font-family:'JostRegular';src:url("/fonts/jost-v15-latin-regular.woff2") format('woff2');font-display:swap}
@font-face{font-family:'Jost500';src:url("/fonts/jost-v15-latin-500.woff2") format('woff2');font-display:swap}
@font-face{font-family:'Angelina';src:url("/fonts/angelina.woff2") format('woff2');font-display:swap}
body{background-color:#fff;margin:0;padding:0;font-size:20px;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:'JostRegular',calibri,helvetica,arial,verdana,sans-serif;color:#1e1e1e;transition:all 0.5s;scroll-behavior:smooth}
.wrapper{max-width:1450px;width:auto;margin:auto;transition:all 0.5s}
.wrapper50{max-width:675px;width:auto;margin:auto;transition:all 0.5s}
.clearer{clear:both}
.small{max-width:850px !important}
.spacer{height:100px}
.spacer50{height:50px}
#header{margin:0 auto;background-color:#1e1e1e;background-image:url('/images/web.png');background-position:center;background-size:cover;background-repeat:no-repeat}
#hcontainer{aspect-ratio:2/1;position:relative}
#navbar{position:fixed;background-color:#1e1e1e;left:0;right:0;height:100px;border-top:40px solid #fff;z-index:5000}
#ncontainer{position:relative}
#logo{height:80px;width:auto;position:absolute;left:0;top:-20px}
#nav{padding:0;margin:0;position:absolute;right:0;top:28px}
#nav li{list-style-type:none;display:inline-block;margin:0;padding:0 20px;border-right:2px solid #fff}
#nav li:last-child{padding:0 0 0 20px;border-right:none}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{text-decoration:none;color:#fff;font-size:120%}
#nav li a[href]:hover{text-decoration:none;color:#fff}
#nav li a[href].active{text-decoration:none;color:#fff}
#mobilenav{display:none;font-size:250%;color:#fff;cursor:pointer;position:absolute;top:20px;right:20px;transition:all 0.5s}
#icontainer{margin:0 auto;padding:0;text-align:center;position:absolute;bottom:-40px;left:0;right:0}
#intro{color:#fff;display:inline-block;text-align:left;vertical-align:top}
#intro .style1{font-family:'Jost500',calibri,helvetica,arial,verdana,sans-serif;font-size:280%}
#intro .style2{font-family:'Angelina',calibri,helvetica,arial,verdana,sans-serif;font-size:280%;margin:10px auto 0 auto}
#hsheep{width:auto;height:540px;margin:0 auto auto 50px;display:inline-block}
.content{padding:0;margin:100px auto;line-height:150%;transition:all 0.5s}
.start{text-align:center}
h1{color:#e30613;font-weight:normal;font-size:220%;line-height:120%;margin:50px auto 30px auto;text-transform:uppercase}
h1:first-child{margin:0 auto 30px auto}
h2{color:#e30613;font-size:140%;line-height:125%;font-weight:normal;margin:30px auto 20px auto}
h2:first-child{margin:0 auto 20px auto}
h3{font-size:100%;color:#e30613;font-weight:bold;margin:20px auto 20px auto}
h3:first-child{margin:0 auto 20px auto}
.CMSImage,.content img{max-width:100%;height:auto;transition:all 0.5s}
hr{height:2px;border-width:0;background-color:#eff3ec}
a[href]:link,a[href]:visited,a[href]:focus,a[href]:active{color:#e30613;text-decoration:none;transition:all 0.5s}
a[href]:hover{color:#e30613;text-decoration:none;transition:all 0.5s}
.CMSPictureBox span{font-style:italic}
#zoomdiv{text-align:center}
.zoomimage{margin:100px auto}
.button{display:inline-block;padding:5px 15px;background-color:#e30613;color:#fff !important;border-radius:15px;border:2px solid #fff}
#start2{background-color:#f8f8f8;position:relative}
#start2container{display:flex;align-items:center;justify-content:space-between}
#start2img{width:calc(50% - 50px);display:inline-block}
#start2img1{margin:-100px auto -75px 0;width:90%;height:auto;float:left}
#start2img2{margin:auto -10px 50px auto;border-top:10px solid #f8f8f8;border-left:10px solid #f8f8f8;float:right;width:55%;height:auto}
#start2txt{width:calc(50% - 50px);display:inline-block;margin:100px 0}
#point{width:auto;height:100px;position:absolute;bottom:-50px;right:100px}
#job{display:flex;align-items:center;justify-content:space-between}
#job1{width:50%;background-color:#1e1e1e;color:#fff;padding:100px 0;margin:0 0 400px 0;background-image:url('/images/web.png');background-position:bottom center;background-repeat:no-repeat}
#job1 h2{font-size:220%;line-height:120%;margin:0 auto 30px auto;text-transform:uppercase;color:#e30613}
#job1 .wrapper50{margin:0 50px 0 auto;position:relative}
#job2img1{position:absolute;right:-75px;bottom:-250px;width:400px;height:auto;border:10px solid #fff}
#job2{width:50%;background-color:#e30613;color:#fff;padding:100px 0}
#job2 .wrapper50{margin:0 auto 0 50px}
#job2 a[href]:link,#job2 a[href]:visited,#job2 a[href]:focus,#job2 a[href]:active{color:#fff;text-decoration:none;transition:all 0.5s}
#job2 a[href]:hover{color:#fff;text-decoration:none;transition:all 0.5s}
#testimonials{margin:100px auto}
#testimonials_container{overflow:hidden;position:relative}
#testimonials_container #slidenav{position:absolute;top:0;bottom:0;left:0;right:0}
#testimonials_container #slidenav .wrapper{position:relative;height:100%}
#testimonials_container #slidenav #testimonials_linksklick{width:35px;text-align:center;color:#1e1e1e;font-size:180%;cursor:pointer;position:absolute;left:0;top:50%;transform:translate(0,-50%);height:auto;display:none;border:1px solid #b2b2b2;padding:10px;border-radius:45px;background-color:#fff}
#testimonials_container #slidenav #testimonials_rechtsklick{width:35px;text-align:center;color:#1e1e1e;font-size:180%;cursor:pointer;position:absolute;right:0;top:50%;transform:translate(0,-50%);height:auto;border:1px solid #b2b2b2;padding:10px;border-radius:45px;background-color:#fff}
#testimonials_container #testimonials_slides{margin:0;padding:0;width:auto;background-color:#fff;display:inline-flex}
#testimonials_container #testimonials_slides li{width:100vw;list-style-type:none;display:flex;justify-content:center;align-items:center}
#testimonials_container #testimonials_slides li .txt{text-align:center;overflow:hidden}
#testimonials_container #testimonials_slides li .txt h4{font-size:120%;color:#000;font-weight:bold;margin:20px auto 20px auto}
#testimonials_container #testimonials_slides li .txt .img{margin:0 auto 25px auto;height:auto;width:300px;max-width:80%}
#werbeartikel #werbeartikellist{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0;padding:0;gap:20px}
#werbeartikel #werbeartikellist li{display:inline-block;width:calc(33.333% - 13.33333px);aspect-ratio:4/3;text-align:center;align-self:flex-start;background-size:cover;background-position:center;background-repeat:no-repeat}
#counter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-basis:25%;row-gap:50px;margin:0;padding:0}
#counter li{display:inline-block;width:25%;text-align:center}
#counter li .num{background-image:url('/images/point.svg');background-position:center;background-repeat:no-repeat;background-size:contain;width:120px;margin:auto;aspect-ratio:1/1}
#counter li .num .count{font-size:140%;color:#fff;display:inline-block;margin:40px auto auto auto}
#counter li .boxtxt{text-transform:uppercase;margin:10px auto auto auto}
#ueberuns{margin:100px 0}
#ueberuns h2{font-size:220%;line-height:120%;margin:0 auto 30px auto;text-transform:uppercase;color:#e30613}
#uberuns1{display:flex;align-items:center;row-gap:50px;justify-content:space-between}
#ueberuns1_img{margin:0 auto auto auto;width:50%;position:relative;text-align:right;align-self:flex-start}
#ueberuns1_img #ueberuns1_bar{background-color:#1e1e1e;margin:100px 100px 0 0;height:350px;z-index:1000}
#ueberuns1_img #ueberuns1_image{width:350px;aspect-ratio:1/1;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;right:0;top:0;border-left:10px solid #fff;border-bottom:10px solid #fff;z-index:2000}
#ueberuns1_txt{text-align:left;margin:0 auto auto auto;width:50%;align-self:flex-start}
#ueberuns1_txt .wrapper50{margin:0 auto 0 0}
#ueberuns1_txt_inner{margin:0 0 0 100px}
#uberuns2{display:flex;align-items:center;row-gap:50px;justify-content:space-between}
#ueberuns2_img{margin:0 auto auto auto;width:50%;position:relative;text-align:left;align-self:flex-start}
#ueberuns2_img #ueberuns2_bar{background-color:#e30613;margin:100px 0 0 100px;height:350px;z-index:1000}
#ueberuns2_img #ueberuns2_image{width:350px;aspect-ratio:1/1;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0;border-right:10px solid #fff;border-bottom:10px solid #fff;z-index:2000}
#ueberuns2_txt{text-align:left;margin:0 auto auto auto;width:50%;align-self:flex-start}
#ueberuns2_txt .wrapper50{margin:0 0 0 auto}
#ueberuns2_txt_inner{margin:0 100px 0 0}
#timeline{margin:0 auto;padding:0;position:relative}
#timeline #line{position:absolute;background-color:#000;width:5px;top:0;bottom:0;left:0;right:0;margin:0 auto;background-image:linear-gradient(transparent calc(100% - 200px),#fff calc(100% - 50px));z-index:1300}
#timeline #position{position:absolute;height:40px;width:40px;background-color:#e30613;border-radius:8px;top:0;left:0;right:0;margin:0 auto 0 auto;z-index:1500}
#timeline li{display:block;list-style-type:none;vertical-align:top;width:100%;position:relative;margin:0 0 100px 0}
#timeline li .milestone{position:absolute;height:20px;width:20px;background-color:#000;border-radius:4px;top:0;left:0;right:0;margin:0 auto 0 auto;z-index:1400;transition:all 0.5s}
#timeline li .txt{display:block;margin:-30px auto 100px auto;float:right;text-align:left;width:calc(50% - 40px)}
#timeline li .year{color:#e30613;font-size:220%;margin:-30px auto 0 auto;float:left;text-align:right;width:calc(50% - 40px)}
#timeline #ende{margin:100px auto 150px auto;text-align:center}
#timeline #ende #endetxt{display:inline-block;text-align:left;color:#e30613;font-family:'GillSansMT_Bold',Open Sans,Arial;font-size:300%;width:40%}
#referenzen{margin:100px auto}
#referenzen h2{font-size:220%;line-height:120%;text-transform:uppercase;color:#e30613;text-align:center}
#referenzen_container{overflow:hidden;position:relative}
#referenzen_container #slidenav{position:absolute;top:0;bottom:0;left:0;right:0}
#referenzen_container #slidenav .wrapper{position:relative;height:100%}
#referenzen_container #slidenav #referenzen_linksklick{width:35px;text-align:center;color:#1e1e1e;font-size:180%;cursor:pointer;position:absolute;left:0;top:50%;transform:translate(0,-50%);height:auto;display:none;border:1px solid #b2b2b2;padding:10px;border-radius:45px;background-color:#fff;z-index:3000}
#referenzen_container #slidenav #referenzen_rechtsklick{width:35px;text-align:center;color:#1e1e1e;font-size:180%;cursor:pointer;position:absolute;right:0;top:50%;transform:translate(0,-50%);height:auto;border:1px solid #b2b2b2;padding:10px;border-radius:45px;background-color:#fff;z-index:3000}
#referenzen_container #referenzen_slides{margin:0;padding:0;width:auto;background-color:#fff;display:inline-flex}
#referenzen_container #referenzen_slides li{width:100vw;list-style-type:none;display:flex;justify-content:center;align-items:center;z-index:2000}
#referenzen_container #referenzen_slides li .txt{text-align:auto;max-width:1100px;width:calc(100% - 120px);display:block;margin:0 auto;z-index:2500}
#referenzen_container #referenzen_slides li .txt ul{list-style-type:disc}
#referenzen_container #referenzen_slides li .txt ul li{width:auto !important;margin:auto;list-style-type:disc;display:list-item}
#referenzen_container #referenzen_slides li .txt ol{list-style-type:decimal}
#referenzen_container #referenzen_slides li .txt ol li{width:auto !important;margin:auto;list-style-type:decimal;display:list-item}
#referenzen_container #referenzen_slides li .txt h4{font-size:120%;color:#000;font-weight:bold;margin:20px auto 20px auto}
#referenzen_container #referenzen_slides li .txt .innertext{float:left;width:calc(100% - 275px)}
#referenzen_container #referenzen_slides li .txt .img{margin:25px 0 auto 25px;height:auto;width:250px;float:right}
#kontakt1{display:flex;align-items:center;justify-content:space-between}
#kontakt1 h2{font-size:220%;line-height:120%;margin:0 auto 30px auto;text-transform:uppercase;color:#e30613}
#kontakt1img{width:calc(50% - 50px);display:inline-block}
#kontakt1img #map{width:100%;height:auto}
#kontakt1txt{width:calc(50% - 50px);display:inline-block;margin:100px 0}
#kontakt2 #kontakt2img{width:100%;max-width:600px;aspect-ratio:16/10;height:auto;background-size:cover;background-position:center;background-repeat:no-repeat;margin:auto}
#footer{background-color:#1e1e1e}
#fnav{padding:40px 0;margin:0}
#fnav li{list-style-type:none;display:inline-block;margin:0;padding:0 20px;border-left:2px solid #fff;vertical-align:middle}
#fnav li i{font-size:200%;margin-top:}
#fnav li:first-child{padding:0 20px 0 0;border-left:none}
#fnav li a[href]:link,#fnav li a[href]:visited,#fnav li a[href]:hover,#fnav li a[href]:active,#fnav li a[href]:focus{text-decoration:none;color:#fff;display:block;margin:0}
#fsheep{height:250px;width:auto;float:right;margin:-320px 0 auto auto}
#credits{background-color:#fff;text-align:right;font-size:80%}
#cnav{padding:10px 0;margin:0}
#cnav li{list-style-type:none;display:inline-block;margin:0;padding:0 10px;border-right:2px solid #000}
#cnav li:last-child{padding:0 0 0 10px;border-right:none}
#cnav li a[href]:link,#cnav li a[href]:visited,#cnav li a[href]:hover,#cnav li a[href]:active,#cnav li a[href]:focus{text-decoration:none;color:#000;display:block;margin:0}
@media only screen and (max-width:1500px){.wrapper{max-width:1300px}
.wrapper50{max-width:600px}
#hcontainer{aspect-ratio:13/6}
#hsheep{height:420px}
#intro .style1{font-size:230%}
#intro .style2{font-size:230%}}
@media only screen and (max-width:1400px){.wrapper{max-width:1200px}
.wrapper50{max-width:550px}
#nav{top:29px}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{font-size:115%}
#intro .style1{font-size:210%}
#intro .style2{font-size:210%}
#hsheep{height:380px;xmargin:0 auto auto 80px}
#referenzen_container #referenzen_slides li .txt .innertext{width:calc(100% - 225px)}
#referenzen_container #referenzen_slides li .txt .img{width:200px}}
@media only screen and (max-width:1300px){.wrapper{max-width:1100px}
.wrapper50{max-width:500px}
#nav{top:30px}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{font-size:110%}
#intro .style1{font-size:190%}
#intro .style2{font-size:190%}
#hsheep{height:365px;margin:0 auto auto 70px}
#job2img1{width:380px}
#referenzen_container #referenzen_slides li .txt .innertext{width:calc(100% - 175px)}
#referenzen_container #referenzen_slides li .txt .img{width:150px}
#fsheep{height:230px;margin:-300px 0 auto auto}}
@media only screen and (max-width:1200px){.wrapper{max-width:1000px}
.wrapper50{max-width:450px}
#nav{top:31px}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{font-size:105%}
#intro .style1{font-size:170%}
#intro .style2{font-size:170%}
#hsheep{height:330px;margin:0 auto auto 60px}
#job2img1{width:350px}}
@media only screen and (max-width:1100px){.wrapper{max-width:900px}
.wrapper50{max-width:400px}
#nav{top:32px}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{font-size:100%}
#intro .style1{font-size:150%}
#intro .style2{font-size:150%}
#hsheep{height:300px;margin:0 auto auto 40px}
#job2img1{width:330px}
#testimonials_container #testimonials_slides li .txt{margin:0 50px}
#fsheep{height:210px;margin:-270px 0 auto auto}}
@media only screen and (max-width:1000px){body{overflow-x:hidden}
.wrapper{max-width:unset}
.wrapper50{max-width:unset}
#hcontainer{height:400px;aspect-ratio:unset}
#logo{left:20px}
#nav{z-index:4500;display:none;position:absolute;background-color:rgba(0,0,0,0.97);right:-200px;top:65px;padding:15px 0 15px 0;transition:unset}
#nav li{display:block;margin:0;padding:5px 10px;transition:unset;border-right:none}
#nav li:last-child{padding:5px 10px}
#nav li a[href]:link,#nav li a[href]:visited,#nav li a[href]:active,#nav li a[href]:focus{font-size:120%}
#mobilenav{display:inline-block}
#intro .style1{font-size:130%}
#intro .style2{font-size:130%}
#hsheep{height:270px}
.content{margin:100px 20px}
#start2container{margin:0 20px}
#job1 .wrapper50{margin:0 50px 0 20px}
#job2 .wrapper50{margin:0 20px 0 50px}
#testimonials_container #slidenav #testimonials_rechtsklick{right:20px}
#testimonials_container #slidenav #testimonials_linksklick{left:20px}
#referenzen_container #referenzen_slides li .txt{width:calc(100% - 160px)}
#referenzen_container #slidenav #referenzen_rechtsklick{right:20px}
#referenzen_container #slidenav #referenzen_linksklick{left:20px}
#werbeartikel #werbeartikellist{margin:0 20px}
#counter{margin:0 20px}
#ueberuns1_txt_inner{margin:0 20px 0 100px}
#ueberuns2_txt_inner{margin:0 100px 0 20px}
#timeline{margin:0 20px}
#fnav{margin:0 20px}
#fsheep{height:200px;margin:-240px 20px auto auto}
#cnav{margin:0 20px}}
@media only screen and (max-width:900px){.wrapper{max-width:unset}
#hcontainer{height:370px}
#hsheep{height:235px}
#start2container{flex-direction:column}
#start2img{width:auto}
#start2img1{width:70%}
#start2img2{width:40%;margin:-150px 0 0 auto}
#start2txt{width:auto;margin:50px 0 100px 0}
#job{flex-direction:column}
#job1{width:auto;margin:0;padding:100px 0 200px 0}
#job1 .wrapper50{margin:0 20px}
#job2img1{right:20px;width:400px}
#job2{width:auto;padding:200px 0 100px 0}
#job2 .wrapper50{margin:0 20px}
#testimonials_container #testimonials_slides li .txt{margin:0 100px}
#werbeartikel #werbeartikellist li{width:calc(50% - 10px)}
#counter{flex-basis:50%}
#counter li{width:50%}
#referenzen_container #referenzen_slides li .txt .innertext{width:auto;float:unset}
#referenzen_container #referenzen_slides li .txt .img{width:250px;float:unset;margin:25px auto 0 0}
#kontakt{flex-direction:column;margin:0 20px}
#kontaktimg{width:100%;margin:0 0 150px 0;order:2}
#kontakttxt{width:100%;margin:50px 0 50px 0;order:1}}
@media only screen and (max-width:800px){.wrapper{max-width:unset}
#hcontainer{height:350px}
#intro .style1{font-size:120%}
#intro .style2{font-size:120%}
#hsheep{height:210px}
#ueberuns1_img{width:40%}
#ueberuns1_img #ueberuns1_image{width:220px}
#ueberuns1_txt{width:60%}
#ueberuns2_img{width:40%}
#ueberuns2_img #ueberuns2_image{width:220px}
#ueberuns2_txt{width:60%}
#timeline li{padding-top:5px}
#timeline li .year{width:auto;display:block;float:unset;text-align:left;margin:-30px auto 0 60px}
#timeline li .txt{width:auto;display:block;float:unset;text-align:left;margin:0 auto auto 60px}
#timeline #line{right:unset;left:20px}
#timeline li .milestone{right:unset;left:12.5px}
#timeline #position{right:unset;left:2.5px}}
@media only screen and (max-width:650px){.wrapper{max-width:unset}
#hcontainer{height:450px}
#icontainer{margin:0 20px}
#intro .style1{font-size:110%}
#intro .style2{font-size:110%}
#hsheep{height:190px;margin:40px auto auto 40px}
#job2img1{width:300px}
#counter{flex-basis:100%}
#counter li{width:100%}
#uberuns1{flex-direction:column}
#ueberuns1_img{width:100%;order:2}
#ueberuns1_img #ueberuns1_image{max-width:300px;width:100%;right:20px}
#ueberuns1_txt{width:100%;order:1}
#ueberuns1_txt_inner{margin:0 20px}
#uberuns2{flex-direction:column}
#ueberuns2_img{width:100%}
#ueberuns2_img #ueberuns2_image{max-width:300px;width:100%;left:20px}
#ueberuns2_txt{width:100%}
#ueberuns2_txt_inner{margin:0 20px}
#fnav li{display:block;border-left:none;padding:0}
#cnav{text-align:center}
#cnav li:last-child{padding:0 10px}}
@media only screen and (max-width:450px){.wrapper{max-width:unset}
#hcontainer{height:400px}
#intro .style1{font-size:100%}
#intro .style2{font-size:100%}
#hsheep{height:170px}
#werbeartikel #werbeartikellist li{width:100%}
#credits{font-size:70%}}