:root{--font-metropolis:var(--font-metropolis);--font-calibri:var(--font-calibri);--ccgreen:#8db91c;--ccgreen-light:#c5d31a;--ccgreen-lighter:#eef4a4;--ccgreen-dark:#719416;--ccgreen-darker:#5c861f;--petrol:#006065;--petrol-light:#008f88;--petrol-lighter:#00dbd1;--petrol-dark:#00494d;--petrol-darker:#003033;--white:#fff;--black:#000;--grey:#a5a5a5;--grey-dark:#595959;--grey-light:#dedede;--col-text:#424242;--col-text-primary:#383838;--col-text-secondary:#5e5e5e;--col-error:#c52b2b;--col-success:var(--ccgreen);--background:var(--white);--foreground:var(--col-text-primary);--border-radius:4px;--header-height-small:90px;--grid-gap:1.5rem 2.5rem}body{overflow-x:hidden}@media (max-width:768px){.home .headerWide{margin-bottom:7rem}.home .content-block{margin-bottom:6.5rem}}@media (min-width:992px){.home .headerWide{margin-bottom:4.5rem}}.home .teaser-customers h2{color:var(--petrol);--container-min:375;--container-max:1248;--min-size:28;--max-size:42;font-family:var(--font-metropolis),sans-serif;--font-size:calc(var(--min-size) * 1px + (var(--max-size) - var(--min-size)) * (100cqw - var(--container-min) * 1px) / (var(--container-max) - var(--container-min)));font-size:clamp(var(--min-size)*1px,var(--font-size),var(--max-size)*1px);-webkit-hyphens:auto;hyphens:auto;font-weight:500;line-height:clamp(32px,4vw + 1rem,48px)}@media (max-width:768px){.home .teaser-customers h2{margin-bottom:1rem}}@media (max-width:767px){.home .teaser-casestudies>div:first-child{height:744px}.home .teaser-casestudies>div:first-child div[class*=ImageResolver]{padding-top:217%}}.home .teaser-casestudies>div:nth-child(2) h4,.home .teaser-casestudies>div:last-child h4{font-size:20px;line-height:28px}.home .teaser-casestudies>div:nth-child(2) .button,.home .teaser-casestudies>div:last-child .button{display:none!important}@media (min-width:768px){.home .teaser-casestudies{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.home .teaser-casestudies>div{margin-bottom:0}.home .teaser-casestudies div:first-child{grid-column:span 2/span 2}.home .teaser-casestudies div:nth-child(2),.home .teaser-casestudies div:last-child{grid-row-start:2}}@media (min-width:1024px){.home .teaser-casestudies{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.home .teaser-casestudies>div{margin-bottom:0}.home .teaser-casestudies div:first-child{grid-area:span 6/span 2/span 6/span 2}.home .teaser-casestudies div:nth-child(2){grid-row:span 3/span 3;grid-column-start:3}.home .teaser-casestudies div:last-child{grid-row:4/span 3;grid-column-start:3}}.home .post-teaser{background-color:var(--grey-light);width:100vw;margin-left:-50vw;margin-right:-50vw;padding:3rem 0 .25rem;position:relative;left:50%;right:50%}.home .post-teaser h2{color:var(--petrol);--container-min:375;--container-max:1248;--min-size:28;--max-size:42;font-family:var(--font-metropolis),sans-serif;--font-size:calc(var(--min-size) * 1px + (var(--max-size) - var(--min-size)) * (100cqw - var(--container-min) * 1px) / (var(--container-max) - var(--container-min)));font-size:clamp(var(--min-size)*1px,var(--font-size),var(--max-size)*1px);-webkit-hyphens:auto;hyphens:auto;padding-bottom:var(--spacing-lg-16-px,16px);font-weight:500;line-height:clamp(32px,4vw + 1rem,48px)}.home .post-teaser p{--container-min:375;--container-max:1248;--min-size:18;--max-size:20;font-family:var(--font-calibri),sans-serif;--font-size:calc(var(--min-size) * 1px + (var(--max-size) - var(--min-size)) * (100cqw - var(--container-min) * 1px) / (var(--container-max) - var(--container-min)));font-size:clamp(var(--min-size)*1px,var(--font-size),var(--max-size)*1px);margin-bottom:2rem;line-height:clamp(24px,3vw + 1rem,32px)}.home .post-teaser .teaser-news__image{border-radius:4px 0 0 4px}@media (min-width:576px){.home .post-teaser .teaser-news__image{border-radius:4px 4px 0 0}.home .post-teaser{padding-bottom:4rem}}.home .solutions-titel{color:var(--petrol);--container-min:375;--container-max:1248;--min-size:28;--max-size:42;font-family:var(--font-metropolis),sans-serif;--font-size:calc(var(--min-size) * 1px + (var(--max-size) - var(--min-size)) * (100cqw - var(--container-min) * 1px) / (var(--container-max) - var(--container-min)));font-size:clamp(var(--min-size)*1px,var(--font-size),var(--max-size)*1px);-webkit-hyphens:auto;hyphens:auto;margin-bottom:1rem;font-weight:500;line-height:clamp(32px,4vw + 1rem,48px)}