.elementor-323 .elementor-element.elementor-element-f205009{--display:flex;}.elementor-323 .elementor-element.elementor-element-5b9a817{width:auto;max-width:auto;}.elementor-323 .elementor-element.elementor-element-b37f466{width:auto;max-width:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-f205009 */<meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/63c560228fad5afe6ddbe1a4/css/ctc-demo-webflow.shared.1867fe7da.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="https://www.cutthecode.com" rel="canonical"/>
<style>.anti-flicker, .anti-flicker * {visibility: hidden !important; opacity: 0 !important;}</style>
<style>[data-wf-hidden-variation], [data-wf-hidden-variation] * {
        display: none !important;
      }</style>
      <script type="text/javascript">localStorage.removeItem('intellimize_opt_out_117889434'); if (localStorage.getItem('intellimize_data_tracking_type') !== 'always') { localStorage.setItem('intellimize_data_tracking_type', 'always'); }</script>
      <script type="text/javascript">(function(e){var s={r:[]};e.wf={r:s.r,ready:t=>{s.r.push(t)}}})(window)</script><script type="text/javascript">(function(e,t,p){var n=document.documentElement,s={p:[],r:[]},u={p:s.p,r:s.r,push:function(e){s.p.push(e)},ready:function(e){s.r.push(e)}};e.intellimize=u,n.className+=" "+p,setTimeout(function(){n.className=n.className.replace(RegExp(" ?"+p),"")},t)})(window, 4000, 'anti-flicker')</script><link href="https://cdn.intellimize.co/snippet/117889434.js" rel="preload" as="script"/><script type="text/javascript">var wfClientScript=document.createElement("script");wfClientScript.src="https://cdn.intellimize.co/snippet/117889434.js",wfClientScript.async=!0,wfClientScript.onerror=function(){document.documentElement.className=document.documentElement.className.replace(RegExp(" ?anti-flicker"),"")},document.head.appendChild(wfClientScript);</script><link href="https://api.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://log.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://117889434.intellimizeio.com" rel="preconnect"/>
<!------------------------------------------------------------------------------------------------------------------------------------

Hello no-coder! We like you! Thanks for your interest in this project. Curious about how we work? Check: cutthecode.com

We Cut the Code 
cutthecode.com

-------------------------------------------------------------------------------------------------------------------------------------->

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- Swiper Slider -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"/>

<!-- [Attributes by Finsweet] Mirror click events -->
<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-mirrorclick@1/mirrorclick.js"></script>

<!-- [Attributes by Finsweet] Disable scrolling -->
<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js"></script>

<!-- [Attributes by Finsweet] CMS Filter -->
<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"></script>

<!-- [Attributes by Finsweet] Accordion -->
<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-accordion@1/accordion.js"></script>

<!-- START Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W8X56RM');</script>
<!-- END Google Tag Manager --></head><body><div id="scroll-top" class="page-wrapper"><div class="global-styles">Button Text<div class="fs-global-styles w-embed"><style>
  
/* Make text look crisper and more legible in all browsers */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-none::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-none {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
	pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
  pointer-events: auto;
}

/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
	margin-right: auto !important;
  margin-left: auto !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/

a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}


/* Apply "..." after 3 lines of text */
.text-style-3lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*Hide focus outline for main content element*/
  main:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
}
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
}
 
.margin-0 {
  margin: 0rem !important;
}
  
.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
  
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
  
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
  
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
  
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.w-select, select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.u-hide-scroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.u-hide-scroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

</style></div><div class="fluid-responsiveness w-embed"><style>

  html { font-size: 1.5rem; }
  @media screen and (max-width:2560px) { html { 
  /*font-size: calc(0.7500000000000002rem + 0.3124999999999999vw);*/
    font-size: calc(0.55rem + 0.41666666666666674vw); 
  } }
  @media screen and (max-width:1920px) { html { 
  font-size: calc(0.55rem + 0.41666666666666674vw); 
  } }
  @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
  @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } 
  }
</style></div><div class="custom-text-selection w-embed"><style>

  /* Mouse Selection */
  ::selection {
      background: black;
      color: white;
  }

  ::-moz-selection { /* Code for Firefox */
      background: black;
      color: white; 
  }

</style></div><div class="custom-heading-size w-embed"><style>

@media screen and (min-width: 992px) {

	.heading-style-huge{
  	font-size: min(max(8rem, 10vw), 10rem);
  }
  
   .heading-style-xxlarge{
    font-size: min(max(4.5rem, 7vw), 6rem);
  }

  
  .heading-style-xlarge{
    font-size: min(max(5rem, 6vw), 6rem);
  }

  .heading-style-large{
    font-size: min(max(4.5rem, 5.5vw), 5.5rem);
  }
  
  h1, .heading-style-h1{
  	font-size: min(max(4.5rem, 5.5vw), 5.5rem);
	}
  
  h2, .heading-style-h2{
  	font-size: min(max(3.5rem, 4vw), 3.5rem);
	}
  
  h3, .heading-style-h3, .heading-style-split-lines{
  	font-size: min(max(2.5rem, 3.5vw), 3rem);
	}
    
  h4, .heading-style-h4{
  	font-size: min(max(2rem, 3vw), 2.5rem);
	}
  
   .heading-style-404{
  	font-size: min(max(2.5rem, 3.5vw), 3.5rem);
	}
}
</style></div><div class="about-css w-embed"><style>
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.header-about_content-div{
    display: none;
	}
  .header-about_wrapper, .header-about_content-wrap{
  	width: 100%;
  }
  
  .header-about_heading-wrap{
  	margin-bottom: 2rem;
  }
  
  .header-about_body{
		width: 100%;
    height: auto;
  }	
  
 .header-about_body-div{
 	width: 24rem;
 }
   
  .header-about_body-wrap{
  	grid-column-gap: 1.5rem;

  }

  .header-about_img-wrapper{
  	position: relative;
    top: -2rem;
  }
  
  .header-about_div-tr{
  	width:17rem;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1312px) {
	.header-about_img-wrapper{
  	top: 18vw;
  }
}

@media screen and (min-width: 991px) and (max-width: 1599px){
  .heading-style-xlarge.is-about{
    font-size: min(max(5rem, 6vw), 6rem);
  }
}

@media screen and (min-width: 1600px){
  .heading-style-xlarge.is-about{
    font-size: min(max(5rem, 6.5vw), 6.5rem);
  }
}

</style></div><div class="links-validator w-embed"><!--<style>
  [href="#"] {
  outline: 2px solid yellow !important;
  }
</style>--></div><div class="nav-css w-embed"><style>

	.nav-scroll-trigger{
  	height: calc(100% - 110vh);
  }

	.body-white .navbar_link, .body-white .navbar_dropdown, .body-white .status-bar__scroll-item, .body-white .status-bar__title-wrapper, .body-white .navbar_dropdown-link, .body-white.is-contact .navbar_logo {
		color: #141414 !important;
  }
	
  .body-white .status-bar__gradient.is-light, .body-white .status-bar__gradient.is-light-right{
  	display: block !important;
  }
  
    .body-white .status-bar__gradient.is-dark, .body-white .status-bar__gradient.is-dark-right{
  	display: none !important;
  }
  
  .body-white.is-contact .footer, .body-white .navbar_menu-trigger, .body-white.is-contact .navbar_dot.background-purple{
  	background-color: white !important;
  }
  
  .body-white.is-contact .footer_icon{
  	color: white !important;
	}
  
  
 
	.body-white .navbar_link-bg, .body-white .navbar_dropdown-bg{
  	background-color: white !important;
  }
  
  .body-white.is-contact .navbar_link-bg, .body-white.is-contact .navbar_dropdown-bg{
  	background-color: #000000 !important;
  }

  .navbar_link.w--current .navbar_dot.background-purple{
  	width: 0.375rem !important;
    height: 0.375rem !important;
	}
  
  .navbar_link.w--current .navbar_dot, .navbar_menu-link.w--current .navbar_dot, .navbar_menu-dropdown-link.w--current .navbar_dot, .navbar_dropdown-link.w--current .navbar_dot{
  	width: 0.5rem !important;
    height: 0.5rem !important;
	}
  
  .body-white.is-contact .footer {
  	border-color: white !important;
  }
  
  /* Weglot Switch */
  .body-white .wg-button {
  	border: 1px solid rgb(0 0 0 / 16%);
    color: #000000;
  }
  
  .body-white .wg-button:hover {
    color: #000000;
  }
  
</style></div><div class="list-counter w-embed"><style>
.faq_list, .process-slider .swiper-wrapper {
	counter-reset: list;
}
.faq_list-item .faq_list-number:before, .swiper-slide h4.text-weight-extralight.opacity-50:before {
  counter-increment: list;
  content: counter(list, decimal-leading-zero);
}
</style></div><div class="abm-styles w-embed"><svg class="goo-filter" viewBox="0 0 1 1">
  <filter id="goo">
    <fegaussianblur in="SourceGraphic" stdDeviation="8" result="blur"></fegaussianblur>
    <fecolormatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0 0 0 0 900 -20" result="goo"></fecolormatrix>
    <feblend in="SourceGraphic" in2="goo"></feblend>
  </filter>
</svg>

<style>
.header_abm-heading {
  -webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.header_abm-title-bg {
	filter: url(#goo);
}
/*.section_webflow-image {
    -webkit-mask-image: url(https://cdn.prod.website-files.com/63c560228fad5afe6ddbe1a4/63d13fb3136b57af5d027e1d_webflow-shape.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}*/
  .header_abm-wrapper {
      -webkit-mask-image: url("https://assets.website-files.com/63c560228fad5afe6ddbe1a4/63d00ab094d022425fbcb9c0_header-shape-image.svg");
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
  }
@media screen and (min-width: 768px) {
  /*.header_abm-wrapper {
      -webkit-shape-outside: polygon(-2% 75%, 14% 75%, 14% 43%, 44% 43%, 44% 33%, 66% 33%, 66% 21%, 73% 21%, 73% 11%, 98% 11%, 98% 100%, -2% 100%);
      shape-outside: polygon(-2% 75%, 14% 75%, 14% 43%, 44% 43%, 44% 33%, 66% 33%, 66% 21%, 73% 21%, 73% 11%, 98% 11%, 98% 100%, -2% 100%);
  }*/
}
</style></div><div class="media-grid-styles w-embed"><style>
@media screen and (min-width: 479px) {
  [item-style=wide] {
    grid-column-start: span 2;
    grid-column-end: span 2;
    grid-row-start: span 1;
    grid-row-end: span 1;
  }

  [item-style=tall] {
    grid-column-start: span 1;
    grid-column-end: span 1;
    grid-row-start: span 2;
    grid-row-end: span 2;
  }
}
</style></div><div class="swiper-styles w-embed"><style>
	.is-disabled{
  	opacity: 40%;
    pointer-events: none;
  }
</style></div><div class="focus-state w-embed"><style>
	section:focus, .contact-video, .formly_message-success, .form-step {
    outline: none;
}
</style></div><div class="project-hover-content-wrap w-embed"><!--<style>
  @media screen and (min-width: 1000px) {
    .project-hover_content-wrap.is-tight {
      flex-direction: horizontal;
      background: red;
    }
  }
</style>--></div><div class="text-wrap-balance w-embed"><style>
	.text-wrap-balance {
  	text-wrap: balance;
  }
</style></div></div>/* End custom CSS */