/* vi:sit – Stylesheet. Teil 1: aus dem Live-Webflow-CSS auf die genutzten Regeln reduziert. */
@font-face{font-family:Bitter;src:url(/assets/fonts/bitter-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Bitter;src:url(/assets/fonts/bitter-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Sourcesanspro;src:url(/assets/fonts/sourcesanspro-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Sourcesanspro;src:url(/assets/fonts/sourcesanspro-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Sourcesanspro;src:url(/assets/fonts/sourcesanspro-semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{vertical-align:baseline;display:inline-block}
audio:not([controls]){height:0;display:none}
[hidden],template{display:none}
a{background-color:#0000}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:none}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
[class^=w-icon-],[class*=\ w-icon-]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:webflow-icons!important}
*{box-sizing:border-box}
html{height:100%}
body{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}
img{vertical-align:middle;max-width:100%;display:inline-block}
.w-inline-block{max-width:100%;display:inline-block}
.w-clearfix:before,.w-clearfix:after{content:" ";grid-area:1/1/2/2;display:table}
.w-clearfix:after{clear:both}
.w-button{color:#fff;line-height:inherit;cursor:pointer;background-color:#3898ec;border:0;border-radius:0;padding:9px 15px;text-decoration:none;display:inline-block}
input.w-button{-webkit-appearance:button}
h1,h2,h3,h4,h5,h6{margin-bottom:10px;font-weight:700}
h1{margin-top:20px;font-size:38px;line-height:44px}
h2{margin-top:20px;font-size:32px;line-height:36px}
h3{margin-top:20px;font-size:24px;line-height:30px}
h4{margin-top:10px;font-size:18px;line-height:24px}
h5{margin-top:10px;font-size:14px;line-height:20px}
h6{margin-top:10px;font-size:12px;line-height:18px}
p{margin-top:0;margin-bottom:10px}
blockquote{border-left:5px solid #e2e2e2;margin:0 0 10px;padding:10px 20px;font-size:18px;line-height:22px}
figure{margin:0 0 10px}
figcaption{text-align:center;margin-top:5px}
ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}
.w-list-unstyled{padding-left:0;list-style:none}
fieldset{border:0;margin:0;padding:0}
button,[type=button],[type=reset]{cursor:pointer;-webkit-appearance:button;border:0}
label{margin-bottom:5px;font-weight:700;display:block}
.w-container{max-width:940px;margin-left:auto;margin-right:auto}
.w-container:before,.w-container:after{content:" ";grid-area:1/1/2/2;display:table}
.w-container:after{clear:both}
@media screen and (max-width:991px){
.w-container{max-width:728px}
}
@media screen and (max-width:479px){
.w-container{max-width:none}
}
.w-richtext:before,.w-richtext:after{content:" ";grid-area:1/1/2/2;display:table}
.w-richtext:after{clear:both}
.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after{white-space:initial}
.w-richtext ol,.w-richtext ul{overflow:hidden}
.w-richtext figure[data-rt-type=video]>div:after{content:"";display:none;position:absolute;inset:0}
.w-richtext figure{max-width:60%;position:relative}
.w-richtext figure>div:before{cursor:default!important}
.w-richtext figure img{width:100%}
.w-richtext figure div{color:#0000;font-size:0}
.w-richtext figure[data-rt-type=image]{display:table}
.w-richtext figure[data-rt-type=image]>div{display:inline-block}
.w-richtext figure[data-rt-type=image]>figcaption{caption-side:bottom;display:table-caption}
.w-richtext figure[data-rt-type=video]{width:60%;height:0}
.w-richtext figure[data-rt-type=video] iframe{width:100%;height:100%;position:absolute;top:0;left:0}
.w-richtext figure[data-rt-type=video]>div{width:100%}
[data-nav-menu-open]{text-align:center;background:#c8c8c8;min-width:200px;position:absolute;top:100%;left:0;right:0;overflow:visible;display:block!important}
.is-active{display:block}
:root{--black:#343c47;--orange:#ee7326;--white:white;--font:#4a4a4a;--red:#d52717;--viconnect-cyan:#16cfd1;--sekundär-gelb:#f59d24;--sekundär-blau:#5ea3f2;--viconnect-blue:#1b4871}
body{font-family:Sourcesanspro,sans-serif;font-size:16px;line-height:150%}
h1{color:var(--black);letter-spacing:-.9px;margin-top:20px;margin-bottom:10px;font-family:Bitter,sans-serif;font-size:50px;font-weight:700;line-height:120%}
h2{color:var(--black);letter-spacing:-.9px;margin-top:0;margin-bottom:16px;font-family:Bitter,sans-serif;font-size:45.5px;font-weight:700;line-height:120%}
h3{letter-spacing:-.9px;margin-top:20px;margin-bottom:10px;font-family:Bitter,sans-serif;font-size:30px;font-weight:700;line-height:120%}
h4{color:var(--black);letter-spacing:-.9px;margin-top:0;margin-bottom:10px;font-family:Bitter,sans-serif;font-size:25.5px;font-weight:700;line-height:120%}
h5{color:var(--orange);margin-top:0;margin-bottom:25px;font-family:Bitter,sans-serif;font-size:17px;font-weight:700;line-height:150%}
h6{margin-top:10px;margin-bottom:10px;font-family:Bitter,sans-serif;font-size:16px;font-weight:700;line-height:120%}
p{margin-bottom:16px}
a{color:var(--black);text-decoration:none}
ul{margin-top:0;margin-bottom:10px;padding-left:40px}
li{font-size:16px;line-height:24px}
strong{font-weight:700}
.overlay-bg{background-image:linear-gradient(90deg,#0000001a,#0000);position:absolute;inset:0}
.section{margin-top:60px;margin-bottom:60px;padding:80px 60px 0;position:relative}
.section.section__portfolio{padding-top:100px;padding-left:5%;padding-right:5%;position:relative}
.section.section-hero{flex-direction:column;justify-content:flex-end;align-items:stretch;height:610px;margin-top:0;padding-bottom:80px;display:flex;position:relative}
.section.section-app-intro{padding-top:120px;padding-bottom:240px}
.section.section-quote{background-color:var(--font);padding-top:30px;padding-bottom:30px}
.section.section-vorteile{padding-top:120px;padding-bottom:120px}
.section.section-cta{background-color:var(--black);color:var(--white);background-image:linear-gradient(#303149e6,#303149e6),url(/assets/img/cta-background.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:scroll,fixed;padding-top:50px;padding-bottom:50px;overflow:hidden}
.section.section-cta.no-bg{background-color:var(--font);background-image:none}
.section.section-steps{padding-top:120px;padding-bottom:120px}
.section.section-rakete{padding-top:120px;padding-bottom:210px}
.section.section-know-how{color:var(--white);background-image:linear-gradient(#303149e6,#303149e6),url(/assets/img/cta-background.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:scroll,fixed;padding-top:140px;font-size:18px;line-height:26%}
.section.section-tech{padding:120px 0;overflow:hidden}
.section.section-industrie-intro{padding-top:120px;padding-bottom:100px}
.section.section-nutzung{padding-top:120px;padding-bottom:120px}
.section.section-cta-grey{background-color:var(--black);color:var(--white);padding-top:50px;padding-bottom:50px;overflow:hidden}
.section.section-infografik{padding-top:120px;padding-bottom:120px}
.section.section-spectrum{background-color:var(--white);color:var(--font);padding-top:20px;padding-bottom:0}
.section.section-partner{margin-top:0;padding-top:0}
.section.section-desktop-vs-web{padding-top:44px}
.section.section-it-loesungen{padding-top:40px}
.section.section-agile-entwicklung,.section.section-golf-partner{padding-top:0}
.section.section-meeting-grey{background-color:var(--black);color:var(--white);margin-top:0;margin-bottom:0;padding-top:60px;padding-bottom:60px;overflow:hidden}
.section.section-flow-bottom-contact{background-color:var(--font);color:var(--white);padding-top:120px;padding-bottom:120px}
.container__second{width:auto;max-width:1220px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
.title-second{margin-top:0;margin-bottom:0}
.section__top-block_box2{max-width:510px}
.sub-title{color:#ee731f;letter-spacing:.2em;text-transform:uppercase;font-size:12.75px;font-weight:700}
.portfolio__block{width:auto;margin-top:70px;display:inline-block}
.portfolio__block.page-hero{flex-direction:row;width:690px;margin-left:auto;margin-right:auto;transition:all .3s;display:flex;position:relative}
.protfolio__box{color:#343c47;background-color:#efeff5;flex-direction:column;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:center;align-items:center;width:315px;height:242px;margin:15px;text-decoration:none;transition:all .3s;display:block}
.protfolio__box:hover{color:var(--white);background-color:#ee731f}
.protfolio__box-img_inner{justify-content:center;align-items:center;width:78px;height:79px;display:flex}
.protfolio__box-text{letter-spacing:-.19px;margin-top:30px;font-family:Bitter,sans-serif;font-size:18px;font-weight:700;line-height:150%}
.protfolio__box-img{object-fit:fill;transition:all .3s}
.portfolio__collection{flex-direction:column;width:100%}
.portfolio__collection-list{flex-wrap:wrap;display:flex}
.portfolio__collection-item{display:block}
.protfolio__box_cont-inner{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}
.btn{color:#343c47;border-bottom:4px solid #ee7326;padding-bottom:.625rem;font-family:Bitter,sans-serif;font-size:1rem;font-weight:700;line-height:150%;text-decoration:none;transition:all .3s;display:inline-block}
.btn:hover{color:#ee731f}
.btn.btn--white{color:var(--white);border-bottom-color:#ffffff1a}
.footer{width:100%;padding-top:3.75rem;padding-bottom:68px;position:relative}
.footer__block{flex-direction:column;width:100%;display:flex}
.image{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:all .4s}
.footer__nav-menu{flex:1;justify-content:space-between;max-width:none;display:flex}
.footer__nav-column1{margin-right:163px}
.footer__nav-menu_list{flex-direction:column;align-items:flex-start;width:33.33%;margin-bottom:0;display:flex}
.section-title-page{justify-content:center;align-items:center;width:100%;height:311px;display:flex;position:relative}
.section-title-page.section-title-page--portfolio-bg{border-top:1px solid #0000001a;height:15rem;min-height:auto}
.section-title-page.section-title-page--project-bg{background-image:url(/assets/img/progect-bg.jpg);background-position:50% 0;background-size:cover}
.section-title-page.section-title-page--portfolio-bg{background-image:url(/assets/img/portfolio-bg.jpg);background-position:50%;background-size:cover;height:15rem;min-height:auto}
.section-title-page__title{z-index:1;color:var(--white);text-align:center;margin-top:0;margin-bottom:0;position:relative}
.section-title-page__title.section-title-page__title--black{color:var(--black)}
.portfolio__body{padding-top:80px;padding-bottom:60px;position:relative}
.portfolio__body-top{justify-content:space-between;max-width:1076px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;display:flex}
.portfolio__body-top_column2{width:50%}
.portfolio__body-top_title{color:#ee7326;letter-spacing:-.24px;width:45%;font-family:Bitter,sans-serif;font-size:22px;line-height:32px}
.portfolio__body-top_column2-parg{margin-bottom:34px}
.portfolio__body-top_column2-parg.portfolio__body-top_column2-parg--mb-0{margin-bottom:0}
.portfolio-page__block{flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin-top:124px;display:flex}
.portfolio-page__cart{width:100%;color:var(--black);flex-direction:column;flex:1;margin-bottom:40px;text-decoration:none;transition:all .3s;display:flex}
.portfolio-page__cart-img_inner{width:100%;height:360px;overflow:hidden}
.portfolio-page__cart_content{background-color:#f7f7fa;flex:1;padding:2.5rem;transition:all .3s;display:flex}
.portfolio-page__cart_icon{flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}
.portfolio-page__cart_icon-img{margin-bottom:25px}
.portfolio-page__cart_title{letter-spacing:-.36px;margin-top:0;margin-bottom:4px}
.portfolio-page__cart_parg{opacity:.95;margin-bottom:1rem}
.portfoli-page__collection-item{flex-direction:column;width:48%;display:flex}
.portfolio-item__body{flex-direction:row;justify-content:flex-start;align-items:stretch;max-width:1076px;margin-left:auto;margin-right:auto;padding-top:48px;padding-left:15px;padding-right:15px;display:flex}
.portfolio-item__box1{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-right:0;padding-right:32px;display:block;position:relative}
.portfolio-item-line{background-color:#343c471a;width:70%;height:1px;margin-left:auto;margin-right:auto;display:block}
.project-page__box{max-height:400px;color:var(--black);align-items:stretch;margin-bottom:30px;text-decoration:none;display:flex}
.project-page__box-content{width:50%;height:auto;color:var(--white);background-color:#343c47;padding:3rem}
.project-page__box-img{width:50%}
.project-page__sub-title{letter-spacing:1.8px;text-transform:uppercase;margin-bottom:10px;font-size:14px;font-weight:700;line-height:135%}
.project-page__title{color:var(--white);margin-top:0;margin-bottom:25px;font-family:Bitter,sans-serif;font-size:1.5rem;line-height:135%}
.project-page__box-btn_wrp{margin-top:35px;margin-bottom:35px}
.portfolio-item__box2_img-inner{float:right;width:50%;height:300px;min-height:337px;margin-bottom:40px;margin-left:40px;position:static;inset:0% 0% auto auto}
.about-me__section{border-top:1px solid #0000001a;margin-bottom:0;padding-bottom:60px;position:relative}
.about-me__section.padding{padding-left:5%;padding-right:5%}
.about-me__title-wrp.about-me__title-wrp--black{flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding-top:50px;padding-bottom:50px;display:flex}
.project-page__collection{margin-top:67px}
.paragraph{text-align:left}
.paragraph.center{text-align:center}
.paragraph.medium{font-size:18px}
.container_1{max-width:560px}
.max_w{max-width:500px;margin-right:30px}
.section_a{padding:0 5%}
.section_a._1{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:85px;padding-left:5%;padding-right:5%;display:flex;position:relative}
.section_a._2{padding:95px 5%;position:relative}
.section_a._3{z-index:0;background-image:url(/assets/img/bg-2x.png);background-position:50%;background-size:cover;padding-top:125px;padding-bottom:125px;position:relative}
.section_a._4{padding-bottom:126px}
.section_a._5{z-index:1;background-color:#d52717;padding-top:60px;padding-bottom:90px;position:relative}
.section_a._6{background-color:#efeef4;padding-top:88px;padding-bottom:88px;display:none;position:relative}
.section_a._7{text-align:center;background-image:url(/assets/img/layer-298-2x2.png);background-position:100%;background-repeat:no-repeat;background-size:cover;padding-top:108px;padding-bottom:108px;position:relative}
.section_a._8{padding-top:108px;padding-bottom:148px;position:relative}
.section_a._9{flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:700px;margin-top:-87px;display:flex}
.section_a._10{border-top:1px solid #0000001a;padding-top:90px;padding-bottom:118px}
.section_a._11{background-image:url(/assets/img/shape-2-copy.png);background-position:50% 0;background-size:cover;padding:200px 0% 192px;position:relative}
.section_a._12{background-color:#efeef4;padding-top:94px;padding-bottom:141px;position:relative}
.section_a._13{padding-bottom:125px}
.container_1165{flex-direction:column;align-items:center;width:100%;max-width:1165px;margin-left:auto;margin-right:auto;display:flex}
.max_w_2{text-align:center;max-width:750px;margin-right:30px}
.container_4{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:90px;display:flex;position:relative;box-shadow:1px 1px 20px 17px #0000001a}
.bg_-f2f1f6{background-image:url(/assets/img/layer-349-2x.jpg);background-position:50% 0;background-size:1850px;width:100%;height:742px;position:absolute;inset:0% 0% auto}
.container_6{text-align:center}
.container_7{color:#fff}
.h_2{margin-bottom:0}
.par_19{cursor:default;margin-bottom:0;margin-right:0}
.max_w_1{max-width:422px;margin-bottom:44px;margin-right:30px}
.container_10{align-items:center;display:flex}
.container_12{margin-top:5px;margin-bottom:15px;font-family:Bitter,sans-serif;font-weight:700}
.par_21{font-size:21px}
.par_21.white_link{color:#fff}
.container_13{color:#fff;margin-top:5px;margin-bottom:10px;font-weight:700}
.container_11{margin-left:41px}
.about-me__section-copy{border-top:1px solid #0000001a;margin-bottom:0;padding-bottom:176px;position:relative}
.about-me__section-copy._1{margin-bottom:0;padding:87px 5% 0}
.container_1168{border-top:1px solid #0000001a;justify-content:space-between;max-width:1168px;margin-left:auto;margin-right:auto;padding-top:67px;display:flex;position:relative}
.container_15{flex-direction:column;justify-content:space-between;width:38%;margin-right:30px}
.container_16{flex-direction:column;align-items:center;margin:10px 20px;display:flex}
.container_17{font-family:Bitter,sans-serif;font-weight:700}
.container_19{border:1px solid #0000001a;align-items:center;padding-left:48px;padding-right:50px;display:flex}
.container_20{flex-direction:column;align-items:flex-start;min-width:180px;margin-left:48px;display:flex}
.max_w_3{max-width:160px;margin-top:20px;margin-bottom:20px}
.div-block-4{flex-direction:column;width:60%;display:flex}
.container_812{justify-content:space-between;max-width:812px;margin-bottom:76px;margin-left:auto;margin-right:auto;display:flex}
.max_w_4{max-width:400px;margin-bottom:20px;font-family:Bitter,sans-serif;font-weight:700}
.div-block-6{color:#454c55;max-width:420px}
.container_883{justify-content:space-between;align-items:flex-end;max-width:883px;margin-left:auto;margin-right:auto;display:flex}
.par_30{font-size:30px;line-height:38px}
.container_47{margin-bottom:24px;font-family:Bitter,sans-serif;font-weight:700}
.container_46{color:#fff;max-width:591px}
.h_1{color:#fff}
.h_1._200_size{color:var(--black);letter-spacing:0;font-size:151px;line-height:88%}
.container_29{justify-content:space-between;align-items:flex-start;width:100%;max-width:1171px;margin:146px auto 0;display:flex}
.container_29._2{align-items:center;margin-bottom:0}
.h_3{margin-top:0;margin-bottom:0}
.container_service2{align-self:center;max-width:622px;margin-left:40px}
.container_26{background-color:#f1f0f6;border-left:7px solid #d42717;margin-top:20px;margin-bottom:20px;padding-top:16px;padding-bottom:16px;padding-left:25px}
.container_26._2{margin-bottom:20px}
.container_25{text-align:center;max-width:790px;margin-bottom:115px;margin-left:auto;margin-right:auto}
.container_27{margin-top:18px}
.container_28{max-width:610px;margin-top:20px}
.button{text-transform:uppercase;background-color:#d62717;border:3px solid #d5271700;padding:8px 32px;font-size:20px;font-weight:600}
.button.button-secondary{border-color:var(--red);background-color:#343c478c}
.image-7._2{margin-top:30px}
.container_906{justify-content:space-between;align-items:flex-start;width:100%;max-width:906px;margin-left:auto;margin-right:auto;display:flex}
.container_31{min-width:40%;margin-right:0}
.h1_imagecontainer{-webkit-text-fill-color:transparent;background-image:url(/assets/img/layer-347-2x-1.jpg);background-position:50% 57%;background-size:cover;-webkit-background-clip:text;background-clip:text;width:100%;max-width:1174px;margin-left:auto;margin-right:auto}
.par_37{font-size:37px;line-height:43px}
.div-block-17{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:60px;display:flex}
.max_w_7{max-width:770px;margin-top:17px}
.container_1170{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1260px;margin-left:auto;margin-right:auto;display:flex}
.div-block-18{width:100%}
.collection-item{border-top:1px solid #0000001a;margin-top:74px;padding-top:74px}
.container_38{justify-content:space-between;align-items:center;display:flex}
.container_37{max-width:720px;margin-left:55px}
.container_39{flex-direction:column;justify-content:center;align-items:center;min-width:150px;min-height:150px;display:flex}
.image-8{margin-left:0}
.image-8._3{margin-left:28px}
.collection-list{flex-wrap:wrap;place-content:center;width:100%;display:flex}
.div-block-23{flex-direction:column;align-items:center;display:flex}
.par_23{font-family:Bitter,sans-serif;font-size:23px;font-weight:700}
.image-9{margin-bottom:25px}
.collection-item-2{margin:20px}
.container_1009{justify-content:space-between;width:100%;max-width:1009px;margin-bottom:90px;margin-left:auto;margin-right:auto}
.secondary-technologies{justify-content:space-between;width:100%}
.div-block-24{width:100%;margin-top:100px;display:flex}
.collection-list-2{flex-wrap:wrap;justify-content:center;align-items:center}
.card_white{background-color:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:35px 38px;transition:all .3s;position:relative}
.card_white:hover{color:#fff;background-color:#fff0}
.h3{cursor:default;margin-top:32px}
.div-block-25{max-width:487px;margin-top:15px}
.collection-item-3{background-image:url(/assets/img/layer-357-2x.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-bottom:30px;position:relative}
.image-10{margin-bottom:0}
.consulting_left{width:50%;margin-right:30px}
.consulting_right{width:50%}
.collection-item-4{background-image:url(/assets/img/layer-357-2x.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-bottom:30px}
.card{cursor:pointer;background-color:#fff;min-width:369px;height:100%;padding:23px 37px 36px;position:relative;overflow:hidden}
.par_22{margin-bottom:0;font-family:Bitter,sans-serif;font-size:22px;font-weight:700}
.container_32{align-items:center;display:flex}
.image-12{margin-right:17px}
.collection-list-wrapper-5{flex-direction:row;max-width:270px;margin-top:20px}
.collection-list-3{flex-flow:wrap;display:flex}
.collection-item-5{margin-right:30px}
.collection-item-6{max-width:369px;margin-top:24px;margin-left:15px;margin-right:15px}
.collection-list-4{flex-flow:wrap;justify-content:center;display:flex}
.div-block-31{max-width:650px}
.image-17{margin-left:40px;margin-right:40px}
.container_33{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;display:flex}
.div-block-32{flex-direction:column;align-self:center;align-items:flex-start;display:flex}
.container_34{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;max-width:1069px;margin-top:83px;margin-left:auto;margin-right:auto;padding-right:32px;display:flex}
.container_35{margin-bottom:23px}
.link-3{color:#ee731f;text-decoration:underline}
.container_43{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-right:0;padding-right:32px;display:flex}
.lightbox-link{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}
.image-20{width:100%}
.div_expander{cursor:pointer;border:1px solid #0000001a;border-radius:50px;flex-direction:column;justify-content:center;align-items:center;width:33px;height:33px;margin-left:auto;display:flex}
.expander{color:#ee731f;flex:none;font-family:Bitter,sans-serif;font-size:17.78px;font-weight:700;line-height:100%}
.div-block-36{align-items:flex-end;min-height:80px;display:flex}
.portfolio-item__title-copy{margin-bottom:0}
.portfolio-item__text_white{color:#fff;white-space:break-spaces;margin-bottom:0}
.image-24{border-radius:500px;transition:all .3s;position:absolute}
.image-24:hover{transform:scale(1.05);box-shadow:1px 1px 60px #1b1b1b}
.portfolio__body-top-copy{justify-content:space-between;max-width:1076px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;display:flex}
.container_unternehmen_image{margin-bottom:5%}
.container_45{border-top:1px solid #0000001a;flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:1170px;margin-left:auto;margin-right:auto;padding-top:72px;display:flex}
.projects__line-2{background-color:#0000001a;width:100%;height:1px;margin-left:auto;margin-right:auto;position:static;bottom:0;left:50%}
.sub-title-white{letter-spacing:.2em;text-transform:uppercase;font-size:12.75px;font-weight:700}
.h2_white{color:var(--white)}
.h2_white.mobile_portrait{display:none}
.contact_bitter_para{margin-top:30px;margin-bottom:10px;font-family:Bitter,sans-serif;font-weight:700}
.white_text{color:var(--white)}
.footer__nav-menu_list-link-2{color:#343c47e6;letter-spacing:-.19px;margin-top:13px;line-height:150%;text-decoration:none;transition:all .3s;display:inline-block}
.footer__nav-menu_list-link-2:hover{opacity:1;color:#ee731f}
.footer__nav-menu_list-link-2.footer__nav-menu_list-link-lh26{line-height:26px}
.footer__nav-menu_list-link-2.footer__nav-menu_list-link--mt0{margin-top:0}
.footer__nav-menu_list-link-2.footer__nav-menu_list-link--mt0.footer__nav-menu_list-link-lh26{line-height:26px}
.footer__nav-2{border-top:1px solid #0000001a;border-bottom:1px solid #0000001a;justify-content:flex-start;align-items:flex-start;padding-top:52px;padding-bottom:70px;display:flex}
.footer__nav-logo-2{width:145px;height:60px;margin-bottom:39px}
.footer__nav-social-2{justify-content:center;align-items:center;min-width:120px;max-width:120px;margin-left:auto;margin-right:auto;display:flex}
.footer__nav-social_item-2{border-radius:100%;width:30px;height:30px}
.footer__nav-menu_list-title-2{letter-spacing:-.2px;margin-bottom:1.5rem;font-family:Bitter,sans-serif;font-size:20px;font-weight:700;line-height:40px}
.image-27{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:all .4s}
.footer__copyng-2{text-align:center;padding-top:1rem;position:static}
.section-title-page__title-2{z-index:1;color:#fff;text-align:center;margin-top:0;margin-bottom:0;position:relative}
.paragraph-3{margin-bottom:5px}
.heading-10{margin-top:0}
.heading-11{margin-right:60px}
.paragraph-4,.paragraph-5{margin-bottom:0}
.protfolio__box-img_detail{justify-content:flex-start;align-items:center;width:78px;height:79px;margin-bottom:30px;display:flex}
.image_referenz{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:all .4s}
.visit_logo_container{min-width:187px}
.container_partner-image_icon{border:1px solid #d3d3d3;justify-content:center;align-items:center;width:380px;height:180px;margin:20px;padding:30px 40px}
.container_partner_image{flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}
.image-28{object-fit:contain;width:300px;height:120px}
.portfolio_image{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:all .4s}
.div-block-37{flex-wrap:wrap;justify-content:center;align-items:center;width:300px;margin-right:25px;display:flex}
.container_service1{align-self:center;max-width:622px;margin-right:40px}
.references_slider_container{background-color:#f7f7fa;width:100%;max-width:1400px;height:auto;margin:80px auto;display:flex}
.contact_cta{z-index:10000;border:0px solid var(--white);text-align:right;text-transform:none;background-color:#d52717;background-image:url(/assets/img/meeting-icon.png);background-position:10px 49%;background-repeat:no-repeat;background-size:auto 20px;border-radius:4px;width:210px;font-family:Bitter,sans-serif;font-size:16px;font-weight:700;line-height:33px;display:none;position:fixed;inset:auto 10px 10px auto;box-shadow:1px 1px 10px #343c478f}
.container_main_header_contactbutton{margin-top:40px}
.main_header_contact_button{background-color:#d52717;font-family:Bitter,sans-serif;font-size:16px;font-weight:700;line-height:33px;box-shadow:1px 1px 10px #343c4782}
.main_header_contact_button:hover{box-shadow:1px 1px 20px #343c4782}
.h1_withimage{color:#fff}
.h1_withimage._200_size{letter-spacing:0;font-size:145px;line-height:90%;display:inline}
.section-b{padding-top:88px;padding-bottom:88px}
.section-b.section__portfolio{padding-top:100px;padding-left:5%;padding-right:5%;position:relative}
.container{width:100%;max-width:1160px;position:relative}
.container.container-mobile-infografik{display:none}
.container.container-small{max-width:760px}
.container.card-container{margin-top:50px}
.container.container-meeting{max-width:1340px}
.hero-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0%}
.hero{max-width:740px;color:var(--white)}
.hero-overlay{background-color:#343c478c;position:absolute;inset:0%}
.hero-headline{color:var(--white);margin-top:0;margin-bottom:14px;font-size:36px}
.hero-paragraph{margin-bottom:40px;font-size:20px;line-height:1.3}
.hero-button-set{grid-column-gap:55px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:auto auto;grid-auto-columns:1fr;grid-auto-flow:row;justify-content:start;place-items:center start;display:grid}
.row{grid-column-gap:40px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}
.row.row-5-7{grid-template-columns:5fr 7fr}
.row.row-3-3-3{grid-template-columns:1fr 1fr 1fr}
.row.row-5-1-6{grid-template-columns:5fr 1fr 6fr}
.row.row-viconnect-contact{grid-column-gap:80px;grid-row-gap:80px;grid-template-columns:5fr 7fr;align-items:center;display:block}
.viconnect-intro-text{color:var(--font);flex-direction:column;justify-content:center;align-items:stretch;padding-left:60px;font-size:18px;line-height:26px;display:flex}
.intro-button-wrap{justify-content:center;margin-top:40px;display:flex}
.quote{color:var(--white);align-items:center;font-size:18px;line-height:26px;display:flex;position:relative}
.quote-avatar{object-fit:cover;border-radius:50%;width:244px;height:244px;margin-right:30px}
.quote-name{font-size:24px;font-weight:700;line-height:30px}
.quote-bubble-wrap{padding-left:244px;position:absolute;inset:auto 0% 216px}
.quote-bubble{z-index:101;background-color:var(--white);color:var(--font);padding:30px 20px;position:relative}
.quote-bubble.know-how-bubble{border:3px solid #303149;padding-left:30px;padding-right:30px}
.quote-paragaph{text-align:center;margin-bottom:0;font-size:24px;font-style:italic;font-weight:400;line-height:34px}
.quote-rectangle{border-bottom:66px solid #0000;border-left:228px solid var(--white);width:228px;height:66px;position:absolute;bottom:-50px;left:60px}
.headline{text-align:center;margin-bottom:40px;font-size:18px;line-height:26px}
.headline.center{text-align:center}
.section-headline{margin-bottom:32px;font-size:30px}
.section-headline.light{color:var(--white)}
.vorteil{text-align:center;font-size:18px;line-height:26px}
.vorteil-image{object-fit:contain;width:100%;height:200px}
.vorteil-image.verkaufskanal{padding-top:33px;padding-bottom:5px}
.vorteil-headline{letter-spacing:0;margin-bottom:30px;font-family:Sourcesanspro,sans-serif;font-size:24px;line-height:32px}
.vorteil-paragraph{margin-bottom:0}
.button-center{justify-content:center;display:flex}
.phone-button{background-color:var(--red);border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;display:flex}
.bold-paragraph-text{color:var(--white);text-align:center;margin-bottom:30px;font-size:24px;font-weight:700;line-height:34px}
.leistungen{width:100%;max-width:654px;margin-left:auto;margin-right:auto}
.list.bullet-list{margin-top:20px}
.list.top-margin-30{margin-top:30px}
.list-item{margin-bottom:30px;padding-top:6px;padding-bottom:6px;padding-left:38px;font-size:18px;line-height:26px;position:relative}
.list-item.with-line{margin-bottom:11px;padding-top:4px;padding-bottom:4px;padding-left:12px;list-style-type:none;box-shadow:inset 2px 0 #ff9800}
.list-item.orange-line{border-left:2px solid var(--sekundär-gelb);padding-top:0;padding-bottom:0;padding-left:16px}
.list-lead{background-color:#ff9800;background-image:linear-gradient(to right,var(--orange),#ffc107);width:8px;position:absolute;inset:0% auto 0% 0%}
.quote-wrap{margin-top:-200px;margin-bottom:100px}
.parallax-wrapper{position:absolute;inset:0%;overflow:hidden}
.tech{flex:none;align-items:center;margin-top:32px;display:flex}
.tech-item{border:1px solid var(--font);flex:none;justify-content:center;align-items:center;width:360px;height:230px;margin-left:20px;margin-right:20px;display:flex;position:relative}
.tech-wrapper{display:flex;overflow:hidden}
.infografik{grid-column-gap:20px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:1fr 440px 1fr;grid-auto-columns:1fr;width:100%;max-width:1275px;margin-top:60px;margin-left:auto;margin-right:auto;display:grid}
.prozess-step{color:var(--font);background-color:#c2cae8;padding:20px;line-height:24px}
.prozess-step-headline{margin-top:0;font-family:Sourcesanspro,sans-serif;font-size:24px}
.prozess-step-paragraph{margin-bottom:0;font-size:14px;line-height:18px}
.prozess-step-paragraph.with-margin{margin-bottom:8px}
.prozess-col{position:relative}
.prozess-second{align-items:center;height:390px;margin-top:78px;display:flex}
.prozess-third{align-items:center;height:390px;display:flex;position:absolute;top:350px;left:0;right:0}
.prozess-fifth{align-items:center;height:390px;display:flex;position:absolute;top:675px;left:0;right:0}
.prozess-fourth{align-items:center;height:390px;display:flex;position:absolute;top:565px;left:0;right:0}
.prozess-sixth{align-items:center;height:390px;display:flex;position:absolute;top:984px;left:0;right:0}
.prozess-img-col{height:1462px;position:relative}
.prozess-seventh{align-items:center;height:390px;display:flex;position:absolute;bottom:0;left:0;right:0}
.small-bullet-list{margin-bottom:0;padding-left:20px}
.small-bullet-item{border-left:2px solid var(--orange);margin-bottom:8px;padding-left:10px;font-size:14px;line-height:20px}
.prozess-cogwheel{position:absolute;inset:136px 57px auto auto}
.particle-1{position:absolute;top:0;bottom:auto;left:12px}
.particle-2{position:absolute;top:7px;bottom:auto;left:59px}
.particle-3{position:absolute;top:46px;bottom:auto;left:37px}
.particle-4{position:absolute;top:199px;bottom:auto;left:328px}
.particle-5{position:absolute;top:303px;bottom:auto;left:73px}
.particle-6{position:absolute;top:352px;bottom:auto;left:47px}
.particle-7{position:absolute;top:328px;bottom:auto;left:147px}
.particle-8{position:absolute;top:301px;bottom:auto;left:186px}
.particle-9{position:absolute;top:452px;bottom:auto;left:113px}
.particle-10{position:absolute;top:555px;bottom:auto;left:94px}
.particle-11{position:absolute;top:618px;bottom:auto;left:239px}
.particle-12{position:absolute;top:650px;bottom:auto;left:354px}
.particle-13{position:absolute;top:678px;bottom:auto;left:388px}
.particle-14{position:absolute;top:682px;bottom:auto;left:152px}
.particle-15{position:absolute;top:729px;bottom:auto;left:157px}
.particle-16{position:absolute;top:750px;bottom:auto;left:95px}
.particle-17{position:absolute;top:1059px;bottom:auto;left:169px}
.particle-18{position:absolute;top:1103px;bottom:auto;left:254px}
.cogwheel-2{position:absolute;top:998px;bottom:auto;left:81px}
.cogwheel-3{position:absolute;top:1070px;bottom:auto;left:44px}
.tech-logo{object-fit:contain;width:100%;height:100%;padding:50px;position:absolute;inset:0%}
.small-h2{margin-bottom:60px;font-size:30px}
.board{text-align:center;background-color:#fff;height:100%;margin-bottom:20px;padding:20px;box-shadow:0 3px 5px #0000004d}
.board-heading{border-bottom:1px solid var(--orange);text-align:center;height:70px;margin-top:10px;margin-bottom:12px;padding-bottom:40px;font-family:Sourcesanspro,sans-serif;font-size:24px}
.tabs{display:flex}
.tabs.tabs-anwendungsentwicklung{margin-top:60px}
.tabs-menu{flex-direction:column;width:33.3333%;display:flex}
.tabs-content{background-color:var(--font);flex:1}
.tab-link{border:5px solid var(--white);background-color:var(--font);color:var(--white);text-align:center;padding:32px 12px;font-weight:700}
.tab-link:is(.is-active,[aria-current=page]){border-color:var(--sekundär-gelb);background-color:#4a4a4a}
.tab-panel-content{min-height:540px;color:var(--white);align-items:stretch;padding:40px 50px;display:flex}
.tab-panel-image{object-fit:contain;flex:none;width:40%;margin-right:30px}
.illustration{width:100%;margin-top:200px;margin-bottom:100px;padding-top:64.8%;position:relative}
.illustration-screen{position:absolute;inset:0%}
.illustration-ground{width:68.6%;position:absolute;top:8.24%;left:17.8%}
.illustration-things{width:21.52%;position:absolute;left:13%}
.illustration-fullfilment{width:21.52%;position:absolute;top:33%}
.illustration-user{width:15.9%;position:absolute;top:5%;right:0%}
.illustration-app{width:17.4%;position:absolute;bottom:9%;right:0%}
.illustration-energy{width:21.53%;position:absolute;bottom:0;left:12%}
.illustration-plattform-layer{width:15.78%;position:absolute;top:11%;left:52%}
.illustration-edge-gateway{width:9%;position:absolute;top:23%;left:33%}
.illustration-edge-comp{width:9%;position:absolute;top:67%;left:33%}
.illustration-edge{width:9%;position:absolute;top:46%;left:24%}
.illustration-info{border-right:3px solid var(--black);text-align:right;width:290px;height:156px;padding-top:10px;padding-right:10px;font-size:12px;line-height:18px;position:absolute;top:-161px;right:27%}
.illustration-info.first-gateway{border-left:3px solid var(--black);text-align:left;border-right-style:none;height:260px;padding-left:10px;padding-right:0;top:-270px;left:50%;right:auto}
.illustration-info.plattform{border-left:3px solid var(--black);text-align:left;border-right-style:none;height:250px;padding-left:10px;padding-right:0;top:-230px;left:93%;right:auto}
.illustration-info.edge-gateway{border-left:3px solid var(--black);text-align:left;border-right-style:none;height:143px;padding:20px 0 10px 10px;inset:auto auto -153px 50%}
.illustration-info.applikationen{border-left:3px none var(--black);text-align:right;border-right-style:solid;height:171px;padding-top:30px;padding-bottom:10px;top:auto;bottom:-160px;right:20%}
.illustration-box-head{margin-bottom:4px;font-size:16px;font-weight:700;line-height:20px}
.flow{justify-content:space-between;align-items:flex-start;max-width:940px;height:280px;margin:200px auto;display:flex;position:relative;left:-40px}
.flow.light{left:-80px}
.flow-item{justify-content:center;align-items:center;display:flex;position:relative}
.flow-item.alternate{align-self:flex-end}
.flow-img-wrap{background-color:var(--white);width:112px;height:112px;color:var(--sekundär-gelb);border-radius:50%;justify-content:center;align-items:center;padding:20px;font-family:Bitter,sans-serif;font-size:48px;font-weight:700;line-height:48px;display:flex;position:relative;box-shadow:0 6px 12px #0000006e}
.flow-img-wrap._3.anwendungsentwicklung{box-shadow:none;background-color:#0000;padding:0}
.flow-line{transform-origin:0%;background-image:linear-gradient(90deg,#d3daed,#99a7d8);width:240px;height:6px;position:absolute;left:50%;transform:rotate(45deg)}
.flow-line.alternate{transform:rotate(-45deg)}
.flow-text{text-align:left;border-left:3px solid #fff;width:240px;max-width:310px;height:112px;padding-left:10px;font-size:12px;line-height:18px;position:absolute;top:-124%;left:50%}
.flow-text.first-gateway{border-left:3px solid var(--black);text-align:left;border-right-style:none;padding-bottom:116%;padding-left:10px;padding-right:0;top:-370%;left:50%;right:auto}
.flow-text.plattform{border-left:3px solid var(--black);text-align:left;border-right-style:none;padding-bottom:50%;padding-left:10px;padding-right:0;top:-124%;left:93%;right:auto}
.flow-text.edge-gateway{border-left:3px solid var(--black);text-align:left;border-right-style:none;padding:10% 0 10px 10px;inset:auto auto -199% 50%}
.flow-text.applikationen{border-left:3px none var(--black);text-align:right;border-right-style:solid;padding-top:10%;padding-bottom:10px;top:auto;bottom:-84%;right:20%}
.flow-text.bottom{flex-direction:column;justify-content:flex-end;display:flex;top:auto;bottom:-124%}
.flow-text.light{border-left-color:var(--font)}
.button-wrap{justify-content:center;margin-top:50px;display:flex}
.board-slider{background-color:#0000;height:auto}
.board-slide{flex:none;align-self:stretch;width:33.3333%;height:auto;margin-bottom:40px;padding-left:20px;padding-right:20px}
.board-slider-mask{flex-flow:wrap;justify-content:flex-start;align-items:stretch;height:auto;margin-left:-20px;margin-right:-20px;display:flex}
.dash-arrow{width:180px;position:absolute;top:-121px;left:22px;transform:rotate(45deg)}
.dash-arrow.second{top:-30px;left:40px;transform:rotate(-135deg)}
.hero-img-overlay{background-color:#343c478c;position:absolute;inset:0%}
.flow-image{object-fit:contain;width:100%;height:100%;display:block}
.navbar{background-color:var(--white);width:100%;height:116px;padding-left:60px;padding-right:60px;position:relative;top:0}
.navbar-logo{width:138px}
.navbar-inner-wrapper{justify-content:space-between;align-items:center;max-width:1160px;height:100%;margin-left:auto;margin-right:auto;display:flex}
.nav-menu-wrapper{align-items:center;height:100%;display:flex}
.dropdown-wrapper{justify-content:center;align-items:center;height:100%;margin-left:5px;margin-right:5px;display:flex;position:relative}
.dropdown-wrapper:hover{z-index:1}
.dropdown-toggle{border-bottom:3px solid #f59d2400;padding:6px 8px 3px;position:relative}
.dropdown-label{color:var(--font);text-transform:uppercase;font-size:20px;font-weight:700}
.dropdown-menu{background-color:var(--font);transform-origin:50% 0;padding:60px 60px 40px;display:none;position:fixed;top:116px;left:0;right:0}
.dropdown-menu-container{opacity:0;max-width:1160px;margin-left:auto;margin-right:auto}
.menu-wrapper{flex-wrap:wrap;margin-left:-10px;margin-right:-10px;display:flex}
.menu-4-col{flex:1;width:33.3333%;padding-left:10px;padding-right:10px}
.menu-6-col{width:50%;padding-left:10px;padding-right:10px}
.primary-menu-item{width:100%;height:90px;color:var(--white);margin-bottom:20px;text-decoration:none;display:block;position:relative;box-shadow:0 1px 5px #0000000d}
.menu-background{object-fit:cover;width:100%;height:100%;margin-bottom:0;display:block;position:absolute;inset:0%}
.primary-menu-label{text-shadow:0 0 4px #00000080;background-image:linear-gradient(#ffffff54,#4a4a4a54);justify-content:flex-start;align-items:flex-end;width:100%;height:100%;padding-bottom:10px;padding-left:20px;font-size:24px;font-weight:700;transition:padding .2s,background-color .2s;display:flex;position:absolute}
.primary-menu-label:hover{background-color:#4a4a4aa6;padding-bottom:16px}
.secondary-menu-item{background-color:var(--white);width:100%;height:45px;color:var(--white);align-items:center;margin-bottom:20px;padding-left:10px;padding-right:10px;text-decoration:none;transition:box-shadow .3s;display:flex;position:relative;box-shadow:0 1px 5px #0000000d}
.secondary-menu-item:hover{box-shadow:inset 0 -8px 0 -4px var(--sekundär-gelb),0 1px 5px 0 #0000000d}
.secondary-menu-label{color:var(--font);justify-content:flex-start;align-items:flex-end;font-size:24px;font-weight:700;display:flex}
.secondary-menu-icon{width:30px;height:30px;margin-right:10px}
.main-nav-link{color:var(--font);text-transform:uppercase;border-bottom:3px solid #f59d2400;margin-left:5px;margin-right:5px;padding:6px 8px 3px;font-size:20px;font-weight:700}
.main-nav-link:hover{border-bottom-color:var(--sekundär-gelb)}
.main-nav-link:is(.is-active,[aria-current=page]){border-bottom-color:var(--sekundär-gelb);color:var(--font)}
.navbar-button-wrap{margin-left:20px}
.nav-menu-inner{align-items:center;height:100%;display:flex}
.nav-back-link{display:none}
.navbar-symbol-wrap{z-index:2147483647;position:sticky;top:0}
.industry{grid-column-gap:40px;grid-row-gap:0px;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;grid-auto-flow:column;margin-top:60px;margin-bottom:80px;display:grid}
.industry-item{justify-content:center;align-items:center;width:100%;padding-top:100%;display:flex;position:relative;box-shadow:2px 2px 5px #0000004d}
.industry-icon{width:64%;height:64%;margin-bottom:12px}
.industry-inner{color:var(--font);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;font-size:20px;font-weight:700;display:flex;position:absolute;inset:0%}
.link{color:var(--sekundär-blau);text-decoration:underline}
.text-headline{font-size:20px}
.alm-process{width:100%;max-width:678px;margin:40px auto;display:block}
.techstack{justify-content:center;margin:40px -20px;display:flex}
.techstack-item{border:1px solid var(--font);justify-content:center;width:100%;max-width:260px;height:166px;margin-left:20px;margin-right:20px;padding-top:20px;padding-left:30px;padding-right:30px;display:flex;position:relative}
.techstack-text{color:#d1d1d1;text-align:center;font-size:24px;position:absolute;bottom:10px;left:0;right:0}
.techstack-logo{object-fit:contain;width:50%;height:70%}
.techstack-logo.windows{opacity:.2;filter:saturate(0%)}
.tablink18{border:5px solid var(--white);background-color:var(--font);color:var(--white);text-align:center;padding:32px 12px;font-size:18px;font-weight:700}
.tablink18:is(.is-active,[aria-current=page]){border-color:var(--sekundär-gelb);background-color:#4a4a4a}
.container__plattform{width:100%;margin-bottom:71px;margin-left:auto;margin-right:auto}
.section_consulting{padding:0 5%}
.section_consulting._1{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:85px;padding-left:5%;padding-right:5%;display:flex;position:relative}
.section_consulting._2{padding:95px 5%;position:relative}
.section_consulting._3{z-index:0;background-image:url(/assets/img/bg-2x.png);background-position:50%;background-size:cover;padding-top:125px;padding-bottom:125px;position:relative}
.section_consulting._4{padding-bottom:126px}
.section_consulting._5{background-color:#d52717;padding-top:60px;padding-bottom:90px}
.section_consulting._6{background-color:#efeef4;padding-top:88px;padding-bottom:88px;position:relative}
.section_consulting._7{text-align:center;background-image:url(/assets/img/layer-298-2x2.png);background-position:100%;background-repeat:no-repeat;background-size:cover;padding-top:108px;padding-bottom:108px;position:relative}
.section_consulting._8{padding-top:108px;padding-bottom:148px;position:relative}
.section_consulting._9{flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:700px;margin-top:-87px;display:flex}
.section_consulting._10{border-top:1px solid #0000001a;padding-top:90px;padding-bottom:118px}
.section_consulting._11{background-image:url(/assets/img/shape-2-copy.png);background-position:50% 0;background-size:cover;padding:200px 0% 192px;position:relative}
.section_consulting._12{background-color:#efeef4;padding-top:94px;padding-bottom:141px;position:relative}
.section_consulting._13{padding-bottom:125px}
.referenzen-board{flex-wrap:wrap;justify-content:center;margin-left:-20px;margin-right:-20px;display:flex}
.referenzen-item{border:1px solid var(--font);flex-wrap:nowrap;justify-content:center;width:260px;max-width:260px;height:166px;margin-bottom:40px;margin-left:20px;margin-right:20px;padding-top:20px;padding-left:30px;padding-right:30px;display:flex;position:relative}
.referenezen-item-text{color:#d1d1d1;text-align:center;font-size:24px;position:absolute;bottom:10px;left:0;right:0}
.referenezen-item-logo{object-fit:contain;width:100%;height:68%;margin-top:2px}
.referenezen-item-logo.windows{opacity:.2;filter:saturate(0%)}
.referenezen-item-logo-test{object-fit:contain;width:100%;height:68%;margin-top:2px}
.referenezen-item-logo-test.windows{opacity:.2;filter:saturate(0%)}
.rich-text-block{margin:100px}
@media screen and (min-width:1280px){
.section.section__portfolio{padding-left:5%}
.protfolio__box{background-color:#efeff5}
.portfolio__collection-list{flex-direction:row;justify-content:flex-start;max-width:none}
.section-title-page.section-title-page--portfolio-bg{height:auto;padding-top:91px;padding-bottom:112px}
.section-title-page__title.section-title-page__title--black{line-height:60px}
.portfolio-page__cart-img_inner{height:15rem}
.portfolio-item__box1{width:97%}
.portfolio-item__title{line-height:44px}
.portfolio-item-line{max-width:1008px}
.section_a._8{flex-direction:column;align-items:center;padding-top:108px;padding-bottom:148px}
.section_a._10{border-top:1px solid #0000001a}
.section_a._11{background-position:50% 0;background-repeat:no-repeat;background-size:cover}
.container_4{margin-top:90px}
.bg_-f2f1f6{background-position:50% 0;background-size:contain}
.par_19{line-height:28px}
.container_1168{padding-left:0;padding-right:0}
.h_1{color:#fff}
.h_1._200_size{letter-spacing:3px;font-size:200px}
.container_24{color:#fff;text-align:center}
.container_29{align-items:flex-start;display:flex}
.h_3{margin-bottom:0;font-size:30px}
.container_26._2{margin-bottom:35px}
.container_25{text-align:center;max-width:790px;margin-bottom:115px;margin-left:auto;margin-right:auto}
.container_27{max-width:579px;margin-top:18px}
.par_37{font-size:37px;line-height:130%}
.div-block-17{text-align:center}
.max_w_7{max-width:770px;margin-top:25px}
.container_1170{max-width:1200px}
.container_38{align-items:stretch}
.container_39{width:30%}
.image-8{margin-left:auto;margin-right:auto}
.container_1009{flex-direction:column;align-items:center;display:flex}
.card_white{padding-left:43px;padding-right:43px}
.card{padding-left:30px;padding-right:30px}
.collection-list-wrapper-5{max-width:340px}
.portfolio-item__text_white{font-family:Sourcesanspro,sans-serif}
.h1_withimage{color:#fff}
.h1_withimage._200_size{font-size:180px}
.section-b.section__portfolio{padding-left:5%}
.section_consulting._8{flex-direction:column;align-items:center;padding-top:108px;padding-bottom:148px}
.section_consulting._10{border-top:1px solid #0000001a}
.section_consulting._11{background-position:50% 0;background-repeat:no-repeat;background-size:cover}
}
@media screen and (min-width:1440px){
.portfolio__block.page-hero{width:1380px}
.h1_withimage._200_size{font-size:200px}
}
@media screen and (min-width:1920px){
.tech-item{width:460px;height:280px}
}
@media screen and (max-width:991px){
.section{padding-left:30px;padding-right:30px}
.section.section-hero{height:auto;padding-top:200px}
.section.section-app-intro,.section.section-vorteile,.section.section-steps{padding-top:80px;padding-bottom:80px}
.section.section-rakete{padding-top:80px;padding-bottom:120px}
.section.section-tech,.section.section-industrie-intro,.section.section-nutzung,.section.section-infografik{padding-top:80px;padding-bottom:80px}
.section.section-desktop-vs-web{padding-top:0}
.title-second{font-size:45px;line-height:100%}
.portfolio__block.page-hero{flex-direction:row;align-items:center;width:690px;display:flex}
.protfolio__box{width:325px;margin-left:10px;margin-right:10px;display:inline-block}
.portfolio__collection-list{flex-flow:wrap;align-items:flex-start;max-width:none;display:flex}
.btn:is(.is-active,[aria-current=page]){font-size:1rem;line-height:150%}
.footer__nav-menu{width:90%}
.footer__nav-column1{margin-bottom:40px;margin-right:0}
.section-title-page__title{font-size:3.125em}
.section-title-page__title.section-title-page__title--black{font-size:45px}
.portfolio-page__block{flex-direction:column}
.portfolio-page__cart-img_inner{display:none}
.portfolio-page__cart_content{padding:2.5rem}
.portfolio-page__cart_title{font-size:25px;line-height:120%}
.portfoli-page__collection-item{width:65%;margin-left:auto;margin-right:auto}
.project-page__box{max-height:460px}
.project-page__box-content{padding:40px}
.project-page__box-btn_wrp{margin-top:15px}
.about-me__section{padding-bottom:60px}
.container_1,.max_w{max-width:none}
.section_a._4{padding-bottom:60px}
.section_a._8{padding-bottom:100px}
.section_a._9{min-height:600px}
.section_a._10{padding-bottom:20px}
.section_a._11{background-position:50%}
.bg_-f2f1f6{height:560px}
.about-me__section-copy{padding-bottom:60px}
.about-me__section-copy._1{margin-bottom:0}
.container_1168{align-items:flex-end;padding-top:60px;padding-left:15px;padding-right:15px}
.container_15{order:1;width:50%;margin-right:0}
.container_16{margin-top:16px;margin-left:0}
.container_19{border-style:none;flex-direction:column;align-items:flex-start;padding-left:0;padding-right:0}
.container_20{margin-top:10px;margin-left:0}
.div-block-4{width:45%;margin-right:auto}
.div-block-6{max-width:380px}
.container_46{margin-left:60px}
.h_1._200_size{font-size:120px}
.container_29{flex-direction:column;margin-bottom:60px}
.container_29._2{align-items:flex-start}
.container_service2{align-self:auto;max-width:none;margin-left:0}
.container_25{margin-bottom:64px}
.container_28{max-width:none}
.container_906{padding-left:15px;padding-right:15px}
.container_31{margin-right:60px}
.container_38{justify-content:space-between}
.container_37{max-width:400px}
.image-8{margin-left:30px}
.div-block-23{margin-left:15px;margin-right:15px}
.card_white:hover{color:#343c47}
.collection-item-3{margin-bottom:15px}
.consulting_left{margin-right:15px}
.collection-item-4{margin-bottom:15px}
.image-13{display:none}
.image-15{order:1;margin-top:61px;display:none}
.div-block-31{max-width:47vw}
.image-17{margin-left:40px;margin-right:40px}
.container_34{justify-content:flex-start;align-items:flex-start}
.container_43{flex-direction:column;padding-right:0}
.image-22{display:none}
.portfolio-item__text_white{font-size:1rem}
.image-24{width:12%}
.footer__nav-menu_list-link-2{line-height:140%}
.footer__nav-2{flex-direction:column;align-items:center}
.footer__nav-menu_list-title-2{font-size:1em}
.section-title-page__title-2{font-size:3.125em}
.div-block-37{flex-direction:column;align-items:flex-start}
.container_service1{align-self:flex-start;max-width:none}
.references_slider_container{width:100%;min-width:0}
.h1_withimage._200_size{font-size:120px}
.container.container-mobile-infografik{display:block}
.row.row-viconnect-contact{grid-template-columns:1fr}
.quote{flex-direction:column}
.quote-avatar{margin-bottom:20px;margin-right:0}
.quote-bubble-wrap{order:-1;margin-bottom:60px;padding-left:0;position:relative;bottom:auto;left:auto;right:auto}
.quote-rectangle{border-right:120px solid var(--white);border-bottom-width:50px;border-left-width:0;width:120px;height:50px;bottom:-42px}
.infografik{display:none}
.quote-author{text-align:center;order:1;width:100%}
.infografik-mobile{position:relative}
.infografik-block{z-index:1;grid-column-gap:30px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:120px 1fr;grid-auto-columns:1fr;align-items:center;margin-bottom:30px;padding-bottom:0;padding-right:0;display:grid;position:relative}
.infografik-step-icon{flex-direction:column;justify-content:center;align-items:center;height:100%;padding-bottom:20px;display:flex;position:relative}
.infografik-step-icon.first{padding-bottom:0}
.infografik-step-icon-img{background-color:var(--white);object-fit:contain;width:120px;height:120px;padding-top:20px;padding-bottom:20px;position:relative}
.infografik-arrow-tip{border-top:20px solid #c2cae8;border-right:10px solid var(--white);border-left:10px solid var(--white);flex:none;width:20px;height:20px;padding:0}
.infografik-line{background-color:#c2cae8;width:2px;padding:0;position:absolute;top:0;bottom:0;left:59px}
.infografik-top-block{background-color:var(--white);width:100%;height:50%;padding:0;position:absolute;top:0}
.infografik-bottom-block{background-color:var(--white);width:100%;height:50%;padding:0;position:absolute;bottom:0}
.tabs{flex-direction:column}
.tabs-menu{width:100%}
.tabs-content{margin-top:6px}
.tab-link{border-left-style:none;border-right-style:none;padding:24px 0}
.tab-link:is(.is-active,[aria-current=page]){border-left-style:solid;border-right-style:solid}
.illustration{margin-top:140px;margin-bottom:0}
.illustration-info{border-left:2px solid var(--font);text-align:left;border-right-style:none;border-right-width:2px;width:160px;height:86px;padding-left:10px;padding-right:0;top:-98px;left:58%;right:auto}
.illustration-info.first-gateway{border-left-width:2px;height:110px;top:-121px}
.illustration-info.plattform{border-left-width:2px;height:110px;top:-114px;left:87%}
.illustration-info.edge-gateway{border-left-width:2px;height:60px;bottom:-70px}
.illustration-info.applikationen{height:auto;padding-top:10px;padding-left:0;padding-right:10px;bottom:-54px;left:auto;right:48%}
.illustration-box-head{font-size:12px}
.flow{flex-direction:column;align-items:center;width:100%;max-width:none;height:auto;margin-top:40px;margin-bottom:40px;padding-left:0;padding-right:0;left:auto}
.flow.light{left:0}
.flow-item{align-self:center;margin-bottom:50px;margin-left:160px}
.flow-item.alternate{align-self:center;margin-left:0;margin-right:160px}
.flow-line.alternate._2,.flow-line.alternate._4{transform:rotate(45deg)}
.flow-line._1,.flow-line._3,.flow-line._5{transform:rotate(135deg)}
.flow-text{border:1px #000;flex-direction:column;justify-content:center;width:200px;max-width:260px;padding-left:0;display:flex;top:0%;left:-320px}
.flow-text.bottom{justify-content:center;padding-left:0;bottom:0%;left:auto;right:-320px}
.flow-text.top{border:1px #000}
.board-slide{width:50%}
.illustration-box-text{display:none}
.navbar{height:94px;padding-left:30px;padding-right:30px;position:static}
.navbar-logo{width:103px}
.nav-menu-wrapper{color:var(--white);background-color:#0000;padding-top:96px;position:fixed;inset:0 0% 0%}
.dropdown-wrapper{justify-content:flex-start;width:100%;height:auto;margin-left:0;margin-right:0}
.dropdown-toggle{text-align:left;background-image:url(/assets/img/arrow-slider-next.png);background-position:100%;background-repeat:no-repeat;background-size:10px;border-bottom-style:none;width:100%;padding:15px 0}
.dropdown-label{color:var(--white)}
.dropdown-menu{transform-origin:0%;background-color:#444;padding-top:12px;padding-left:30px;padding-right:30px;display:block;top:96px;bottom:0;transform:translate(100%)}
.dropdown-menu-container{opacity:1}
.menu-wrapper{margin-left:0;margin-right:0}
.menu-4-col{flex:0 auto;width:100%;padding-left:0;padding-right:0}
.menu-6-col{width:100%;padding-left:0;padding-right:0}
.primary-menu-item{height:auto;box-shadow:none;margin-bottom:10px}
.menu-background{display:none}
.primary-menu-label{text-shadow:none;background-image:none;padding-top:10px;padding-bottom:10px;padding-left:0;position:relative}
.primary-menu-label:hover{background-color:#0000;padding-bottom:10px}
.secondary-menu-item{height:auto;box-shadow:none;background-color:#0000;margin-bottom:10px;padding:10px 0}
.secondary-menu-item:hover{box-shadow:0 1px 5px #0000000d}
.secondary-menu-label{color:var(--white);font-family:Source Sans Pro,sans-serif;font-weight:300}
.secondary-menu-icon{display:none}
.main-nav-link{width:100%;color:var(--white);border-bottom-style:none;margin-left:0;margin-right:0;padding:15px 0}
.navbar-button-wrap{z-index:1000;flex-direction:column;margin-left:0;display:flex;position:absolute;inset:auto 0% 0%}
.hamburger-icon{flex-direction:column;justify-content:space-between;width:30px;height:21px;padding:0;display:flex}
.hamburger-top,.hamburger-center,.hamburger-bottom{background-color:var(--font);width:100%;height:3px;padding:0}
.menu-button{z-index:999;justify-content:center;align-items:center;margin-right:-9px;padding:13px 9px;display:flex}
.nav-menu-inner{background-color:var(--font);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:60px;padding-left:30px;padding-right:30px}
.nav-back-link{color:#fff6;align-items:center;height:40px;margin-bottom:12px;font-size:18px;display:flex}
.navbar-symbol-wrap{position:sticky;top:0}
.industry{grid-row-gap:40px;grid-template-columns:1fr 1fr 1fr;grid-auto-flow:row}
.techstack-item{width:20%;margin-left:10px;margin-right:10px}
.tablink18{border-left-style:none;border-right-style:none;padding:24px 0}
.tablink18:is(.is-active,[aria-current=page]){border-left-style:solid;border-right-style:solid}
.section_consulting._4{padding-bottom:60px}
.section_consulting._8{padding-bottom:100px}
.section_consulting._9{min-height:600px}
.section_consulting._10{padding-bottom:20px}
.section_consulting._11{background-position:50%}
.referenzen-item{margin-bottom:20px;margin-left:10px;margin-right:10px}
}
@media screen and (max-width:767px){
.section{padding:50px 15px}
.section.section-hero{padding:60% 0 0}
.section.section-app-intro{padding-top:0;padding-bottom:40px}
.section.section-vorteile{padding-top:40px;padding-bottom:40px}
.section.section-steps{padding-top:40px;padding-bottom:10px}
.section.section-rakete{padding-top:40px}
.section.section-know-how{padding-bottom:20px}
.section.section-tech{padding-top:40px;padding-bottom:40px}
.section.section-industrie-intro{padding-top:50px}
.section.section-nutzung{padding-top:40px;padding-bottom:40px}
.section.section-infografik{padding-top:40px;padding-bottom:10px}
.section.section-spectrum{margin-bottom:0}
.title-second{margin-bottom:8px}
.portfolio__block{flex-direction:column;justify-content:center;align-items:center;margin-top:50px;display:flex}
.portfolio__block.page-hero{flex-direction:column;align-items:center;width:auto}
.portfolio__collection-list{justify-content:center;align-items:center}
.footer{padding-bottom:20px}
.footer__nav-menu{flex-direction:column;align-items:center;width:100%}
.footer__nav-menu_list{align-items:center;width:100%;margin-bottom:30px}
.portfolio__body{padding-top:40px;padding-bottom:80px}
.portfolio__body-top{flex-direction:column}
.portfolio__body-top_column2{width:100%}
.portfolio__body-top_title{width:100%;margin-bottom:.5rem;font-size:1em;line-height:1.35rem}
.portfolio__body-top_column2-parg{margin-bottom:8px}
.portfolio-page__block{margin-top:60px}
.portfolio-page__cart_content{padding:2.5rem}
.portfoli-page__collection-item{width:auto}
.portfolio-item__body{flex-direction:column}
.portfolio-item__box1{flex-direction:column;width:auto;margin-bottom:30px;padding-right:0}
.project-page__box{flex-direction:column-reverse;max-height:none}
.project-page__box-content{width:auto;padding:1rem}
.project-page__box-img{width:auto;height:20rem;overflow:hidden}
.project-page__sub-title{font-size:.75rem;line-height:120%}
.project-page__title{margin-top:.5rem;margin-bottom:.5rem}
.project-page__box-btn_wrp{margin-top:1rem;margin-bottom:1rem}
.project-page__text{margin-bottom:auto}
.portfolio-item__box2_img-inner{min-height:auto;margin-bottom:40px;display:none}
.about-me__title-wrp.about-me__title-wrp--black{padding-top:80px;padding-bottom:80px}
.project-page__collection{margin-top:40px;padding-top:0}
.project-page__collection-item{display:flex}
.paragraph{font-size:16px;line-height:21px}
.section_a{padding-top:50px;padding-bottom:50px}
.section_a._4{padding-top:0}
.section_a._13{padding-top:0;padding-bottom:60px}
.container_4{margin-top:65px}
.bg_-f2f1f6{height:530px}
.h_2{font-size:43px}
.max_w_1{display:none}
.about-me__section-copy{margin-bottom:60px}
.container_1168{flex-direction:column;align-items:flex-start;padding-top:60px}
.container_15{width:100%;margin-top:54px}
.div-block-4{flex-flow:wrap;justify-content:space-between;align-items:flex-end;width:100%}
.container_812{flex-direction:column;margin-bottom:60px}
.max_w_4{margin-top:15px}
.container_883{flex-direction:column;align-items:flex-start}
.container_47{margin-top:31px}
.container_46{margin-left:0}
.h_1._200_size{font-size:80px}
.container_29{max-width:none}
.h_3{font-size:32px}
.container_service2{max-width:100%}
.container_906{text-align:center;flex-direction:column;justify-content:center;align-items:center}
.container_31{margin-right:0}
.collection-item{padding-top:0}
.container_38{flex-direction:column;align-items:flex-start}
.container_37{max-width:530px;margin-top:48px;margin-left:0}
.container_39,.image-8{display:none}
.div-block-24{flex-direction:column}
.consulting_left,.consulting_right{width:100%}
.image-15{display:none}
.div-block-31{max-width:100%}
.image-17{display:none}
.container_33{flex-direction:column}
.div-block-32{align-self:flex-start;margin-bottom:20px}
.container_34{flex-direction:column;width:auto;margin-bottom:30px;margin-left:0;margin-right:0;padding-right:0}
.image-24{width:14%}
.portfolio__body-top-copy{flex-direction:column}
.container_unternehmen_image{width:100%}
.container_45{flex-direction:column}
.sub-title-white{margin-bottom:8px}
.footer__nav-2{padding-top:40px;padding-bottom:50px}
.footer__nav-menu_list-title-2{margin-bottom:20px}
.footer__copyng-2{padding-top:20px}
.footer__copyng-text-2{font-size:1rem;line-height:150%}
.container_service1{max-width:100%}
.h1_withimage._200_size{font-size:80px}
.section-b{padding-top:50px;padding-bottom:50px}
.hero{flex-direction:column-reverse;width:100%;height:100%;display:flex}
.hero-headline{color:var(--font);font-size:26px}
.hero-paragraph{font-size:16px}
.hero-button-set{grid-row-gap:30px;text-align:center;grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:stretch;padding-left:59px;padding-right:59px}
.row.row-5-7,.row.row-3-3-3{grid-template-columns:1fr}
.viconnect-intro-text{padding-left:0}
.quote-avatar{width:166px;height:166px}
.quote-paragaph{font-size:18px}
.section-headline{font-size:26px}
.vorteil-headline{font-size:19px;line-height:26px}
.vorteil-paragraph{font-size:16px;line-height:21px}
.bold-paragraph-text{font-size:21px;line-height:28px}
.tech{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;display:grid}
.tech-item{width:auto;height:140px;margin-left:0;margin-right:0}
.tech-slide-one{width:100%;padding-left:15px;padding-right:15px}
.tech-slide-two{display:none}
.infografik-block{grid-template-columns:60px 1fr}
.infografik-step-icon-img{width:60px;height:auto}
.infografik-line{bottom:157px;left:29px}
.hero-text-content{background-color:var(--white);color:var(--font);margin-top:40px;padding-top:60px;padding-left:15px;padding-right:15px}
.app-intro-img{padding-left:20%;padding-right:20%}
.tabs-content{margin-top:3px;margin-left:3px;margin-right:3px}
.tab-link{border-style:solid;border-width:3px;flex:none;align-items:center;width:auto;height:48px;padding:0 32px;font-size:14px;display:flex}
.tab-panel-content{flex-direction:column;padding:30px}
.tab-panel-image{width:30%;margin-bottom:30px;margin-left:auto;margin-right:auto}
.illustration{margin-bottom:60px}
.illustration-box-head{font-size:10px}
.flow-text{text-align:right;max-width:none;left:-220px}
.flow-text.bottom{text-align:left;width:200px;max-width:none;right:-220px}
.flow-text.top{max-width:none;left:-220px}
.board-slider{display:block}
.board-slide{align-self:flex-start;width:100%;margin-bottom:0;padding-left:10px;padding-right:10px}
.board-slider-mask{flex-flow:row;align-items:flex-start;height:auto;margin-left:-10px;margin-right:-10px;display:flex;overflow:hidden}
.dash-arrow{opacity:.4}
.navbar{padding-left:15px;padding-right:15px}
.navbar-home-link{padding-left:0}
.dropdown-toggle{padding-top:10px;padding-bottom:10px}
.dropdown-menu{padding-left:15px;padding-right:15px}
.primary-menu-label{text-align:left;padding-top:4px;padding-bottom:4px;font-size:20px}
.primary-menu-label:hover{padding-bottom:4px}
.secondary-menu-item{padding-top:4px;padding-bottom:4px}
.secondary-menu-label{font-size:20px}
.main-nav-link{padding-top:10px;padding-bottom:10px}
.industry{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr}
.techstack{flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
.techstack-item{width:45%;margin-bottom:20px}
.tablink18{border-style:solid;border-width:3px;flex:none;align-items:center;width:auto;height:48px;padding:0 32px;font-size:14px;display:flex}
.section_consulting{padding-top:50px;padding-bottom:50px}
.section_consulting._4{padding-top:0}
.section_consulting._13{padding-top:0;padding-bottom:60px}
}
@media screen and (max-width:479px){
.section.section__portfolio{padding-top:64px}
.section.section-infografik{overflow:hidden}
.section.section-spectrum{margin-top:-40px;margin-bottom:-40px;padding-top:0;overflow:hidden}
.section.section-partner,.section.section-desktop-vs-web{padding-bottom:0}
.section.section-it-loesungen{padding-top:0;padding-bottom:0}
.section.section-golf-partner{padding-bottom:0}
.section.section-flow-bottom-contact{overflow:hidden}
.title-second{font-size:30px;line-height:135%}
.protfolio__box{width:280px;height:12em}
.image{object-position:50% 50%}
.section-title-page.section-title-page--portfolio-bg{height:auto;padding-top:40px;padding-bottom:40px}
.section-title-page.section-title-page--project-bg{background-image:linear-gradient(#00000080,#00000080),url(/assets/img/progect-bg.jpg);background-position:0 0,50%;background-size:auto,cover;height:auto;padding-top:40px;padding-bottom:40px}
.section-title-page__title{font-size:34px}
.section-title-page__title.section-title-page__title--black{font-size:26px;line-height:35px}
.portfolio__body{padding-top:20px;padding-bottom:0}
.portfolio__body-top_title{margin-bottom:20px}
.portfolio__body-top_column2-parg{line-height:1.35rem}
.portfolio-page__cart_content{padding:1.25rem}
.portfolio-item__body{flex-direction:column;padding-left:0;padding-right:0}
.portfolio-item__title{font-size:26px;line-height:35px}
.project-page__box-img{height:auto;margin-bottom:-3px}
.about-me__section{margin-bottom:0}
.about-me__section.padding{padding-bottom:60px}
.about-me__title-wrp.about-me__title-wrp--black{min-height:auto;padding-top:20px;padding-bottom:30px}
.max_w{margin-bottom:20px}
.section_a._1{padding-top:68px}
.section_a._2{padding-top:60px;padding-bottom:60px}
.section_a._3{padding-top:80px;padding-bottom:80px}
.section_a._4{padding-top:0;padding-bottom:80px}
.section_a._6{padding-top:64px;padding-bottom:90px}
.section_a._7{background-image:linear-gradient(#0000007d,#0000007d),url(/assets/img/layer-254-2x.png);background-position:0 0,81%;background-repeat:repeat,no-repeat;background-size:auto,cover;padding-top:20px;padding-bottom:20px}
.section_a._8{padding-top:60px;padding-bottom:60px}
.section_a._9{margin-top:-70px}
.section_a._10{padding-top:20px;padding-bottom:40px}
.section_a._11{padding-top:80px;padding-bottom:80px}
.section_a._12{padding-bottom:60px}
.section_a._13{padding-top:0;padding-bottom:60px}
.max_w_2{margin-right:0}
.container_4{background-image:none;margin-top:43px}
.bg_-f2f1f6{height:330px}
.h_2{font-size:26px}
.container_10{flex-direction:column;align-items:flex-start}
.container_11{margin-top:26px;margin-left:0}
.about-me__section-copy{margin-bottom:0}
.about-me__section-copy._1{padding-top:60px}
.container_1168{flex-direction:column;padding-top:60px;padding-left:15px;padding-right:15px}
.container_15{order:1;width:100%;margin-top:56px}
.container_812{margin-bottom:67px}
.div-block-6{display:none}
.par_30{font-size:25px;line-height:32px}
.h_1{margin-bottom:20px;font-size:34px}
.h_1._200_size{font-size:50px;line-height:110%;display:block}
.container_29{margin-bottom:68px}
.h_3{font-size:23px}
.container_26{padding-right:65px}
.container_25{margin-bottom:60px}
.button{padding-left:24px;padding-right:24px}
.h1_imagecontainer{z-index:0;position:relative}
.par_37{font-size:25px;line-height:29px}
.collection-item{margin-top:30px;padding-top:40px}
.h1{font-size:34px}
.container_37{margin-top:30px}
.container_39{width:40%;max-width:115.188px}
.h2{font-size:26px}
.div-block-23{margin-left:0;margin-right:0}
.par_23{font-size:19px}
.image-9{width:60%;max-width:155px;margin-bottom:16px}
.container_1009{margin-bottom:40px}
.div-block-24{margin-top:60px}
.card_white{padding:20px}
.card{width:100%;min-width:auto;padding-left:25px;padding-right:25px}
.collection-item-6{width:100%;max-width:324px}
.container_33{flex-direction:column;padding-left:0;padding-right:0}
.container_34{margin-top:60px}
.container_35{margin-top:20px}
.image-22{display:none}
.portfolio-item__title-copy{margin-bottom:0;font-size:22px;line-height:39px}
.portfolio-item__text_white{color:#ffffffe6}
.image-24{width:18%}
.portfolio__body-top-copy{padding-top:25px}
.container_45{flex-direction:column;padding-top:35px;padding-left:0;padding-right:0}
.par_36{font-size:26px;line-height:30px}
.sub-title-white,.h2_white{display:none}
.h2_white.mobile_portrait{display:block}
.footer__nav-2{padding-bottom:20px}
.footer__nav-logo-2{width:120px;height:50px;margin-bottom:20px}
.footer__nav-social_item-2{width:25px;height:25px}
.image-27,.image_referenz{object-position:50% 50%}
.container_partner-image_icon{border-width:0;width:220px;height:120px;padding:0}
.portfolio_image{object-position:50% 50%}
.h1_withimage{margin-bottom:20px;font-size:34px}
.h1_withimage._200_size{font-size:50px;line-height:110%}
.section-b.section__portfolio{padding-top:64px}
.hero-button-set{padding-left:20px;padding-right:20px}
.row.row-5-1-6{width:100%}
.list-item.with-line{font-size:16px;line-height:21px}
.tech{margin-top:0}
.tech-item{height:auto;padding-top:50%}
.tech-logo{padding:20px}
.infografik-block{grid-column-gap:20px}
.tab-link{padding-left:16px;padding-right:16px;font-size:12px}
.tab-panel-content{padding:20px}
.illustration-info{padding-top:5px}
.illustration-info.first-gateway{height:70px;padding-top:5px;padding-left:5px;top:-85px}
.illustration-info.plattform{height:80px;top:-83px;left:100%}
.illustration-info.edge-gateway{height:auto;padding-top:5px;padding-bottom:5px;bottom:-37px}
.illustration-info.applikationen{padding-top:15px;padding-bottom:5px;bottom:-51px}
.flow.light{margin-bottom:0}
.flow-item{margin-bottom:69px;margin-left:140px}
.flow-item.alternate{margin-right:140px}
.flow-img-wrap{width:80px;height:80px}
.flow-text{width:180px;height:80px;font-size:10px;left:-191px}
.flow-text.bottom{width:180px;height:80px;right:-190px}
.flow-text.bottom.light{width:170px;right:-180px}
.flow-text.top{width:180px;left:-190px}
.flow-text.top.light{width:170px;left:-180px}
.dash-arrow.second{top:-21px;left:8px}
.industry{grid-template-rows:auto;grid-template-columns:70%;grid-auto-columns:70%;grid-auto-flow:column;margin:24px -15px;padding-top:10px;padding-bottom:10px;padding-left:16px;overflow:scroll}
.industry-inner{justify-content:space-between}
.techstack-item{width:40%;height:140px}
.techstack-text{font-size:16px}
.tablink18{padding-left:16px;padding-right:16px;font-size:12px}
.section_consulting._1{padding-top:68px}
.section_consulting._2{padding-top:60px;padding-bottom:60px}
.section_consulting._3{padding-top:80px;padding-bottom:80px}
.section_consulting._4{padding-top:0;padding-bottom:80px}
.section_consulting._6{padding-top:64px;padding-bottom:90px}
.section_consulting._7{background-image:linear-gradient(#0000007d,#0000007d),url(/assets/img/layer-254-2x.png);background-position:0 0,81%;background-repeat:repeat,no-repeat;background-size:auto,cover;padding-top:20px;padding-bottom:20px}
.section_consulting._8{padding-top:60px;padding-bottom:60px}
.section_consulting._9{margin-top:-70px}
.section_consulting._10{padding-top:20px;padding-bottom:40px}
.section_consulting._11{padding-top:80px;padding-bottom:80px}
.section_consulting._12{padding-bottom:60px}
.section_consulting._13{padding-top:0;padding-bottom:60px}
.referenzen-item{width:40%;height:140px}
.referenezen-item-text{font-size:16px}
}
#w-node-_3ad56ab9-4175-c578-72c0-f6c9b74c69b1-7c68aacc{grid-area:1/3/2/4}
@media screen and (max-width:991px){
#w-node-_1c54817d-a1af-2884-cbac-6188c06fd7c7-7c68aacc{grid-area:span 1/span 3/span 1/span 3}
#w-node-_3ad56ab9-4175-c578-72c0-f6c9b74c69b1-7c68aacc{grid-area:1/1/2/4}
}
*,*::before,*:after{box-sizing: border-box;}
@media (max-width: 992px){
@keyframes closeUnter{from {
        min-height: 132px;
    }
    to {
        min-height: 0px;
    }}
}
.protfolio__box:hover .protfolio__box-img{-webkit-filter: brightness(0%) invert(100%);
    filter: brightness(0%) invert(100%);}
*,*::before,*:after{box-sizing: border-box;}
@media (max-width: 992px){
@keyframes closeUnter{from {
        min-height: 132px;
    }
    to {
        min-height: 0px;
    }}
}
.portfolio-page__cart_parg{display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   height: 76px;}
.portfolio-page__cart:hover .portfolio-page__cart_content{background-color: #eeeef0;}
.portfolio-page__cart:hover .btn{color: #ee731f;}
@media (max-width: 758){
.portfolio-page__cart_parg{display: -webkit-box;
    -webkit-line-clamp: 3;
    height: 76px;}
}
*,*::before,*:after{box-sizing: border-box;}
@media (max-width: 992px){
@keyframes closeUnter{from {
        min-height: 132px;
    }
    to {
        min-height: 0px;
    }}
}
.portfolio-page__cart-img_inner:hover .portfolio-page__cart-img_inner img{transform: scale(1.3);}
*,*::before,*:after{box-sizing: border-box;}
@media (max-width: 992px){
@keyframes closeUnter{from {
        min-height: 132px;
    }
    to {
        min-height: 0px;
    }}
}
.project-page__text{display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   height: 145px;}
.project-page__collection-item:nth-child(2) .project-page__box-content{background-color: #ED731E;}
.project-page__collection-item:nth-child(3) .project-page__box-content{background-color: #D42717;}
.project-page__collection-item:nth-child(4) .project-page__box-content{background-color: #A42421;}
.project-page__collection-item:nth-child(6) .project-page__box-content{background-color: #ED731E;}
.project-page__collection-item:nth-child(7) .project-page__box-content{background-color: #D42717;}
.project-page__collection-item:nth-child(8) .project-page__box-content{background-color: #A42421;}
.project-page__collection-item:nth-child(10) .project-page__box-content{background-color: #ED731E;}
.project-page__collection-item:nth-child(11) .project-page__box-content{background-color: #D42717;}
.project-page__collection-item:nth-child(12) .project-page__box-content{background-color: #A42421;}
.project-page__collection-item:nth-child(14) .project-page__box-content{background-color: #ED731E;}
.project-page__collection-item:nth-child(15) .project-page__box-content{background-color: #D42717;}
.project-page__collection-item:nth-child(16) .project-page__box-content{background-color: #A42421;}
@media (min-width: 766px){
.project-page__collection-item:nth-child(2n) .project-page__box{flex-direction: row-reverse;}
}
@media (max-width: 769px){
.project-page__text{-webkit-line-clamp: 3;
   		height: 72px;}
}
.project-page__text{display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   height: 145px;}
@media (max-width: 769px){
.project-page__text{-webkit-line-clamp: 3;
   		height: 72px;}
}
*,*::before,*:after{box-sizing: border-box;}
@media (max-width: 992px){
@keyframes closeUnter{from {
        min-height: 132px;
    }
    to {
        min-height: 0px;
    }}
}
*,*::before,*:after{box-sizing: border-box;}
@media (max-width: 992px){
@keyframes closeUnter{from {
        min-height: 132px;
    }
    to {
        min-height: 0px;
    }}
}
*,*::before,*:after{box-sizing: border-box;}
@media (max-width: 992px){
@keyframes closeUnter{from {
        min-height: 132px;
    }
    to {
        min-height: 0px;
    }}
}

/* Teil 2: eigene Regeln (Navigation, Komponenten, Barrierefreiheit). */
/* Live kam "Source Sans Pro" (300/400) von Google Fonts; hier auf die lokale Datei umgelenkt. */
@font-face{font-family:"Source Sans Pro";src:url(/assets/fonts/sourcesanspro-regular.woff2) format("woff2");font-weight:300 400;font-style:normal;font-display:swap}
html{scroll-padding-top:130px}
body{overflow-x:clip}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:2147483647;background:#fff;color:#000;padding:8px 16px;font-weight:700}
.skip-link:focus{left:16px}
:focus-visible{outline:3px solid #f59d24;outline-offset:2px}
.navbar-logo{height:auto}

/* Navigation */
.dropdown-toggle{background:none;font:inherit;color:inherit;cursor:pointer;text-align:left}
.nav-back-link{display:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.menu-button{background:none;border:0;cursor:pointer}
.primary-menu-label{display:flex}
@media screen and (min-width:992px){
  .menu-button{display:none}
  .dropdown-wrapper{align-self:stretch;display:flex;align-items:center}
  .dropdown-wrapper.is-open .dropdown-menu{display:block}
  .dropdown-wrapper.is-open .dropdown-menu-container{opacity:1}
  .dropdown-wrapper.is-open .dropdown-toggle,.dropdown-toggle:hover{border-bottom-color:var(--sekundär-gelb)}
  .dropdown-wrapper:has([aria-current=page]) .dropdown-toggle{border-bottom-color:var(--sekundär-gelb)}
}
@media screen and (max-width:991px){
  .nav-menu-wrapper{display:none;z-index:998}
  .nav-open .nav-menu-wrapper{display:flex}
  .nav-open{overflow:hidden}
  .nav-menu-inner{width:100%;height:100%;overflow-y:auto}
  .dropdown-wrapper{width:100%}
  .dropdown-toggle{width:100%;display:block}
  .dropdown-menu{visibility:hidden;transition:transform .3s,visibility .3s;overflow-y:auto}
  .dropdown-wrapper.is-open .dropdown-menu{visibility:visible;transform:none}
  .nav-back-link{display:block;width:100%;color:var(--white);padding:10px 0;margin-bottom:10px;text-align:left}
  .hamburger-top,.hamburger-center,.hamburger-bottom{transition:transform .3s,opacity .3s}
  /* Aktive Seite im mobilen Menü: weiß mit gelber Unterstreichung (live wäre sie grau auf grau) */
  .main-nav-link[aria-current=page],
  .primary-menu-item[aria-current=page] .primary-menu-label,
  .secondary-menu-item[aria-current=page] .secondary-menu-label,
  .dropdown-wrapper:has([aria-current=page]) .dropdown-label{color:var(--white);text-decoration:underline;text-decoration-color:var(--sekundär-gelb);text-decoration-thickness:3px;text-underline-offset:6px}
  .nav-open .hamburger-center{opacity:0}
  .nav-open .hamburger-top{transform:translateY(9px) rotate(45deg)}
  .nav-open .hamburger-bottom{transform:translateY(-9px) rotate(-45deg)}
}

/* E-Mail ohne Klartext im HTML */
.c-mail-text{white-space:nowrap}

/* Kontaktseite: E-Mail und Telefon statt Formular */
.c-contact-direct{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.c-contact-direct__link{display:inline-block;background-color:#d62717;color:#fff;font-family:Bitter,sans-serif;font-size:20px;font-weight:700;line-height:1.3;padding:16px 28px;text-decoration:none;box-shadow:0 2px 8px #0003;overflow-wrap:anywhere}
.c-contact-direct__link:hover{background-color:#a42421}
.c-contact-direct__link .c-mail-text{white-space:normal}

/* Tabs (ersetzt Webflow-Tabs). Ohne Skript sind alle Inhalte sichtbar. */
.c-tab-link{border:0;font:inherit;cursor:pointer}
.js .c-tab-pane{display:none}
.js .c-tab-pane.is-active{display:block}

/* Slider (ersetzt Webflow-Slider): wischbare Leiste */
.c-slider-track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.c-slide{scroll-snap-align:start;flex:0 0 auto}

/* Hintergrundvideo */
.c-bg-video{position:relative;overflow:hidden;isolation:isolate}
.c-bg-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}

/* 404-Seite */
.c-404{max-width:760px;margin:0 auto;padding:120px 20px;text-align:center}

/* Korrekturen: live laufen diese Stellen auf dem Handy seitlich über */
.rich-text-block{overflow-wrap:anywhere}
@media screen and (max-width:991px){
  .referenzen-board{margin-left:0;margin-right:0;justify-content:center}
}
@media screen and (max-width:479px){
  .portfoli-page__collection-item,.portfolio-page__cart,.portfolio-page__cart_content{min-width:0;max-width:100%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}