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: bold;
}

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: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[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: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  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;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: 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-hidden {
  display: none;
}

.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;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

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;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.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;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.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 .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .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 figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[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;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932e1fc8e54a33539fa2_NunitoSans-BoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932e03f33a48120e581f_NunitoSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932ed2dbdc76c412a59c_NunitoSans-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932ef3936f85fd775dde_NunitoSans-ExtraBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932e03f33afa070e581e_NunitoSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932e7aa7b54d8f041110_NunitoSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932e05cae0705f92edeb_NunitoSans-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932eab867a46ed288632_NunitoSans-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932ef3936f910c775ddf_NunitoSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932e07476a5fcab90f8a_NunitoSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932e54344591fdb7dbb8_NunitoSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932fd5fee77a94f7353f_NunitoSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932fc3c56d5402ef18f9_NunitoSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Nunitosans;
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f04932f3bd92d02e9ac3c61_NunitoSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "Fa 400";
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/606f67a218feba15e129137e_fa-regular-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa brands 400";
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/606f67a290267c77b8d7b2d2_fa-brands-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa solid 900";
  src: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/606f67a2589f72acd34f89b6_fa-solid-900.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --sensape-grey: #272727;
  --store-blue: #4fbed3;
  --live-green: #68b22a;
  --white: white;
  --white-smoke: #ececec;
  --error-red: #d34f82;
  --fcb-red: #dc052d;
  --rivella-orange: #ffae3b;
  --pernod-blue: #023466;
  --sky-blue-highlight: #24d1fe;
  --bonnet-green: #81bb27;
  --dark-grey: #a5a3a3;
  --black: black;
  --rivella-red: #e2231a;
  --signal-red: #ff3130;
  --metrix-magenta: #ff16ff;
  --almost-white: #fcfcfc;
  --super-white: #fafafa;
  --aldi-orange: #ffae3b;
  --bonnet-blue: #4570ec;
  --golden: #d3a04f;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: var(--sensape-grey);
  font-family: Nunitosans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  text-shadow: -1px 1px 6px #00000069;
  max-width: 1200px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0;
  font-size: 4.5vw;
  font-weight: 600;
  line-height: 1;
  display: block;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.14;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  font-family: Nunitosans, Arial, sans-serif;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

li {
  margin-bottom: 0;
  padding-left: 0;
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.divider {
  opacity: .1;
  background-color: #eee;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.styleguide-content-wrap {
  text-align: center;
}

.section {
  color: var(--sensape-grey);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.section.cc-cta {
  background-color: #f4f4f4;
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  max-width: 100vw;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 80px;
  padding-right: 80px;
  overflow: hidden;
}

.section.cc-cta.newgradient1 {
  background-image: linear-gradient(-40deg, var(--store-blue), #25c28b 53%, var(--live-green));
}

.section.standard-section {
  margin-bottom: 120px;
  display: block;
  overflow: visible;
}

.section.standard-section._50vh {
  margin-top: -50vh;
}

.section.standard-section._50vh.disable {
  display: none;
}

.section.standard-section.mobileoverflowhidden100vw {
  margin-bottom: 20px;
}

.section.standard-section.padding {
  padding-top: 120px;
}

.section.standard-section.no-bottom-margin {
  margin-bottom: 0;
  display: none;
}

.section.standard-section.bottom-margin {
  margin-bottom: 160px;
}

.section.standard-section.hide {
  display: none;
}

.section.standard-section._60-bottom {
  margin-bottom: 60px;
}

.section.standard-section._120-bottom {
  margin-bottom: 120px;
}

.section.standard-section.project-link {
  margin-bottom: 0;
  padding-top: 119px;
}

.section.new-cta {
  background-color: #f4f4f4;
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  color: var(--white);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 80px;
  padding-right: 80px;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.container {
  width: 100%;
  max-width: 80vw;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.container.press-container {
  margin-top: 120px;
}

.container.disable {
  display: none;
}

.container._80-top {
  margin-top: 80px;
}

.container.customspacing {
  margin-bottom: 80px;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-bigger {
  opacity: .6;
  color: var(--sensape-grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.paragraph-bigger.cc-bigger-light.paragraph-white {
  opacity: .6;
  color: var(--white);
}

.paragraph-bigger.cc-bigger-white-light {
  opacity: .6;
  color: var(--white);
  font-family: Nunitosans, Arial, sans-serif;
}

.paragraph-bigger.cc-bigger-white-light.paragraph-bigger-100-opacity {
  opacity: 1;
  text-shadow: -1px 1px 6px #0000005c;
}

.paragraph-bigger.no-margin {
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.paragraph-bigger._100-opacity {
  opacity: 1;
}

.button {
  background-color: var(--sensape-grey);
  background-image: linear-gradient(40deg, var(--live-green), var(--store-blue));
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-jumbo-button.white {
  color: var(--sensape-grey);
  background-color: #fff;
  background-image: none;
  border-radius: 0%;
  max-width: none;
  margin-top: 20px;
  padding: 20px 40px;
  font-weight: 600;
  transition: all .2s, background-color .4s, opacity .4s, color .4s;
  position: static;
  box-shadow: 1px 1px 3px #27272766;
}

.button.cc-jumbo-button.white:hover {
  background-color: var(--white);
  filter: brightness(110%);
  padding-left: 60px;
  padding-right: 60px;
}

.button.cc-jumbo-button.white:active {
  background-color: #e1e1e1;
}

.button.cc-jumbo-button.white.alternativelucas {
  background-color: #ffffff8f;
  box-shadow: 1px 1px 20px #272727ad;
}

.button.cc-jumbo-button.button-white {
  background-color: var(--white);
  background-image: none;
}

.button.cc-jumbo-button.button-white:hover {
  filter: brightness(110%);
}

.button.cc-jumbo-button.button-white.w--current {
  background-image: none;
}

.button.cc-contact-us {
  z-index: 5;
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  font-family: Nunitosans, Arial, sans-serif;
  position: relative;
}

.button.cc-contact-us:hover {
  filter: brightness(110%);
}

.button.cc-contact-us.nav-button-white {
  border: 1px solid var(--white);
  background-color: #0000;
  background-image: none;
  border-radius: 0;
}

.button.cc-contact-us.nav-button-white:hover {
  background-color: #ffffff1a;
}

.button.cc-white-button {
  color: var(--white);
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: #fffc;
}

.button.cc-white-button:active {
  background-color: #ffffffe6;
}

.button.button-gradient {
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  text-align: center;
}

.button.button-gradient:hover {
  filter: brightness(110%);
}

.button.button-gradient.secondary-button {
  border-radius: 0;
  margin: 0 20px 0 0;
  padding: 0;
}

.button.button-gradient.secondary-button.no-margin {
  margin-right: 0;
}

.button.button-gradient.button-margin-max-width {
  max-width: 250px;
  margin-top: 20px;
}

.button.button-gradient._100-width-button {
  margin-left: 0;
}

.button.button-newsletter {
  border: 1px solid var(--white-smoke);
  background-color: #ffffff0d;
  background-image: none;
  border-radius: 0;
  width: 250px;
  margin: 0 auto;
  padding: 12px;
}

.button.button-newsletter:hover {
  background-color: #ffffff1a;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-light {
  opacity: .6;
  text-align: left;
}

.label.cc-light.centre-allign {
  text-align: center;
}

.label.cc-light.centre-allign.margin-bottom {
  margin-bottom: 40px;
}

.label.cc-light.margin {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.label.cc-blog-date, .label.cc-category {
  opacity: .6;
  margin-top: 20px;
  text-decoration: none;
}

.label.centre {
  text-align: center;
  margin-bottom: 31px;
}

.label.centre.custom {
  opacity: .7;
  margin-bottom: 40px;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 100%;
  margin: 40px auto 100px;
  font-size: 16px;
  line-height: 28px;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-light {
  opacity: .6;
  text-align: left;
  max-width: none;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.paragraph-light.leftside {
  text-align: left;
}

.paragraph-light.icon-grid-margin {
  text-align: center;
  margin-top: 20px;
}

.paragraph-light.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-light.no-margin._100-width {
  width: 100%;
}

.paragraph-light.ix.bottom {
  width: 50%;
  margin-top: 0;
  margin-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  inset: 50% 0% auto;
}

.h2 {
  opacity: 1;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Nunitosans, Arial, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 80px;
}

.h2.h2-no-margin {
  text-shadow: -1px 1px 6px #27272742;
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
}

.h2.h2-no-margin.white {
  color: #fff;
}

.h2.h2-no-margin.mobile {
  display: none;
}

.h2.h2-no-margin.metrix {
  text-shadow: 2px 2px 20px #000fa2e6, -1px 1px 20px #00096163;
  font-size: 70px;
  line-height: 82px;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.heading-jumbo-small.heading-white {
  color: var(--white);
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.styleguide-header-wrap {
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 460px;
  padding: 30px;
  display: flex;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.menu {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 20%;
}

.navigation-wrap {
  opacity: 1;
  background-color: #0000;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 100vw;
  display: flex;
  position: relative;
}

.navigation {
  opacity: 1;
  background-color: #0000;
  align-items: center;
  padding: 30px 50px;
  display: flex;
}

.navigation.nav-animation {
  opacity: 1;
  color: #000;
  background-color: #fffffff2;
  width: auto;
  max-width: 100vw;
  height: auto;
  padding: 25px 50px;
  position: sticky;
  inset: 0% 0% auto;
  box-shadow: 1px 1px 7px #27272733;
}

.navigation.nav-animation.nav-transparent {
  background-color: #0000;
}

.nav-dropdown {
  opacity: .6;
  color: var(--sensape-grey);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 40px;
  font-family: Nunitosans, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  position: relative;
  overflow: visible;
}

.nav-dropdown:hover {
  opacity: .9;
}

.nav-dropdown:active {
  opacity: .8;
}

.nav-dropdown.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.nav-dropdown.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.nav-dropdown.w--current:active {
  opacity: .7;
  color: #32343a;
}

.nav-dropdown.w--open {
  font-family: Nunitosans, Arial, sans-serif;
  font-weight: 600;
}

.nav-dropdown.hidden-nav {
  display: none;
}

.logo-image {
  margin-right: 50px;
  display: block;
}

.navigation-items {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-text {
  width: 70%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.cta-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.intro-header {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5ec99157b298704767d54f3c_portfolio%202%20-%20wide.svg");
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 620px;
  margin-bottom: 100px;
  display: flex;
}

.intro-header.cc-subpage {
  color: #fff;
  background-color: #000;
  background-image: linear-gradient(#27272759, #27272759), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f0f040b3ffd284be52b5d79_Bildschirmfoto%202020-07-15%20um%2015.09.08.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 66vh;
  margin-top: 0;
}

.intro-content {
  text-align: center;
  width: 70%;
  max-width: 1140px;
}

.content-wrap {
  text-align: center;
  width: 80%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.content-wrap.motto-wrap-distance {
  margin-bottom: 120px;
}

.content-wrap.content-wrap-wide.centertranslation {
  margin-left: auto;
}

.content-wrap.content-wrap-wide.absolute {
  position: absolute;
  inset: 0%;
}

.content-wrap.content-wrap-wide.absolute.flex {
  height: auto;
  display: flex;
}

.content-wrap.content-wrap-wide.hide-on-desktop {
  display: none;
  overflow: visible;
}

.content-wrap._60-margin-bottom {
  margin-bottom: 60px;
  padding-top: 120px;
}

.about-story-wrap {
  text-align: center;
  justify-content: center;
  width: 80%;
  margin: 80px auto;
  display: flex;
}

.section-heading-wrap {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: var(--live-green);
}

.status-message.cc-error-message {
  background-color: var(--error-red);
}

.contact-form-wrap {
  border: 1px solid #eee;
  padding: 45px 50px 50px;
}

.contact-form-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 2.5fr 1fr;
  align-items: start;
  margin-top: 100px;
  margin-bottom: 100px;
}

.details-wrap {
  margin-bottom: 30px;
}

.get-in-touch-form {
  flex-direction: column;
  display: flex;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.contact-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-form-heading-wrap {
  margin-bottom: 40px;
}

.contact-heading {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.14;
}

.blog-detail-header-wrap {
  background-color: var(--white);
  width: 80%;
  margin: 0 auto -50vh;
  padding: 10vh 0 5vh;
  position: relative;
  inset: -50vh 0% 0%;
}

.detail-header-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 90vh;
  margin-bottom: 60px;
  display: block;
  position: relative;
}

.detail-header-image.w--current {
  margin-bottom: 60px;
}

.blog-heading {
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
}

.blog-heading:hover {
  opacity: .8;
}

.blog-heading:active {
  opacity: .7;
}

.contact-email-link {
  opacity: .6;
  margin-bottom: 5px;
}

.contact-email-link:hover {
  opacity: 1;
}

.contact-email-link:active {
  opacity: .8;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-wrap {
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 80vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  color: var(--sensape-grey);
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.home-content-wrap {
  margin-top: 0;
  margin-bottom: 120px;
}

.home-section-wrap {
  margin-bottom: 30px;
}

.h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Nunitosans, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
}

.h3.h3-20-margin {
  margin-bottom: 20px;
  font-weight: 600;
}

.big-product-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 1fr;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 80px;
  padding-left: 0;
}

.big-product-grid.cc-about-2 {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: ". .";
  height: auto;
}

.big-product-grid.cc-about-2.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.big-product-grid.cc-about-2.fixtest {
  grid-auto-flow: row;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.intro-text {
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
  display: block;
  position: relative;
}

.header-video {
  box-shadow: none;
  color: var(--white);
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%);
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  height: 90vh;
  margin: 0 0 120px;
  padding-bottom: 9vw;
  font-family: Nunitosans, Arial, sans-serif;
  display: flex;
}

.header-video.fcb-header-video {
  background-image: linear-gradient(to right, var(--fcb-red), #590f1cb3 38%, #61616161 52%);
}

.header-video.pernod-ricard-header-video {
  filter: none;
  background-image: linear-gradient(to right, #020014f7, #023466a3 33%, #02346600 43%), linear-gradient(to top, #0000009c, #61616161);
}

.header-video.rivella-header-video {
  background-image: linear-gradient(91deg, #e20a17, #61616161 41%);
}

.header-video.aldiheadervideo {
  background-image: linear-gradient(121deg, #fa6e0a00 78%, #fa6e0a61 91%, #fa6e0af5), linear-gradient(to right, #001f78c7, #001f7800 26%), linear-gradient(127deg, #ffbf4500 55%, #ffbf45cf), linear-gradient(to right, #007ea5, #11afe099 30%, #2ac4f400 54%);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, auto, auto, auto;
}

.header-video.oreo-video-header {
  filter: none;
  background-image: linear-gradient(to right, #54cbf3, #2b9bd4 0%, #02346600 70%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/609531c21ba6384f9f8aaaf6_Oreo%20Header.webp"), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607d4864e6616e36f328ad5b_virtual%20promoter%20Oreo%20Sensape%20Header.webp"), linear-gradient(to right, #02346600 78%, #000000ed);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, no-repeat, repeat, repeat;
  background-size: auto, cover, auto, auto;
}

.header-video.analytics {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60e6ace3dbc2d5efafe23a3a_Mockup%20senscloud.webp");
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat;
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}

.header-video.content-and-campaign-management {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60db003309d6c47ca8c2902a_Phantastic%20Studio%20on%20a%20laptop_Sensape_.webp");
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}

.header-video.connectivity {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 78%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60b9eb9b9dd5dfe7a8fa6749_SENSAPE%20Infotainment%20Solutions%20(1).webp");
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 50% 0;
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}

.header-video.maintenance {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60db07e40b9522668966d4e8_Sensape%20contact%20header.webp");
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}

.header-video.ar-wine-tasting-header-video {
  background-image: linear-gradient(to right, var(--rivella-orange), #e2231a69 38%, #61616161 52%);
}

.header-video.metrix-header-video-copy {
  background-image: linear-gradient(117deg, #f602f200 61%, #f602f2), linear-gradient(45deg, #2438ff, #fff0 54%);
}

.header-video.rivella-refresh-header-video {
  background-image: linear-gradient(91deg, var(--sky-blue-highlight), #61616161 41%);
}

.header-video.rheem-header-video {
  background-image: linear-gradient(to right, var(--fcb-red), #590f1cb3 38%, #ffffff6e 77%);
}

.header-video.fof-header-video {
  background-image: linear-gradient(91deg, #164ceba8 13%, #e15445bd 34%, #0000 52%, #ffffff70 89%);
}

.header-video.fof-header-video.gallery-view {
  background-image: none;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.header-video.psg-header-video {
  background-image: radial-gradient(circle farthest-corner at 0% 50%, #61616161 62%, #dc052d96 84%, var(--pernod-blue) 96%);
}

.header-video.xmas-card-header-video {
  background-image: linear-gradient(91deg, #68b22aa8 8%, #4fbed3cc 34%, #0000 52%, #ffffff70 89%);
}

.header-video.xmas-header-video {
  background-image: linear-gradient(91deg, #164ceba8 13%, #e15445bd 34%, #0000 52%, #ffffff70 89%);
}

.header-video.xmas-header-video.gallery-view {
  background-image: none;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.header-video.shoppingqueen-header-video {
  background-image: linear-gradient(91deg, #e43382db, #291335a1 31%, #0000 52%, #ffffff70 89%);
}

.header-video.ktm-header-video {
  background-image: radial-gradient(circle at 0%, #c25e00 10%, #86603c9c 39%, #78604a00 49%, #61616161 80%, #ffffffed), linear-gradient(to right, #fff 34%, #0000 44%);
}

.header-video.boe-header-video {
  background-image: linear-gradient(91deg, var(--sensape-grey) 13%, #e15445bd 30%, transparent 61%, #ffffff70 89%);
}

.header-video.gtf-header-video {
  background-image: linear-gradient(91deg, #000032, #32ff98a6 16%, #0000 48%, #ffffff38);
  background-position: 0 0;
}

.header-video.contrasttest {
  box-shadow: none;
  filter: saturate(127%);
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(to right, #000 7%, #000000e6 19%, #000000b3 30%, #00000026 46%, #81e2ff00 55%), linear-gradient(95deg, #0000009e, #0000 26%);
}

.header-video.new {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), radial-gradient(circle at 0%, #000000ed, #0000009c 43%, #0000), linear-gradient(342deg, #4fbed39e, #68b22a3b 38%, #3738386e 47%);
}

.header-video.contrasttest-copy {
  box-shadow: none;
  filter: saturate(127%);
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(to right, #000 7%, #000000e6 19%, #000000b3 30%, #00000026 46%, #81e2ff00 55%), linear-gradient(95deg, #0000009e, #0000 26%);
  position: absolute;
  inset: 0%;
}

.nav-text {
  color: #272727;
  font-size: 16px;
  font-weight: 400;
}

.nav-text.nav-text-white {
  color: var(--white);
  font-family: Nunitosans, Arial, sans-serif;
}

.header-grid {
  grid-row-gap: 0px;
  text-shadow: -1px 1px 6px var(--sensape-grey);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.button-text {
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  text-shadow: none;
  font-family: Nunitosans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.button-text.white {
  color: #fff;
}

.body {
  color: #272727;
  object-fit: none;
  font-family: Nunitosans, Arial, sans-serif;
}

.image {
  text-align: center;
  object-fit: fill;
  width: auto;
  height: auto;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.nav-icon-grey {
  color: var(--sensape-grey);
}

.nav-icon-grey.nav-icon-white {
  color: var(--white);
}

.bold-text {
  font-weight: 400;
}

.new-footer {
  background-color: var(--sensape-grey);
  border-top: 1px solid #fff9;
  margin: 0;
  padding-top: 0;
}

.container-2 {
  width: 50%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.heading {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Nunitosans, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.footer-link {
  opacity: .6;
  color: #fff;
  text-align: left;
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}

.footer-link:hover {
  opacity: 1;
}

.footer-link.lower {
  opacity: 1;
  color: #fff9;
  text-align: center;
  padding-top: 20px;
  font-weight: 700;
}

.text-block {
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  color: var(--white);
}

.text-block.gradient-text.lightbox-button-page-text {
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 11px 24px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.web-ar-3-grid {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
  margin-bottom: 80px;
  padding-bottom: 0;
}

.body-2 {
  color: var(--sensape-grey);
  font-family: Nunitosans, Arial, sans-serif;
}

.dropdown {
  color: var(--sensape-grey);
}

.icon-image {
  opacity: 1;
  width: 38px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.icon-grid {
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  margin-top: 0;
}

.heading-4-style {
  margin: 0;
}

.heading-4-style.h4-slim {
  text-align: center;
  font-weight: 600;
}

.heading-4 {
  margin: 0;
  font-weight: 600;
}

.heading-4.heading-4-margin-20 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}

.heading-4.heading-4-margin-60 {
  margin-top: 20px;
  margin-bottom: 60px;
  font-weight: 600;
}

.dropdown-link {
  opacity: 1;
  color: var(--sensape-grey);
}

.dropdown-link:hover {
  filter: brightness(200%);
}

.dropdown-link.w--current {
  color: var(--sensape-grey);
}

.dropdown-list-background {
  color: var(--sensape-grey);
  background-color: #f4f4f4;
}

.dropdown-list-background.w--open {
  background-color: #0000;
  position: absolute;
}

.dropdown-list-background.projects {
  left: -25vw;
}

.dropdown-list-background.solutions {
  left: -7vw;
}

.dropdown-list-background.hardware {
  left: -10vw;
}

.dropdown-list-background.services {
  left: -20vw;
}

.section-grey {
  background-color: var(--sensape-grey);
  color: var(--white);
  margin-top: 120px;
  margin-bottom: 120px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.screenrecording-video {
  z-index: 5;
  object-fit: fill;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  overflow: visible;
  transform: scale(.7);
}

.screenrecording-video.fcb-screenrecording {
  width: 100vh;
  margin: 0 0 80px;
}

.screenrecording-video.rivella-screenrecording {
  background-image: none;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin: 0;
}

.columns {
  opacity: 1;
  border: 1px solid #0000;
  margin-top: 10px;
}

.image-6 {
  text-align: center;
  height: auto;
  max-height: 100px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.footer-grid {
  grid-template: ". . . . . Area"
  / 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.section-footer {
  background-color: var(--sensape-grey);
  max-width: 100vw;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.icon {
  background-color: #ddd;
  border-radius: 100%;
}

.lightbox-button {
  border: 1px solid var(--white);
  color: var(--white);
  padding: 16px 35px;
  text-decoration: none;
}

.lightbox-button.lightbox-button-page {
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  border-color: #0000;
  margin-left: 0;
  margin-right: 20px;
  padding: 1px;
}

.lightbox-button.lightbox-button-page.hide {
  display: none;
}

.container-3 {
  background-color: var(--white);
}

.fov-gallery-item {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.tabnav-item {
  flex: 0 auto;
  margin-right: 60px;
}

.tabnav-item.last {
  margin-right: 0;
}

.kpi-sticky-container {
  max-width: 100vw;
  height: 300vh;
  display: block;
  position: relative;
  overflow: visible;
}

.kpi-sticky-container._4-kpis {
  height: 400vh;
}

.kpi-sticky-container._1-kpi {
  height: 100vh;
}

.kpi-sticky-container._2-kpis {
  height: 200vh;
}

.fov-gallery-container {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  bottom: 20px;
}

.tabnav-items {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.tabnav-keyline {
  background-color: var(--white-smoke);
  width: 100%;
  height: 2px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.tabnav-link {
  color: var(--sensape-grey);
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 34px;
  text-decoration: none;
  display: block;
}

.keyline-selcted {
  background-color: var(--sensape-grey);
  width: 30%;
  height: 100%;
}

.fov-gallery.overflow-hidden {
  width: 100%;
  height: 70vh;
  position: relative;
}

.tab-nav {
  flex-direction: column;
  order: 2;
  max-width: 200px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.fov-sticky-content {
  position: sticky;
  top: 143.5px;
}

.body-4 {
  background-color: var(--white);
  color: var(--sensape-grey);
  font-family: Nunitosans, Arial, sans-serif;
}

.h1 {
  z-index: 50;
  color: var(--white);
  letter-spacing: -.015px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin: 20px auto 40px;
  font-size: 96px;
  font-weight: 600;
  line-height: 1.04;
  display: block;
  position: static;
}

.h1.h1-grey {
  color: var(--sensape-grey);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  max-width: 1000px;
  font-weight: 600;
}

.h1.h1-grey.h1-gradient {
  background-image: linear-gradient(-40deg, var(--sensape-grey), #838383);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 20px;
  margin-bottom: 0;
}

.h1.project-value-text {
  opacity: 1;
  text-shadow: 1px 1px 2px #00000042;
  width: 66%;
  max-width: 680px;
  font-size: 84px;
  position: absolute;
  left: 5%;
}

.h1.project-value-text-cms {
  opacity: 1;
  text-shadow: 1px 1px 2px #00000042;
  width: auto;
  max-width: 680px;
  font-size: 84px;
  display: inline;
  position: static;
  left: 5%;
}

.h1.project-value-text-cms.space {
  opacity: 0;
}

.overflow-hidden {
  overflow: hidden;
}

.foto-fan {
  z-index: 5;
  background-color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.foto-fan.aldi {
  background-image: linear-gradient(#ffbf45, #fa6e0a);
}

.card-2 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f3d49ce53441822d77843ec_Foto%20Pernot%20Havanna%20Club.webp");
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  width: 250px;
  height: 400px;
  position: absolute;
  transform: rotate(-2deg);
  box-shadow: 0 1px 8px #1a00014d;
}

.card-2.bottom {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f3d49ce53441835dc7843eb_Foto%20Pernot%20Lillet.webp");
}

.card-2.bottom.fcb._3 {
  background-image: none;
}

.card-2.bottom.pernod-bottom-card {
  background-image: none;
  background-size: auto;
  width: 32vh;
  height: 48vh;
  overflow: hidden;
}

.card-2.bottom.rivella-bottom-card {
  background-image: none;
  width: 32vh;
  height: 48vh;
  overflow: hidden;
}

.card-2.bottom.aldi-bottom-card {
  background-image: none;
  width: 27vh;
  height: 48vh;
  overflow: hidden;
}

.card-2.bottom.wine-ar._3 {
  background-image: none;
  width: 400px;
}

.card-2.bottom.cms {
  background-image: none;
  width: auto;
  height: 48vh;
  overflow: hidden;
}

.card-2.top {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f3d49cdf6877b62d5035220_Foto%20Pernot%20Absolut.webp");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 250px;
}

.card-2.top.fcb {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 320px;
  overflow: hidden;
}

.card-2.top.pernod-top-card {
  width: 32vh;
  height: 48vh;
  overflow: hidden;
}

.card-2.top.rivella-top {
  background-image: none;
  width: 32vh;
  height: 48vh;
  overflow: hidden;
}

.card-2.top.aldi-top {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 27vh;
  height: 48vh;
  overflow: hidden;
}

.card-2.top.wine-ar {
  box-shadow: none;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 400px;
  overflow: hidden;
}

.card-2.top.cms {
  background-image: none;
  width: auto;
  height: 48vh;
  overflow: hidden;
}

.card-2.fcb {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 320px;
  overflow: hidden;
}

.card-2.pernod-medium-card {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 32vh;
  height: 48vh;
  overflow: hidden;
}

.card-2.rivella-medium-card {
  background-image: none;
  width: 32vh;
  height: 48vh;
  overflow: hidden;
}

.card-2.aldi-medium-card {
  background-image: none;
  width: 27vh;
  height: 48vh;
  overflow: hidden;
  box-shadow: 0 1px 8px #00061a4d;
}

.card-2.wine-ar {
  box-shadow: none;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 400px;
  overflow: hidden;
}

.card-2.cms {
  background-image: none;
  width: auto;
  height: 48vh;
  overflow: hidden;
}

._4er-grid-zelle {
  text-align: left;
  flex-direction: column;
  grid-template-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

._4er-grid-parent {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: start;
  width: 66vw;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
}

._4er-grid-parent.grid-4-ol-x {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 120px;
}

.section-challenge {
  background-color: var(--white);
  color: var(--sensape-grey);
  padding-top: 30px;
  padding-bottom: 120px;
}

.section-challenge.pernod-ricard-section-challenge {
  padding-top: 120px;
}

.paragraph-20px {
  text-align: center;
  width: auto;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 32px;
}

.heading-4-semibold {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.foto-fan-wrap {
  background-color: var(--white-smoke);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  width: 100vw;
  height: 100vh;
}

.distance-block {
  height: 30px;
}

.distance-block._10vh {
  margin-bottom: 7vh;
}

.section-white {
  color: var(--sensape-grey);
  margin-top: 120px;
  padding-top: 0;
  padding-bottom: 120px;
}

.screenrecording-div-projects {
  justify-content: center;
  align-items: center;
  max-width: 600px;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.screenrecording-div-projects.fcb-screenrecording-div {
  justify-content: center;
  width: 100vw;
  height: 66vh;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.screenrecording-div-projects.screenrecording-div-pernod-ricard {
  height: 82vh;
  padding: 0 72px;
  overflow: visible;
}

.screenrecording-div-projects.rivella-screenrecording-div {
  justify-content: center;
  max-width: 1000px;
  height: 70vh;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.screenrecording-div-projects.rivella-screenrecording-div.rounded {
  border-radius: 40px;
  display: none;
  box-shadow: 0 5px 14px -5px #000;
}

.form-3 {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.newsletter-form-block {
  color: var(--sensape-grey);
  width: 350px;
  margin: 21px auto 20px;
  display: none;
}

.newsletter-form-block.hide {
  display: none;
}

.newsletter-form-block.pop-up-form {
  width: 480px;
  display: block;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 2fr;
}

.text-field-2 {
  border: 1px solid var(--white-smoke);
  opacity: 1;
  color: var(--white);
  background-color: #0000;
  margin-bottom: 12px;
}

.text-field-2::placeholder {
  color: #fff9;
}

.text-field-2.grey {
  color: var(--sensape-grey);
  background-color: #2727270d;
  border-color: #27272799;
  margin-bottom: 0;
}

.text-field-2.grey::placeholder {
  color: #27272799;
}

.field-label-2 {
  color: #fff;
  text-align: left;
}

.field-label-2.grey {
  color: var(--sensape-grey);
}

.container-5 {
  padding-top: 10px;
}

.product-image {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: 40px auto;
}

.product-image.build-your-own {
  width: auto;
  max-width: none;
  height: auto;
  max-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.product-image.web-ar-scale, .product-image.scale {
  transform: scale(1.2);
}

.product-image.testunsqueeze {
  width: 100%;
  height: auto;
}

.product-image._100-width {
  width: 100%;
}

.product-image.deactivated {
  display: none;
}

.product-tile-image-wrapper {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
}

.product-tile-image-wrapper.build-your-own {
  justify-content: flex-end;
  align-items: center;
  height: 50vh;
  margin-bottom: -10vh;
  margin-right: -10vh;
  position: relative;
}

.product-tile-grid-parent {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  max-width: 80vw;
  margin: 80px auto;
}

.product-tile-grid-parent.disable {
  display: none;
}

.header-sensape-q {
  color: var(--white);
  text-align: center;
  background-image: radial-gradient(circle, #389cafcc, #1d606de6), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5f8de7c27c372a808bb5c9f6_Shopping%20Mall%20full%20of%20people.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.q-header-wrapper {
  text-align: center;
  max-width: 700px;
}

.q-h1-header {
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 1.14;
}

.button-2 {
  background-color: var(--white);
  color: var(--store-blue);
  margin-top: 20px;
  padding: 10px 40px;
  font-size: 20px;
  font-weight: 400;
  transition-duration: 30ms;
  box-shadow: 0 4px 11px #2727273d;
}

.button-2:hover {
  border: 1px solid var(--white);
  box-shadow: none;
  color: var(--white);
  background-color: #0000;
  border-radius: 1px;
}

.intro-section-sensape-q {
  max-width: 100vw;
  padding-top: 120px;
}

.heading-18 {
  width: auto;
  max-width: none;
  margin-bottom: 120px;
  font-weight: 700;
  line-height: 1.14;
}

.grey-span {
  color: var(--live-green);
}

.sensape-q-title {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
}

.scroll-hack-grid-2 {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  align-items: start;
}

.h3-master {
  font-size: 37px;
  font-weight: 700;
  line-height: 1.3;
}

.h3-master.cta-h3 {
  margin-bottom: 20px;
  font-weight: 600;
}

.paragraph-master {
  opacity: .6;
  align-self: auto;
  width: auto;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8;
}

.paragraph-master.testimonial-paragraph {
  text-align: center;
}

.paragraph-master.primary-100-opacity {
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-master.primary-100-opacity.no-margin, .paragraph-master.primary-100-opacity.no-margin-copy {
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 0;
}

.paragraph-master.left-allign {
  margin-left: 0;
}

.div-block-16 {
  flex-direction: column;
  justify-content: center;
  height: auto;
  margin-top: 25vh;
  margin-bottom: 50vh;
  display: flex;
}

.div-block-16.hide-desktop {
  display: none;
}

.q-log-in-div-en {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-clip: border-box;
  align-items: center;
  height: 75vh;
  display: block;
  position: sticky;
  top: 12.5vh;
}

.div-block-19 {
  padding-top: 138px;
}

.mehrwert-section-sensape-q {
  margin-bottom: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}

._4-grid-icon {
  grid-column-gap: 81px;
  grid-row-gap: 80px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 120px;
  margin-bottom: 120px;
}

._4-grid-icon._60-margin-top {
  margin-top: 60px;
}

.cta-test-sensape-q {
  background-image: linear-gradient(-40deg, #287381, var(--store-blue));
  color: var(--white);
  justify-content: center;
  align-items: center;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.cta-test-sensape-q.bonnet {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--bonnet-green) 11%, var(--live-green) 54%);
}

.cta-test-sensape-q._120-margin-bottom {
  background-image: linear-gradient(-40deg, var(--white-smoke), var(--dark-grey));
  margin-bottom: 120px;
}

.cta-test-sensape-q.grey {
  background-image: linear-gradient(-40deg, var(--white-smoke), var(--dark-grey));
}

.container-6 {
  opacity: 1;
  text-align: left;
  background-color: #272727e6;
  max-width: 700px;
  padding: 80px;
  position: static;
  top: 51px;
  overflow: visible;
  box-shadow: 0 3px 7px #2727277d, 0 6px 19px #4fbed3bd;
}

.container-6.shadow-gray {
  box-shadow: 0 3px 7px #2727277d;
}

.button-small-sensape-q {
  background-color: var(--white);
  background-image: linear-gradient(40deg, var(--live-green), var(--store-blue));
  color: var(--white);
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 400;
  transition-duration: 30ms;
  box-shadow: 0 4px 11px #2727273d;
}

.button-small-sensape-q:hover {
  border: 0px solid var(--white);
  background-color: #0000;
  background-image: linear-gradient(40deg, var(--live-green), var(--store-blue));
  filter: brightness(112%);
  color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 0;
  margin-bottom: 10px;
  box-shadow: 0 4px 11px #2727273d;
}

.distance-div-ems-features {
  background-color: var(--sensape-grey);
  opacity: .6;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
}

.distance-div-ems-features.distance-div-x.whie {
  background-color: var(--white);
}

.grid-10 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  margin-top: 80px;
}

.div-block-22 {
  height: 80vh;
}

.h4-master {
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 1.3;
}

.h4-master.h4-liste {
  margin-bottom: 0;
}

.h4-master.icon {
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 0%;
  margin-right: 20px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 36px;
}

.h4-master.pernod-project-icon {
  color: var(--sensape-grey);
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-color: #c2c2c2;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 0%;
  margin-top: 25px;
  margin-right: 20px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 39px;
}

.h4-master.pernod-project-icon.megaphone {
  font-size: 37px;
}

.h4-master.smaller {
  font-size: 20px;
}

.h4-master.normal {
  font-weight: 400;
}

.div-block-23 {
  max-width: none;
}

.div-block-24 {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.icon-sensape-q {
  opacity: 1;
  width: 60px;
  margin-bottom: 30px;
  padding-bottom: 0;
}

.cta-sensape-q-final {
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 100vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: block;
}

.cta-sensape-q-final.q-o-background-img {
  background-image: linear-gradient(-40deg, #272727cc, #4fbed3cc), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6139b7278731ac1808b914e0_Screenshot%202021-09-09%20092603.webp");
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.packagegrid-parent-q {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  width: 80vw;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.package-wrap {
  background-color: #272727e6;
  max-width: none;
  padding: 80px;
  position: relative;
  box-shadow: 0 3px 7px #2727277d;
}

.package-wrap.white {
  color: var(--sensape-grey);
  background-color: #ffffffe6;
  position: relative;
}

.heading-18-copy {
  width: auto;
  margin-bottom: 120px;
  font-weight: 700;
  line-height: 1.14;
}

.text-span-5-copy {
  opacity: .6;
  color: var(--white);
}

.sensape-q-admin-view {
  width: 100%;
  max-width: 960px;
  margin: 80px auto 50px;
}

.heading-18-copy {
  width: auto;
  max-width: none;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.14;
}

.paragraph-big-master-centre {
  text-align: center;
  max-width: 940px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 26px;
  line-height: 1.5;
}

.paragraph-big-master-centre.testimonial-paragraph {
  text-align: center;
  max-width: 600px;
  font-weight: 600;
}

.paragraph-big-master-centre.left-align {
  text-align: left;
  font-size: 28px;
}

.paragraph-big-master-centre.left-align.additional-text-margin {
  max-width: 869px;
  font-size: 24px;
}

.paragraph-big-master-centre.left-align.showreelsubtext {
  text-shadow: 1px 1px 6px #000;
}

.paragraph-big-master-centre.left-align.no-margin {
  text-shadow: -1px 1px 6px #27272766;
}

.paragraph-big-master-centre.left-align.alternativelucas {
  max-width: 430px;
  margin-bottom: 30px;
  font-size: 24px;
}

.paragraph-big-master-centre.semibold {
  font-weight: 600;
}

.h2-master {
  width: auto;
  max-width: 900px;
  margin-bottom: 40px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.14;
}

.h2-master.h2-cta {
  margin-bottom: 40px;
}

.h2-master.disabled {
  display: none;
}

.h2-master.smaller {
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 1.2;
}

.text-link-inpage {
  color: var(--store-blue);
}

.link-inpage-and-lightbox {
  color: var(--store-blue);
  align-items: center;
  margin-top: 40px;
  margin-bottom: 80px;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.link-inpage-and-lightbox:hover {
  color: var(--store-blue);
  text-decoration: underline;
}

.link-inpage-and-lightbox._20-margin-top {
  margin-top: 20px;
  margin-bottom: 0;
}

.image-11 {
  padding-left: 10px;
}

.packet-paragraph {
  opacity: .6;
  width: auto;
  line-height: 32px;
}

.paragraph-legal {
  color: var(--dark-grey);
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 16px;
  font-size: 12px;
  line-height: 16px;
}

.paragraph-legal.small {
  font-size: 10px;
  font-weight: 300;
  line-height: 18px;
}

.link-legal {
  color: var(--dark-grey);
}

.button-grid-nav {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: end;
}

.language-switch-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.language-text {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.en-link {
  clear: none;
  color: var(--black);
  text-decoration: none;
  display: inline;
}

.gradient-text {
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  color: var(--live-green);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.gradient-text.gradient-text-clip-secondary-button {
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  color: var(--dark-grey);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.button-gradient-header {
  background-color: #fff;
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  color: var(--white);
  margin-top: 20px;
  margin-right: 40px;
  padding: 10px 40px;
  font-size: 20px;
  font-weight: 400;
  transition-duration: 30ms;
  box-shadow: 0 4px 11px #2727273d;
}

.button-gradient-header:hover {
  box-shadow: none;
  filter: brightness(110%);
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 1px;
}

.scroll-hack-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  align-items: start;
  margin-bottom: 120px;
}

.q-sms-div-en, .q-sms-div-de, .q-log-in-div-de {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-clip: border-box;
  align-items: center;
  height: 75vh;
  display: block;
  position: sticky;
  top: 12.5vh;
}

.h4-slim {
  font-weight: 600;
}

.sticky-fade-item {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 930px;
  height: 70vh;
  display: flex;
}

.sticky-fade-item.kpi-3, .sticky-fade-item.kpi-2, .sticky-fade-item.kpi-1, .sticky-fade-item.kpi-4 {
  flex-direction: column;
}

.client-testimonial-text-div {
  background-color: var(--white-smoke);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 30px;
  padding: 10%;
  display: flex;
}

.client-testimonial-text-div.stadtbibliothek-le-zitat, .client-testimonial-text-div.ritter-sport, .client-testimonial-text-div.gtf {
  background-color: #0000;
}

.img-client-logo-testimonial {
  width: 150px;
  margin-bottom: 30px;
}

.img-client-logo-testimonial.ritter-sport {
  width: 80px;
}

.img-client-logo-testimonial.ktm {
  width: auto;
  height: 80px;
}

.text-span-11 {
  color: #023466;
  font-weight: 600;
}

.de-link {
  color: var(--sensape-grey);
  text-decoration: none;
  display: inline-block;
}

.button-nav-mobile {
  background-color: var(--sensape-grey);
  background-image: linear-gradient(40deg, var(--live-green), var(--store-blue));
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button-nav-mobile:hover {
  color: #fff;
  background-color: #32343a;
}

.button-nav-mobile:active {
  background-color: #43464d;
}

.button-nav-mobile.cc-contact-us {
  z-index: 5;
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  font-family: Nunito Sans;
  position: relative;
}

.button-nav-mobile.cc-contact-us:hover {
  filter: brightness(110%);
}

.button-nav-mobile.cc-contact-us.button-mobile-nav {
  display: none;
}

.language-switch-mobile-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-left: 20px;
  display: none;
}

.text-span-12 {
  background-color: var(--store-blue);
  -webkit-text-fill-color: transparent;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
}

.cta-container {
  width: 100%;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.project-value-div {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--fcb-red), var(--black));
  color: var(--white);
  justify-content: flex-end;
  align-items: center;
  width: 90vw;
  height: 90vh;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-value-div.project-value-div-grey {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #616061, var(--black));
  overflow: hidden;
}

.project-value-div.project-value-div-grey.altausblenden, .project-value-div.altausblenden {
  display: none;
}

.project-value-div.project-value-div-pernod-blue {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #023466, var(--black));
}

.project-value-div.project-value-div-rivella {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--rivella-red), #3e0308);
}

.project-value-div.project-value-div-aldi, .project-value-div.project-value-div-aldi-copy {
  background-image: radial-gradient(circle at 50% 0, #00b5db, #001f78);
}

.project-value-div.project-value-div-aldi-copy.bonnet {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--bonnet-green) 15%, var(--live-green) 68%);
}

.project-value-div.project-value-div-oreo {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #00bcff 42%, var(--black));
}

.project-value-div.project-value-div-boe {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #acacac, var(--black));
}

.project-value-div.metrix {
  background-image: radial-gradient(circle farthest-side at 0% 50%, var(--pernod-blue) 13%, var(--error-red));
  display: none;
}

.project-value-div.metrix1 {
  background-image: radial-gradient(circle farthest-side at 0%, #ff8dfe, #c500c3 87%);
}

.project-value-div.metrix3 {
  background-image: radial-gradient(circle farthest-side at 0%, #03004f 13%, #4641c3);
}

.project-value-div.metrix2 {
  background-image: radial-gradient(circle farthest-side at 0%, #7d89ff, #0013d3 87%);
}

.project-value-div.project-value-div-wine-ar {
  background-image: radial-gradient(circle farthest-corner at 0% 50%, var(--rivella-orange), #df3b34);
}

.project-value-div.project-value-div-rivella-refresh {
  background-image: radial-gradient(circle at 50% 0, #00f6ff, #003c4e);
}

.project-value-div.project-value-div-fof {
  background-image: radial-gradient(circle at 50% 0, #f2e0d0 31%, #164ceb);
}

.project-value-div.psg {
  background-image: radial-gradient(circle farthest-side at 0% 50%, #06315c 57%, var(--fcb-red));
}

.project-value-div.project-value-div-xmas-card {
  background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--store-blue) 31%, var(--live-green));
}

.project-value-div.project-value-div-shoppingqueen {
  background-image: radial-gradient(circle at 50% 0, #e43382, #130313);
}

.project-value-div.ktm {
  background-image: radial-gradient(circle farthest-side at 0% 50%, #ff7b00 57%, var(--black));
}

.project-value-div.cms {
  background-image: none;
}

.project-value-div.project-value-div-gtf {
  background-image: radial-gradient(circle at 50% 0, #000032 31%, #32ff98);
}

.project-value-asset-wrapper {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 50%;
  height: 80%;
  margin-right: 2%;
  position: static;
  inset: 0% 0% 0% auto;
}

.project-value-asset-wrapper.nobackgroundpic-dsgvo {
  background-image: none;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.project-value-asset-wrapper.nobackgroundpic-automatisches-foto {
  background-image: none;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  margin-right: 0%;
  display: flex;
}

.project-value-asset-wrapper.pernod-social-media {
  filter: saturate(135%) contrast(110%);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 43%;
  margin-right: 4%;
  transform: scale(.8);
}

.project-value-asset-wrapper.pernod-rabattcodes {
  filter: contrast(110%);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  height: 71%;
}

.project-value-asset-wrapper.pernod-analyse {
  filter: saturate(65%) hue-rotate(328deg);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  width: 48%;
  margin-right: 3%;
}

.project-value-asset-wrapper.nobackgroundpic-rivella-multilingual {
  background-image: none;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.project-value-asset-wrapper.nobackgroundpic-rivella-multilingual.centeredchildren {
  justify-content: center;
}

.project-value-asset-wrapper.nobackgroundpic-rivella-extraction, .project-value-asset-wrapper.nobackgroundpic-rivella-microsite {
  background-image: none;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.project-value-asset-wrapper.bonnet {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  margin-right: 4%;
  transform: rotate(-6deg);
}

.project-value-asset-wrapper.ems-maskenerkennung {
  filter: saturate(135%) contrast(110%);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 43%;
  margin-right: 4%;
  transform: scale(.8);
}

.project-value-asset-wrapper.ems-kapazit-t {
  filter: contrast(110%);
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6079889e0b61168210b3b5b4_PersonenzahlWartezeit.webp"), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6079894653127e669b60156f_BitteWarten.webp"), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607988b692a3ed92c37f449e_MaxKapazit%C3%A4t.webp");
  background-position: 110% 0, 50%, 50% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 70%, contain, 60%;
  height: 71%;
}

.project-value-asset-wrapper.boeassetbox {
  filter: contrast(110%);
  background-image: none;
  background-size: auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  height: 71%;
  display: flex;
}

.project-value-asset-wrapper.nobackgroundpic-metrix-usp1 {
  background-image: none;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.project-value-asset-wrapper.usp-img-wrapper {
  background-image: none;
  background-size: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.text-span-project-usp {
  color: var(--signal-red);
}

.text-span-project-usp.metrix {
  color: var(--metrix-magenta);
}

.text-span-project-usp.metrix.darkpink {
  color: #9c009c;
}

.text-span-project-usp.metrix.lightblue {
  color: #5a69ff;
}

.text-span-project-usp.metrix.darkblue {
  color: #06009b;
}

.text-span-project-usp.psg {
  color: var(--fcb-red);
}

.text-span-project-usp.ktm {
  color: var(--black);
}

.html-embed-3 {
  transform: scale(.8);
}

.html-embed-4 {
  transform: scale(.7);
}

.dropdown-link-main {
  color: var(--sensape-grey);
  padding-right: 40px;
}

.dropdown-link-main:hover {
  background-color: var(--white-smoke);
}

.dropdown-link-main.w--current {
  color: var(--sensape-grey);
}

.dropdown-link-main.sub {
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 40px;
  font-size: 14px;
}

.text-span-14 {
  color: #7fa5d0;
}

.screenrecording-video-projects {
  z-index: 5;
  object-fit: fill;
  width: 100%;
  height: 75vh;
  margin-left: 75px;
  margin-right: 75px;
}

.screenrecording-video-projects.pernod-ricard-screenrecording {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  background-image: linear-gradient(#000, #fff);
  height: 100%;
  overflow: visible;
}

.text-span-15 {
  color: var(--store-blue);
  font-weight: 600;
}

.text-span-16 {
  color: var(--store-blue);
  font-weight: 700;
}

.sticky-scroll-indicator-width-div {
  text-align: center;
  width: auto;
  margin-bottom: 0;
}

.button-grid-nav-copy {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: none;
}

.heading-19 {
  opacity: 1;
  text-align: left;
  text-shadow: 1px 1px 16px #000000a8;
  max-width: 700px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0;
}

.gradient-text-clip-secondary-button {
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  padding: 0;
  font-weight: 700;
}

.white-bg-secondary-button-div {
  background-color: var(--white);
  margin: 1px;
  padding: 11px 24px;
  font-weight: 600;
}

._4-grid-icon-old {
  grid-column-gap: 81px;
  grid-row-gap: 80px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 66vw;
  margin: 120px auto;
}

.allstars-demo-video {
  border-radius: 0%;
  width: 100%;
  height: 50vh;
  margin-bottom: 20px;
}

._3er-grid-allstars-demo {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 66vw;
  margin: 60px auto 120px;
  padding-bottom: 6px;
}

.h2-prismic-rebuild {
  text-align: center;
  margin-bottom: 10px;
  font-size: 64px;
  font-weight: 600;
}

.h2-wrapper-centre {
  text-align: left;
  max-width: 900px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.img-big-product-grid {
  max-height: 90vh;
}

.img-big-product-grid.senscloud {
  width: 60vw;
  max-height: none;
  position: relative;
  right: 12vw;
}

.img-big-product-grid.hide-desktop {
  display: none;
}

.img-big-product-grid.revenue-r2go {
  transform: scale(1.3);
}

.allstars-3-grid-img {
  margin-bottom: 20px;
}

.div-block-29, .text-wrap-big-content-grid {
  text-align: left;
}

.section-full-service {
  margin-bottom: 120px;
  overflow: hidden;
}

.section-customize {
  overflow: hidden;
}

.section-grow-your-business, .section-viral-brand-experience {
  margin-bottom: 120px;
  overflow: hidden;
}

.text-span-bg-gradient {
  font-size: 78px;
  line-height: 1.3;
}

.text-span-bg-gradient.stagetextnewshowreel {
  text-shadow: 1px 1px 6px #27272766;
  font-size: 72px;
  font-weight: 600;
  line-height: 1.1;
}

.logo-wrap-flex {
  background-color: var(--white);
  justify-content: space-around;
  align-items: center;
  width: auto;
  height: 10vh;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.logo-wrap-flex.show-mobile {
  display: none;
}

.logo-wrap-child {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 8vw;
  height: 100%;
}

.logo-wrap-child.loreal-logo {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60099618e245900403cb0e2c_Loreal%20Logo.webp");
}

.logo-wrap-child.db-logo {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/600996169cce957f29602964_DB%20Logo.webp");
}

.logo-wrap-child.fc-bayern-logo {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/600996181d46dd5fd689bd5f_FC%20Bayern%20M%C3%BCnchen%20Wordmark.webp");
}

.logo-wrap-child.aldi-logo {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60099616bbf8083ec3a89337_Aldi%20Logo.webp");
}

.logo-wrap-child.daimler-logo {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60099616b3301e469c3e47ff_Daimler%20logo.webp");
}

.logo-wrap-child.pernod-ricard-logo {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60099619b940fdbf0e761d1e_Pernod%20Ricard%20logo.webp");
}

.logo-wrap-child.rheem-logo {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6009961aeeff4e3c54402f11_Rheem%20logo.webp");
}

.logo-wrap-child.pro-sieben {
  filter: none;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef6cba0d401a889060bcc6_pro%20sieben%20logo%20small-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 10vw;
  height: 80%;
}

.logo-wrap-child.zdf-logo {
  filter: none;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef6c691a730a56f2684794_zdf%20logo%20small-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.logo-wrap-child.mdr-logo {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/600ec4f17de40bca2decaaaa_MDR%20Logo.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.logo-wrap-child.mdr-logo.hide-mobile {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef6c670d401a8e1960bb9d_mdr%20logo%20small-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.logo-wrap-child.wdr {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60506affe11b411ad8a2b1a3_WDR_Dachmarke.svg.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.logo-wrap-child.wdr.hide-mobile {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef6c67b39a8f704b68c54a_wdr%20logo%20small-min.png");
}

.logo-wrap-child.horizont-logo {
  filter: none;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef6c66ddc4b3985b921eef_Horizont%20logo%20small-min.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.logo-wrap-child.wuv-logo {
  filter: none;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/604f497b198124ada01d2dba_Werben_%26_Verkaufen_Logo.svg.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.logo-wrap-child.wuv-logo.hide-mobile {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef6c680d401a979560bb9e_W%26V%20logo%20small-min.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.logo-wrap-child.handelsblatt {
  filter: none;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/615ebe0009cb482d20639aa3_Handelsblatt.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 10vw;
  height: 80%;
}

.logo-wrap-child.blooloop {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60506affe11b411ad8a2b1a3_WDR_Dachmarke.svg.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.logo-wrap-child.blooloop.hide-mobile {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/615ebec3045c397263efb578_blooloop.webp");
  background-size: contain;
}

.client-section {
  margin-bottom: 120px;
}

.client-section.customspacing {
  margin-bottom: 100px;
  display: block;
}

.client-section._60-margin {
  margin-bottom: 120px;
}

.distance-line-div {
  background-color: var(--white-smoke);
  opacity: 1;
  border-radius: 0;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.logo-wrap-parent {
  width: 100%;
  display: flex;
}

.logo-wrap-parent.div-scroll-intro-view {
  flex-direction: column;
}

.map-img-div {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61a0ef152d7ada090776a77b_International%20Roll-Out%20Experience%20-%2011.2020.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  background-attachment: scroll;
  height: 70vh;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-right: 0;
  transform: scale(1.1);
}

.map-img-div.partners {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61a0ef152d7ada090776a77b_International%20Roll-Out%20Experience%20-%2011.2020.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.grid-div {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  padding: 10vh;
  text-decoration: none;
  transition-property: none;
}

.grid-div:hover {
  border: 1px none var(--white-smoke);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--white));
  box-shadow: 1px 1px 6px #2727272b;
}

.grid-div.grid-div-big {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  display: flex;
  position: relative;
}

.grid-div.grid-div-big:hover {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--white));
}

.grid-div.background-image-topics {
  filter: grayscale();
  background-image: linear-gradient(to right, #fafafa, #fafafa99), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c928d349617865400831f_Sensape%20Phantastic%20Photobox%20at%20Event%20Fair.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.button-inpage-link {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
  text-decoration: none;
  display: flex;
}

.button-inpage-link:hover {
  color: var(--store-blue);
  text-decoration: underline;
}

.button-inpage-link._16px {
  margin-top: 0;
  font-size: 16px;
}

.button-inpage-link.no-top-margin {
  margin-top: 0;
}

.project-teaser-wrap-parent {
  justify-content: space-around;
  width: 100vw;
  margin-top: 80px;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.project-teaser-wrap-parent.no-margin {
  margin-top: 0;
}

.project-teaser-wrapper {
  border: 1px solid var(--white-smoke);
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b222a561f5e35948cc6c63_Pernod%20Ricard%20Interactive%20Promotion%20and%20Interactive%20Sales%20by%20Sensape%20-%20Thumbnail%20small-min.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  flex-direction: column;
  width: 33.3333vw;
  min-width: auto;
  height: 66vh;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  transition: width .625s;
  display: flex;
  position: relative;
}

.project-teaser-wrapper:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b222a561f5e35948cc6c63_Pernod%20Ricard%20Interactive%20Promotion%20and%20Interactive%20Sales%20by%20Sensape%20-%20Thumbnail%20small-min.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  width: 75vh;
  min-width: auto;
}

.project-teaser-wrapper.rivella-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef2905d96f6215bbea9aa3_rivella%20sensape%20small.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.rivella-teaser:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef2905d96f6215bbea9aa3_rivella%20sensape%20small.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.fcb-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63ebaa0d4944fd6536b25aef_CustomIntegration_Thumbnail-FCB-800%20(4).webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 70%, auto;
  transition: all .625s, width .625s;
}

.project-teaser-wrapper.fcb-teaser:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63ebaa0d4944fd6536b25aef_CustomIntegration_Thumbnail-FCB-800%20(4).webp"), radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 75%, auto;
}

.project-teaser-wrapper.central-ibrary-leipzig {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef2905d96f6215bbea9aa3_rivella%20sensape%20small.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.central-ibrary-leipzig:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef2905d96f6215bbea9aa3_rivella%20sensape%20small.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.central-ibrary-leipzig._2er {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60520ebfa7c687c808076a57_EMS_Regeln%20(1).webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-size: auto 50%, auto;
  width: 50vw;
  transition: all .33s cubic-bezier(.215, .61, .355, 1), width .625s;
}

.project-teaser-wrapper.central-ibrary-leipzig._2er:hover {
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 60%, auto;
}

.project-teaser-wrapper.bonnet-bike-store {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef28eca618e6783a0040cc_fcb%20sensape%20small.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.bonnet-bike-store:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef28eca618e6783a0040cc_fcb%20sensape%20small.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.bonnet-bike-store._2er {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b222a8d723c45e54d2c9b4_Ritter%20Sport%20Interactive%20Promotion%20by%20Sensape%20-%20Thumbnail%20small-min.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-size: auto 50%, auto;
  width: 50vw;
  transition: all .33s cubic-bezier(.215, .61, .355, 1), width .625s;
}

.project-teaser-wrapper.bonnet-bike-store._2er:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6076bb0c0c03ad9f51ad44de_Bonnet%20Radwelt%20Q3.webp"), radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 60%, auto;
}

.project-teaser-wrapper.vinery-barceloneta {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef2905d96f6215bbea9aa3_rivella%20sensape%20small.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.vinery-barceloneta:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60ef2905d96f6215bbea9aa3_rivella%20sensape%20small.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.vinery-barceloneta._60vw {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6155c393d5a7753d40643bc8_WineAR%20by%20Sensape_Moment_censored.webp"), radial-gradient(circle farthest-corner at 50% 100%, var(--almost-white), var(--super-white));
  background-size: auto 50%, auto;
  width: 60vw;
}

.project-teaser-wrapper.vinery-barceloneta._60vw:hover {
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 50%, auto;
  width: 66vw;
}

.project-teaser-wrapper.psg-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63ebbaf97a72986423e16d2b_InteractiveFanEngagementPSG6%20(1).webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.psg-teaser:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63ebbaf97a72986423e16d2b_InteractiveFanEngagementPSG6%20(1).webp"), radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.xmas-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/622610dc3eafab5da9fa7326_Xmas%20AR%20Sensape%20Allstars%20teaser%20thumbnail.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.xmas-teaser:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/622610dc3eafab5da9fa7326_Xmas%20AR%20Sensape%20Allstars%20teaser%20thumbnail.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.shoppingqueen-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb998938348f555ffddc41_ShoppingQueen_Thumbnail_WebsiteMain3-Min.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 80%, auto;
  transition: all .6s, width .625s;
}

.project-teaser-wrapper.shoppingqueen-teaser:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb998938348f555ffddc41_ShoppingQueen_Thumbnail_WebsiteMain3-Min.webp"), radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 90%, auto;
}

.project-teaser-wrapper.webar-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb998938348f555ffddc41_ShoppingQueen_Thumbnail_WebsiteMain3-Min.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.webar-teaser:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb998938348f555ffddc41_ShoppingQueen_Thumbnail_WebsiteMain3-Min.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.ready-to-go-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6227572725e66e8a2b1f2f26_Ready%20to%20go%20Sensape%20Allstars.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.ready-to-go-teaser:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6227572725e66e8a2b1f2f26_Ready%20to%20go%20Sensape%20Allstars.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.custom-integration-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63ebaa0d4944fd6536b25aef_CustomIntegration_Thumbnail-FCB-800%20(4).webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.custom-integration-teaser:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63ebaa0d4944fd6536b25aef_CustomIntegration_Thumbnail-FCB-800%20(4).webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.fof-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61a0e08c5c8f596c8e6e6fed_FOF%20smart%20guiding%20by%20AR%20by%20Sensape.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.fof-teaser:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61a0e08c5c8f596c8e6e6fed_FOF%20smart%20guiding%20by%20AR%20by%20Sensape.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.gtf-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62b31e38b26cbb72414fe6e9_GTF%202022%20Smart%20guiding.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
}

.project-teaser-wrapper.gtf-teaser:hover {
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.eurojackpot-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63ebc9ffb55b65cff049cccb_Thumbnail_Eurojackpot-USP-1-Still%20(1).webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
}

.project-teaser-wrapper.eurojackpot-teaser:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63ebc9ffb55b65cff049cccb_Thumbnail_Eurojackpot-USP-1-Still%20(1).webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.rivella-refresh-2-webar-teaser-copy {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb9c77f61bf462dc58ec31_Rivella_Thumbnail_WebsiteMain.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 65%, auto;
}

.project-teaser-wrapper.rivella-refresh-2-webar-teaser-copy:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb9c77f61bf462dc58ec31_Rivella_Thumbnail_WebsiteMain.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 70%;
}

.project-teaser-wrapper.winear-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b222a4b939db8294fe3f48_Vinothek%20Barceloneta%20Interactive%20Promotion%20by%20Sensape%20-%20Thumbnail%20small%20%E2%80%93%201-min.png"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
}

.project-teaser-wrapper.winear-teaser:hover {
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.rheem-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/621f567c1d22914cbe8290d3_Rheem%20Digital%20Sales%20assistant%20Thumbnail.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 70%, auto;
  transition: all .6s, width .625s;
}

.project-teaser-wrapper.rheem-teaser:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/621f567c1d22914cbe8290d3_Rheem%20Digital%20Sales%20assistant%20Thumbnail.webp"), radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30);
  background-position: 50% 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 80%, auto;
}

.project-teaser-wrapper.oreo-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63074695c54a6b7437b96bd8_Oreo%20Thumbnail.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 70%, auto;
  transition: all .6s;
}

.project-teaser-wrapper.oreo-teaser:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63074695c54a6b7437b96bd8_Oreo%20Thumbnail.webp"), radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30);
  background-position: 50% 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 80%, auto;
}

.project-teaser-wrapper.glow-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/630ddde04dcb09ef6810a120_IMG_1330_Moment2.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.glow-teaser:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/630f771fc8d2fb103c3f89e7_IMG_1330_Moment2-min.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.konectado-teaser {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b1e05edab2e7126ff720c2_Interactive%20AR%20Elements%20in%20Ecuador_Konectado_Sensape.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.project-teaser-wrapper.konectado-teaser:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b1e05edab2e7126ff720c2_Interactive%20AR%20Elements%20in%20Ecuador_Konectado_Sensape.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.project-teaser-wrapper.disney {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63b58a30349c685b180faf6c_Disney%20immersive%20engagement.png"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 90%, 0 0;
  background-size: auto 70%, auto;
  transition: all .6s, width .625s;
}

.project-teaser-wrapper.disney:hover {
  background-position: 50% 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 80%, auto;
}

.project-teaser-wrapper.pernod {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b222a561f5e35948cc6c63_Pernod%20Ricard%20Interactive%20Promotion%20and%20Interactive%20Sales%20by%20Sensape%20-%20Thumbnail%20small-min.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-size: auto 70%, auto;
  transition: all .6s, width .625s;
}

.project-teaser-wrapper.pernod:hover {
  background-repeat: no-repeat, repeat;
  background-size: auto 80%, auto;
}

.project-teaser-wrapper.ritter-sport {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b222a8d723c45e54d2c9b4_Ritter%20Sport%20Interactive%20Promotion%20by%20Sensape%20-%20Thumbnail%20small-min.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 90%, 0 0;
  background-size: auto 70%, auto;
  transition: all .6s, width .625s;
}

.project-teaser-wrapper.ritter-sport:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b222a8d723c45e54d2c9b4_Ritter%20Sport%20Interactive%20Promotion%20by%20Sensape%20-%20Thumbnail%20small-min.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 80%, auto;
}

.project-teaser-wrapper.rivella-refresh {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb9c77f61bf462dc58ec31_Rivella_Thumbnail_WebsiteMain.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 70%, auto;
  transition: all .6s, width .625s;
}

.project-teaser-wrapper.rivella-refresh:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb9c77f61bf462dc58ec31_Rivella_Thumbnail_WebsiteMain.webp"), radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 80%, auto;
}

.project-teaser-wrapper.crosslink {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb9c77f61bf462dc58ec31_Rivella_Thumbnail_WebsiteMain.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 65%, auto;
  transition: all .6s, width .625s;
}

.project-teaser-wrapper.crosslink:hover {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/63eb9c77f61bf462dc58ec31_Rivella_Thumbnail_WebsiteMain.webp"), radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30);
  background-position: 50% 90%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 75%, auto;
}

.project-teaser-wrapper.crosslink.rectangle-img {
  background-size: auto 50%, auto;
}

.project-description-wrap {
  background-image: linear-gradient(to bottom, var(--super-white), #ffffff70 85%, #fafafa00);
  margin-bottom: 0;
  padding: 40px;
}

.div-block-36 {
  object-fit: fill;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: -10vw;
  display: flex;
  position: absolute;
  overflow: visible;
}

.div-block-38 {
  align-items: center;
  max-width: 400px;
  margin-right: 80px;
  display: flex;
}

.project-mobile-slider {
  background-color: #0000;
  height: auto;
  margin-top: 80px;
  display: none;
}

.project-mobile-slider.kpi-slider {
  height: 60vh;
  display: block;
}

.project-mobile-slider.smart-guiding, .project-mobile-slider.promotion {
  width: auto;
  height: 70vh;
  display: block;
}

.project-teaser-wrapper-mobile {
  border: 1px solid var(--white-smoke);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 0 0;
  flex-direction: column;
  width: 100%;
  min-width: auto;
  height: 100%;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  transition: width .625s;
  display: flex;
  position: relative;
}

.project-teaser-wrapper-mobile.margin-bottom {
  border-style: none;
  margin-bottom: 40px;
  transition: width .625s;
}

.project-teaser-wrapper-mobile.margin-bottom:hover {
  background-image: linear-gradient(to bottom, #fff, white), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  box-shadow: 1px 1px 6px #27272742;
}

.pojrect-card-mobile {
  grid-template-columns: 1fr;
}

.slide {
  position: relative;
}

.slide.gtf {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62b31e38b26cbb72414fe6e9_GTF%202022%20Smart%20guiding.webp");
}

.slide.promotion {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/615c63d6b9cd56246cc6eb62_Rivella_AR%20Sampling%20by%20Sensape_%20high%20resolution16_9.webp");
}

.project-description-wrap-mobile {
  margin-bottom: 20px;
  padding: 40px;
}

.slide-nav {
  opacity: 1;
  color: var(--dark-grey);
  background-color: #0000;
  background-image: none;
  display: block;
  position: static;
}

.gradient-icon {
  color: var(--dark-grey);
}

.right-arrow._66vh {
  height: 66vh;
  margin-top: 0;
  margin-bottom: 0;
}

.right-arrow.closer {
  margin-right: 140px;
}

.left-arrow._66vh {
  height: 66vh;
  margin-top: 0;
  margin-bottom: 0;
}

.left-arrow.closer {
  margin-left: 140px;
}

.kpi-title-div-wrapper {
  align-items: center;
  display: flex;
}

.heading-23 {
  margin-right: 20px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.14;
}

.kpi-single-wrapper {
  max-width: 300px;
  margin-top: 0;
  margin-right: 0;
  position: relative;
  top: 0;
}

.kpi-parent-wrap {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white) 47%, var(--super-white)), linear-gradient(-40deg, var(--almost-white), var(--almost-white) 79%, var(--white-smoke));
  color: var(--sensape-grey);
  cursor: grab;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20vw;
  padding-right: 20vw;
  display: flex;
}

.kpi-parent-wrap._66vh {
  height: 60vh;
}

.kpi-single-wrapper-copy {
  max-width: 300px;
  margin-top: 0;
  margin-left: 80px;
  margin-right: 0;
  position: static;
  top: 40px;
}

.grid-13 {
  z-index: 1000;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: auto;
  height: auto;
  margin-right: 40px;
  position: relative;
  inset: 0% auto 0% 0%;
}

.grid-13.newgridvertical {
  z-index: 1;
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-40 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-sensape-q-copy {
  opacity: 1;
  width: 40px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.div-block-41 {
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 80px;
  display: none;
  overflow: visible;
}

.stichpunkt-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 60px;
  margin-left: 0;
}

.stichpunkt-div {
  text-align: left;
  align-items: center;
  max-height: 50px;
  font-weight: 600;
  display: flex;
}

.dot-div {
  background-color: var(--dark-grey);
  opacity: 1;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.use-case-wrapper-bullet-points {
  display: flex;
}

.use-case-bullet-grid {
  grid-column-gap: 81px;
  grid-row-gap: 80px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 66vw;
  margin: 120px auto;
}

.bullet-arrow {
  width: 30px;
  height: 30px;
  margin-right: 40px;
}

.button-flex-horizontal-div {
  justify-content: flex-start;
  display: flex;
}

.blog-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  width: 90vw;
  max-width: 1400px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.blog-grid._2 {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  width: 100%;
  max-width: none;
  margin-top: 80px;
}

.blog-thumbnail-pic {
  margin-bottom: 0;
  transition: all .2s;
}

.blog-thumbnail-pic:hover {
  transform: scale(1.1);
}

.blog-grid-text-wrap {
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.link-block {
  color: var(--store-blue);
  text-decoration: none;
}

.link-block:hover {
  color: var(--store-blue);
}

.sensape-q-title-copy {
  text-align: left;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
}

.form-4 {
  max-width: 66%;
}

.q-termin-div-de {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-clip: border-box;
  align-items: center;
  height: 75vh;
  display: block;
  position: sticky;
  top: 12.5vh;
}

.text-span-rivella-color {
  color: var(--rivella-orange);
}

.flex-div {
  justify-content: space-between;
  display: flex;
}

.div-block-43 {
  text-align: right;
}

.line-div-grey {
  background-color: var(--sensape-grey);
  height: 1px;
}

.div-block-44 {
  position: relative;
}

.div-block-45 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.image-14 {
  width: 100%;
  margin-top: 40px;
}

.html-embed-rivella-1 {
  position: relative;
  left: 149px;
  transform: scale(.65);
}

.html-embed-rivella-1.shoppingqueen {
  transform: translate(15%)scale(.4);
}

.html-embed-rivella-1.psg {
  transform: translate(-5%)scale(.5);
}

.html-embed-rivella-1.shoppingqueen-ai-keying {
  bottom: 344px;
  left: -275px;
  transform: translate(15%)scale(.4);
}

.html-embed-rivella-1.ai-keying-psg {
  bottom: 110px;
  transform: translate(-5%)scale(.5);
}

.html-embed-rivella-1.psg-fan-engagement {
  box-shadow: none;
  margin: -250px -136px -247px -354px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  transform: translate(-5%)scale(.5);
}

.html-embed-rivella-1.psg-fan-engagement.test {
  box-shadow: none;
}

.html-embed-rivella-1.psg-fan-engagement.test.no-margin {
  object-fit: cover;
  width: 100%;
  height: 70vh;
  max-height: 70vh;
  margin: 0;
  left: 0;
  transform: none;
}

.html-embed-rivella-1.ktm {
  transform: translate(16%)scale(.4);
}

.html-embed-rivella-2 {
  position: relative;
  left: 150px;
  transform: scale(.65);
}

.html-embed-rivella-3 {
  object-fit: fill;
  position: relative;
  left: 150px;
  transform: scale(.65);
}

._3er-icon-grid-child {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 5vh;
  display: flex;
}

._3er-icon-grid {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 60px;
  margin-bottom: 80px;
  padding-bottom: 0;
}

.image-15 {
  width: 100%;
}

.sliderdetectionmodels {
  background-color: #fff;
  width: 100%;
  height: auto;
}

.slide-nav-2 {
  display: none;
}

.detectionicon {
  width: 34px;
}

.image-18 {
  display: block;
}

.left-arrow-2, .right-arrow-2 {
  display: none;
}

.paragraph-bigger-2 {
  opacity: .6;
  color: #272727;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger-2.no-margin {
  white-space: nowrap;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.div-block-48 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/600d8158b003333809166e2a_Sensape%20Home%20teach%20the%20computer%20to%20see.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70%;
  max-width: 70vw;
  height: 70vh;
  margin-top: 80px;
  overflow: visible;
}

.kernkompetenzen-img {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/605087cb71bc032bc4104829_Kernkompetenzen%20Sensape.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  height: 66vh;
  margin-top: 60px;
  margin-bottom: 120px;
  padding-right: 0;
}

.core-competencies-img {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6050885e0f92214ae882c094_core%20competencies%20Sensape.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  height: 70vh;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-right: 0;
}

.div-block-41---copy---new-faces {
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 80px;
  display: flex;
  overflow: visible;
}

.div-block-49 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-50 {
  justify-content: flex-start;
  align-items: center;
  width: 30vw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-51 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-div {
  justify-content: flex-start;
  align-items: center;
  width: 25vw;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.card-div.mobiledisabled-copy {
  justify-content: flex-end;
  width: 25%;
}

.image-19 {
  width: 13vw;
  margin-bottom: -5vw;
  margin-left: 0%;
  margin-right: 0;
}

.sliderdetectionmodels-2 {
  z-index: -10;
  background-color: #fff;
  width: 100%;
  height: auto;
}

.faces-2021-recognition {
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 80px;
  display: none;
  overflow: visible;
}

.image-20 {
  width: 13vw;
  margin-left: 0%;
  margin-right: 0;
}

.left-arrow-3 {
  display: none;
  inset: 0% auto 0% 0%;
}

.sensape-q-admin-view-gastro {
  width: auto;
  max-width: none;
  height: 70vh;
  margin: 80px auto 50px;
}

.header-sensape-q-o, .header-sensape-q-o-en {
  color: var(--white);
  text-align: center;
  background-image: radial-gradient(circle, #389cafcc, #1d606de6), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/605afb2c7ccf5f26f9231ebc_AdobeStock_QR%20Code%20Scan%20Sensape%20Q%26O.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.ems-image {
  height: 100%;
  margin-left: 0;
}

.gallery-section {
  padding-top: 0;
  padding-left: 25px;
  padding-right: 25px;
  overflow: hidden;
}

.gallery-wrapper {
  cursor: grab;
  max-width: none;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-title {
  margin-top: 75px;
  margin-bottom: 50px;
  font-size: 48px;
  line-height: 60px;
}

.cms-slider {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.collection-item {
  height: 66vh;
  padding-left: 15px;
  padding-right: 15px;
}

.prev_next {
  margin-top: 0;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.prev {
  border: 1px solid var(--sensape-grey);
  cursor: pointer;
  transform-style: preserve-3d;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c9ed5bae197dd60ae14d4_Arrow%20Icon%20right.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25%;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 3em;
  margin-right: 10px;
  display: flex;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.prev:hover {
  background-color: var(--white-smoke);
}

.next {
  border: 1px solid var(--sensape-grey);
  cursor: pointer;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c9ed5bae197dd60ae14d4_Arrow%20Icon%20right.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25%;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 6em;
  height: 3em;
  display: flex;
}

.next:hover {
  background-color: var(--white-smoke);
}

.image-21 {
  max-width: none;
  height: 66vh;
}

.faces-2021-recognition-1-2 {
  flex-direction: row;
  place-content: flex-start center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  display: none;
  overflow: visible;
}

.faces-info-wrapper {
  width: 100%;
  max-width: 80vw;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.faces-info-wrapper.facescontainer {
  width: 300px;
  margin-left: 10vw;
  position: relative;
}

.right-arrow-3 {
  display: block;
}

.icon-sensape-q-copy-2 {
  opacity: 1;
  width: auto;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.text-span-20 {
  font-size: 13px;
}

.faces-div {
  z-index: -10;
  object-fit: fill;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: -24vw;
  display: block;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.left-arrow-4 {
  display: block;
  inset: 0% auto 0% 0%;
}

.image-22 {
  width: 13vw;
  min-width: 200px;
  margin-left: 0%;
  margin-right: 0;
}

.heading-25 {
  opacity: .6;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 58px;
  margin-left: 14px;
  font-size: 18px;
}

.heading-25.disabled {
  display: none;
}

.heading-25.real-time {
  color: #000;
  font-size: 16px;
  line-height: 1.7;
}

.heading-25.real-time.germanspacing {
  margin-left: 47px;
}

.faces-info-child-wrapper {
  z-index: 0;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 240px;
  height: auto;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
  inset: 0% auto 0% 0%;
}

.faces-info-child-wrapper.newgridvertical {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  margin-right: 0;
  display: grid;
}

.faces-info-child-wrapper.newgridvertical.germanlesscolumngapspace {
  z-index: 0;
  grid-column-gap: 15px;
  margin-left: 0;
  margin-right: -3vw;
}

.faces-info-child-wrapper.mobilegridfacesicons, .faces-info-child-wrapper.only-mobile {
  display: none;
}

.div-block-52 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.sliderdetectionmodels-3 {
  background-color: #fff;
  flex: none;
  width: auto;
  height: auto;
  display: block;
}

.text-span-19 {
  font-size: 1.5vw;
}

.q-o {
  -webkit-text-fill-color: inherit;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/605c4dfc9bcafc429b628fc1_Speisekarte%20mobile%20(1).webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  align-items: center;
  height: 75vh;
  display: block;
  position: sticky;
  top: 12.5vh;
}

.q-o._1, .q-o._1.en, .q-o._2, .q-o._2.en, .q-o._3, .q-o._3.en, .q-o._4, .q-o._4.en, .q-o._5, .q-o._5.en, .q-o._6, .q-o._6.en {
  background-image: none;
}

.icon-fontawesome-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: center;
}

.mini-icon {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}

.horizontal-flex {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.horizontal-flex.hide {
  display: none;
}

.bullet-points-parent {
  margin-top: 20px;
  margin-bottom: 40px;
}

.aldi-promoter {
  width: 101vh;
  margin-bottom: -59vh;
  position: absolute;
  inset: auto 0% 0% auto;
}

.slider-2 {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  width: 100%;
  height: 100vh;
}

.slide-3-aldi {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607438f1678a5ac011d2a638_aldi%20game%20sensape%20(3).webp");
  background-position: 50%;
  background-size: auto 199%;
}

.slide-5 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607438f1678a5a6977d2a63c_aldi%20game%20sensape%20(1).webp");
  background-position: 50%;
  background-size: auto 199%;
}

.whitebottomgradient {
  background-image: linear-gradient(#fff0 77%, #ffffff26 84%, #ffffff57 89%, #fff 100% 100%, #fff);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-23 {
  width: 17vw;
  margin-top: -5vw;
  margin-left: -33vw;
  margin-right: 12vw;
  transition: filter .55s, transform .2s;
}

.image-24 {
  height: 90%;
  display: none;
  transform: rotate(14deg);
}

.icon_small {
  overflow: visible;
  transform: scale(.7);
}

.image-26 {
  height: 104%;
}

.image-27 {
  height: 92%;
}

.image-28 {
  width: 23vw;
  margin-top: -10vw;
  margin-left: 3vw;
}

.div-block-53 {
  background-image: linear-gradient(#fff0 86%, #ffffff1a 89%, #ffffff6e 94%, #fff);
  height: 100%;
}

.text-span-aldi-color {
  color: var(--rivella-orange);
}

.header-video-copy {
  box-shadow: none;
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(68deg, #00cc7ed6 17%, #81e2ff00 52%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%);
  align-items: flex-end;
  width: 100%;
  height: 90vh;
  margin: 0 0 120px;
  padding-bottom: 9vw;
  font-family: Nunitosans, Arial, sans-serif;
  display: flex;
}

.header-video-copy.bonnet-header {
  filter: saturate(122%);
  background-image: linear-gradient(80deg, #81bb27b0 6%, #4570ec91 30%, #2145aa69 54%, #1b7b9942), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6076bb0c0c03ad9f51ad44de_Bonnet%20Radwelt%20Q3.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  align-items: flex-end;
  position: relative;
}

.text-span-bonnet {
  color: #ffe656;
}

.accordion-item-trigger {
  cursor: pointer;
}

.accordion-wrapper {
  width: 100%;
  margin-top: 60px;
}

.accordion-item-trigger-2 {
  cursor: pointer;
  transition: all .2s;
}

.accordion-item-trigger-2:hover {
  background-color: #fff;
  padding-left: 40px;
  padding-right: 40px;
}

.accordion-item-content {
  border: 1px none var(--white-smoke);
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.distance-line-div-copy {
  background-color: var(--white-smoke);
  opacity: 1;
  border-radius: 0;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.accordion-flex-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.accordion-arrow {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c9ed5bae197dd60ae14d4_Arrow%20Icon%20right.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  transform: rotate(90deg);
}

.slide-3-bonnet {
  color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6079752e9edbce0e90c15e2c_Bonnet%20Q%201.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
}

.slide-5-aldi {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607438f1678a5a4bbfd2a634_aldi%20game%20sensape%20(2).webp");
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto 199%;
}

.slide-4-aldi {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607438f1678a5a6977d2a63c_aldi%20game%20sensape%20(1).webp");
  background-position: 50%;
  background-size: auto 199%;
}

.stadtbibo-leipzig-maskenerkennung {
  border-radius: 40px;
  height: 70vh;
  margin: 0 auto;
}

.stadtbibo-leipzig-maskenerkennung.distance {
  height: 70vh;
  margin-top: 60px;
}

.slider-3 {
  background-image: linear-gradient(#fff, #fff0 10% 89%, #fff), radial-gradient(circle, #ddd, #fff);
  width: 100%;
  height: 80vh;
  overflow: visible;
}

.right-arrow-4 {
  background-image: linear-gradient(to right, #fff0, #fff);
}

.icon-5 {
  filter: none;
  color: #d4d4d4;
  transform: scale(.7);
}

.icon-6 {
  color: #d4d4d4;
  transform: scale(.7);
}

.left-arrow-4-copy {
  background-image: linear-gradient(to right, #fff, #fff0);
}

.slide-nav-3 {
  transform: scale(.6);
}

.cta-test-sensape-q-o {
  background-image: linear-gradient(-40deg, #287381, var(--store-blue));
  color: var(--white);
  justify-content: center;
  align-items: center;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.slide-nav-4 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607438f1678a5a4bbfd2a634_aldi%20game%20sensape%20(2).webp");
  background-position: 0 0;
  background-size: auto 0%;
}

.slide-4-bonnet {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607978e816c335404662c501_Bonnet%20Q%202.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-5-bonnet {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60797914d5e3528689ccefbf_Bonnet%20Q%203.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-6-bonnet {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6079794a168bcbd22dc71cf0_Bonnet%20Q%204.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-4-copy {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607438f1678a5a4bbfd2a634_aldi%20game%20sensape%20(2).webp");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: auto 199%;
}

.slide-1-rittersport {
  color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c928ca1fa6ec20ba4fe95_Sensape%20ritter%20Project%20photo.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
}

.slide-2-ritter-sport {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c9289bae1971c9badec53_Sensape%20interactive%20touchscreen%20photo%20print%20process.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-3-ritter-sport {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c928c59cd32001fc13a8f_Sensape%20Ritter%20Sport%20Augmented%20Reality%20Photo%20promotion.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.oreo-mockup {
  width: auto;
  max-width: 960px;
  height: 70vh;
  margin: 0 auto;
}

.img-size-as-parent {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.img-size-as-parent.smaller {
  transform: scale(.8);
}

.img-size-as-parent.bw {
  filter: grayscale();
}

.img-size-as-parent.bigger {
  transform: scale(1.4);
}

.div-block-58 {
  height: 75vh;
}

.job-description-richtext {
  max-width: 700px;
  margin-left: 0;
  margin-right: 0;
}

.job-description-richtext li {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c9ed5bae197dd60ae14d4_Arrow%20Icon%20right.webp");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 40px;
  padding-left: 32px;
  line-height: 22px;
}

.trigger {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.splide__list {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.nav-link {
  justify-content: flex-start;
  align-items: center;
  margin-top: .7em;
  margin-bottom: .7em;
  display: flex;
  overflow: hidden;
}

.nav-link:hover {
  font-style: italic;
  font-weight: 700;
}

.splide__track {
  cursor: grab;
  margin-bottom: 20px;
}

.sublink {
  margin-top: 1.5em;
  overflow: hidden;
}

.splide {
  position: relative;
}

.splide.slider1 {
  margin-top: 40px;
  position: relative;
}

.splide__slide {
  flex: none;
  width: 33vw;
  height: auto;
  min-height: auto;
}

.splide__slide.auto-height-grey-bg {
  background-color: var(--super-white);
  height: auto;
  padding: 43px;
}

.aldi-price-jpg {
  width: auto;
  max-width: 960px;
  height: 50vh;
  margin: 0 auto;
}

.checkbox-field {
  text-transform: none;
  margin-bottom: 20px;
}

.checkbox-label {
  text-transform: none;
}

.youtube-video-wrapper {
  width: 90vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.youtube {
  object-fit: contain;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.boe-mockup {
  width: auto;
  max-width: 960px;
  height: 70vh;
  margin: 0 auto;
}

.dropdown-bg-flex {
  background-color: var(--white);
  border-radius: 10px;
  height: auto;
  min-height: 70vh;
  margin-top: 5vh;
  padding: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 5px 12px 6px #2727271a;
}

.dropdown-bg-flex.more {
  min-height: auto;
}

.nav-emo-div-wrap {
  width: 50vw;
  height: auto;
  max-height: none;
  margin-left: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.nav-emo-div-wrap.hover-ix {
  z-index: 99;
  background-color: var(--white);
  flex-direction: row;
  height: 90%;
  margin-left: -12px;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.nav-emo-text {
  margin-bottom: 8px;
}

.nav-emo-text.big-and-bold {
  padding-left: 0;
  padding-right: 40px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.nav-emo-text.all-caps {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.5;
}

.nav-emo-text.all-caps.invisible {
  opacity: 0;
}

.nav-emo-text.bold {
  font-weight: 700;
}

.nav-emo-img {
  object-fit: contain;
  width: 100%;
  max-height: none;
  margin-bottom: 20px;
  overflow: clip;
}

.nav-emo-img.srb {
  transform: scale(.8)translate(0, 20px);
}

.nav-emo-img.kraken {
  object-fit: contain;
  max-height: 500px;
}

.all-sublinkd {
  background-color: var(--white);
  max-height: 550px;
  margin-right: 0;
  overflow: auto;
}

.nav-emo-link {
  background-color: #0000;
  width: 50%;
  margin-left: 20px;
  margin-right: 0;
  text-decoration: none;
  position: static;
  inset: 0% 0% auto;
}

.seperation-line {
  background-color: var(--white-smoke);
  align-self: flex-start;
  width: 1px;
  height: 100%;
  margin-left: -1px;
  margin-right: 20px;
  position: static;
  inset: 0% auto 0% 0%;
}

.project-header-div-pic-ritter-sport {
  background-image: linear-gradient(to right, var(--store-blue), #8cbbc48c 33%, #b9b9b938 57%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607d49b786f039516da3e824_Rittersport%20Promotion%20im%20Einzelhandel.webp");
  color: var(--white);
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  align-items: flex-end;
  width: 100vw;
  height: 90vh;
  margin-bottom: 120px;
  padding-bottom: 9vw;
  display: flex;
  position: relative;
}

.senscloud-wrapper {
  width: 100vw;
  position: relative;
}

.image-29 {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  width: 100%;
  height: auto;
  margin-bottom: -40px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph {
  text-align: center;
  width: 50vw;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.slider-ph-studio-copy {
  background-color: var(--white);
  color: #0000;
  background-image: none;
  width: 100%;
  height: auto;
  overflow: visible;
}

.slider-ph-studio-copy.disabled {
  display: none;
}

.slide-1-ph-studio-copy {
  border: 1px solid var(--white);
  color: var(--dark-grey);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0;
}

.splide__arrows {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.splide__arrows.margin {
  margin-bottom: 60px;
}

.sensape-connectivity-img {
  width: auto;
  max-width: none;
  height: 70vh;
  margin: 80px auto 50px;
}

.image-30 {
  clear: none;
  width: 81%;
  position: absolute;
}

.vw-overflow-hidden {
  width: auto;
  max-width: 100vw;
  overflow: hidden;
}

.vw-overflow-hidden.promotion-old {
  display: none;
}

.html-news-en, .html-news-de {
  display: block;
}

.slider-css {
  height: 0;
  position: fixed;
  inset: 0% 0% auto;
}

.splide__arrow {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6103e801f74c5e8bb1d86d7e_arrow-right.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
  border: 1px solid #242022;
  border-radius: 100vw;
  width: 6em;
  height: 3em;
  margin-right: 1em;
  transition: all .2s;
}

.splide__arrow:hover {
  background-color: #3732350f;
}

.splide__arrow.splide__arrow--prev {
  border-color: var(--sensape-grey);
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c9ed5bae197dd60ae14d4_Arrow%20Icon%20right.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25%;
  width: 6em;
  height: 3em;
  transform: rotate(-180deg);
}

.splide__arrow.splide__arrow--prev:active {
  transform: scale(.95)rotate(-180deg);
}

.splide__arrow.splide__arrow--next {
  border-color: var(--sensape-grey);
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c9ed5bae197dd60ae14d4_Arrow%20Icon%20right.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25%;
}

.splide__arrow.splide__arrow--next:active {
  transform: scale(.95);
}

.splide__pagination {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.pagination_item {
  background-image: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  display: inline-block;
}

.splide__pagination__page {
  opacity: .2;
  background-color: #242022;
  width: 3em;
  height: 4px;
  margin-left: .3em;
  margin-right: 0;
  transition: all .3s;
}

.splide__pagination__page.is-active {
  background-color: var(--sensape-grey);
  opacity: 1;
  margin-left: .3em;
}

.image-gallery-press {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}

.div-press-img-crop {
  height: 40vh;
  margin-bottom: 20px;
  overflow: hidden;
}

.comparison-image {
  object-fit: contain;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.comparison-image.size {
  transform: scale(1.3);
}

.comparison-image.smaller {
  transform: scale(.9);
}

.compare-category {
  margin-bottom: 60px;
}

.metrix-big-picture {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 70vh;
  margin: 80px auto 50px;
  display: block;
}

.metrix-big-picture.scale-down {
  transform: scale(.9);
}

.metrix-big-picture.visible {
  display: block;
}

.header-sensape-q-o-copy {
  color: var(--white);
  text-align: center;
  background-image: linear-gradient(270deg, #272727cc, #4fbed3cc), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6139b99bd0cbc982e95d0672_Screenshot%202021-09-09%20093634.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.div-block-64 {
  align-items: flex-end;
  width: 40vw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.button-new {
  border: 2px solid var(--white);
  background-color: var(--white);
  color: var(--sensape-grey);
  letter-spacing: 2px;
  text-shadow: none;
  margin-right: 25px;
  padding: 15px 50px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: padding .2s, opacity .2s;
}

.button-new:hover {
  padding-left: 65px;
  padding-right: 65px;
}

.button-new.secondary {
  color: var(--white);
  background-color: #0000;
}

.button-wrap-header {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.cta-test-sensape-q-o-copy {
  color: var(--white);
  background-image: linear-gradient(-40deg, #272727cc, #4fbed3cc), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6139c0a8dbc97738da98cc1f_Screenshot%202021-09-09%20100647.webp");
  background-position: 0 0, 100%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.button-small-sensape-q-copy {
  background-color: var(--white);
  background-image: linear-gradient(40deg, var(--live-green), var(--store-blue));
  color: var(--white);
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 400;
  transition-duration: 30ms;
  box-shadow: 0 4px 11px #2727273d;
}

.button-small-sensape-q-copy:hover {
  border: 0px solid var(--white);
  background-color: #0000;
  background-image: linear-gradient(40deg, var(--live-green), var(--store-blue));
  filter: brightness(112%);
  color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 0;
  margin-bottom: 10px;
  box-shadow: 0 4px 11px #2727273d;
}

.image-35 {
  margin-bottom: 0;
}

.horizontal-trigger {
  position: absolute;
  inset: 0% 0% auto;
}

.horizontal-section {
  background-color: #0000;
  width: 100%;
  position: relative;
}

.wrapper {
  width: 100%;
}

.horizontal-sticky {
  width: 100%;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-item {
  flex: none;
  width: 34%;
  padding-right: 20px;
}

.list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.container-horizontal-stick {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 80px;
}

.container-horizontal-stick.is--sticky {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.ar-wine-tasting-big-picture {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 80px auto 50px;
}

.ar-wine-tasting-big-picture.scale-down {
  max-height: 60vh;
}

.html-embed-metrix-usp1 {
  position: relative;
  left: 350px;
  transform: scale(.5);
}

.html-embed-metrix-usp1.biggerscale {
  transform: scale(.6);
}

.html-embed-metrix-usp1.metrixusp3 {
  margin-right: 300px;
  transform: scale(.9);
}

.project-thumbnail-img {
  width: 100%;
}

.collection-list-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.html-embed-wine-ar {
  position: relative;
  left: 149px;
  transform: scale(.6);
}

.text-span-wine-ar {
  color: var(--rivella-red);
}

.mobile-usp-img {
  display: none;
}

.link-project-overview {
  z-index: 99;
  border-top: 1px solid var(--white-smoke);
  background-color: var(--store-blue);
  background-image: linear-gradient(-40deg, #23accf, var(--store-blue));
  color: var(--white);
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0% 40px;
}

.link-project-overview:hover {
  filter: brightness(104%);
}

.link-project-overview.w--current {
  border-top: 1px solid var(--white-smoke);
  text-align: center;
  align-items: center;
  display: block;
}

.link-project-overview.static {
  margin-top: 0;
  display: none;
  position: static;
}

.project-overview-text-block {
  border: 1px none var(--white-smoke);
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #0000;
  margin-top: 0;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.project-overview-text-block:hover {
  color: var(--white);
  font-style: normal;
  text-decoration: none;
}

.hover-pop-up-trigger-div {
  z-index: 9999;
  background-color: #0000;
  width: 100%;
  height: 10px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.pop-up-wrapper {
  background-color: #000000cf;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.pop-up-content-bg {
  background-color: #fff;
  width: 80vw;
  max-width: 850px;
  height: auto;
  display: block;
  position: static;
  inset: 0%;
}

.pop-up-image {
  object-fit: contain;
  width: 100%;
}

.link {
  display: inline;
}

.bold-text-6 {
  opacity: .6;
}

.close-pop-up-trigger {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.link-block-2 {
  text-decoration: none;
}

.link-block-2.margin-top {
  margin-top: 20px;
  margin-bottom: 0;
}

.rheem-big-picture {
  width: auto;
  max-width: 100%;
  height: 60vh;
  margin: 80px auto 50px;
  display: block;
}

.filter-button {
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #272727cc;
  text-align: center;
  background-color: #fffc;
  border: 1px solid #27272799;
  border-radius: 20px;
  margin-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.filter-button:hover {
  border-color: var(--sensape-grey);
  background-color: var(--white-smoke);
  opacity: 1;
  color: var(--sensape-grey);
}

.filter-button.fan-engagement {
  padding-top: 5px;
  padding-bottom: 5px;
}

.filter-button.fan-engagement.filter-active {
  background-color: var(--white-smoke);
  opacity: 1;
}

.filter-button.acess-management {
  padding-top: 5px;
  padding-bottom: 5px;
}

.filter-button.acess-management.filter-active {
  background-color: var(--white-smoke);
  opacity: 1;
}

.filter-button.sales {
  padding-top: 5px;
  padding-bottom: 5px;
}

.filter-button.sales.filter-active, .filter-button.promotion.filter-active {
  background-color: var(--white-smoke);
  opacity: 1;
}

.filter-wrapper {
  z-index: 5;
  border-radius: 1px;
  justify-content: flex-start;
  margin-top: 40px;
  margin-bottom: 120px;
  display: flex;
  position: sticky;
  top: 5vh;
}

.collection-item-press {
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-69 {
  height: 3em;
  margin-top: 40px;
}

.text-span-fof {
  color: #e15445;
}

.cover-image-slider {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text-span-oreo-color {
  color: #ff7391;
}

.html-embed-standard {
  display: block;
  position: relative;
  left: 149px;
  transform: scale(.65);
}

.div-block-70 {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.videoshoppingqueenapp {
  object-fit: fill;
  border-radius: 60px;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  height: 0%;
  padding-top: 86%;
  padding-bottom: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: scale(.6);
  box-shadow: 0 20px 40px #2a202766;
}

.procect-big-pic {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 70vh;
  margin: 80px auto 50px;
  display: block;
}

.left-arrow-5, .right-arrow-5 {
  overflow: hidden;
}

.text-span-sensape {
  color: var(--sensape-grey);
}

.text-span-shoppingqueen {
  color: var(--aldi-orange);
}

.div-block-71 {
  align-items: flex-end;
  display: flex;
}

.heading-26 {
  line-height: 1;
}

.div-block-73 {
  object-fit: fill;
  width: 10%;
  max-height: none;
  margin-bottom: 40px;
  margin-right: 120px;
  overflow: visible;
}

.partner-flex-div {
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.image-36 {
  filter: none;
  object-fit: fill;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin-top: 31px;
  margin-left: 95px;
  transform: scale(2);
}

.html-embed-5 {
  transform: scale(.5);
}

.ai-keying-project-teaser-wrapper {
  justify-content: space-around;
  width: 100vw;
  margin-top: 80px;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.slide-1-ai-keying, .slide-2-ai-keying {
  border: 1px solid var(--white);
  color: var(--dark-grey);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0;
}

.slider-ai-keying {
  background-color: var(--white);
  color: #0000;
  background-image: none;
  width: 100%;
  height: 80vh;
  overflow: visible;
}

.slide-3-ai-keying {
  border: 1px solid var(--white);
  color: var(--dark-grey);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0;
}

.header-video-ai-keying {
  box-shadow: none;
  color: var(--white);
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 28%, #00b46f00 55%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%);
  align-items: flex-end;
  width: 100%;
  height: 90vh;
  margin: 0 0 120px;
  padding-bottom: 9vw;
  font-family: Nunitosans, Arial, sans-serif;
  display: flex;
}

.fan-engagement-project-teaser-wrapper {
  justify-content: space-around;
  width: 100vw;
  margin-top: 80px;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
}

.slide-1-allstars {
  border: 1px solid var(--white);
  color: var(--dark-grey);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0;
}

.allstars-image {
  width: auto;
  height: 75vh;
  max-height: none;
  margin-bottom: -40px;
  margin-left: auto;
  margin-right: auto;
  transform: scale(.8);
  box-shadow: 4px 4px 3px #272727de;
}

.fan-engagement-big-picture {
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 40px auto 60px;
  display: block;
}

.use-case-bullet-grid-allstars-small {
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 66vw;
  margin: 120px auto;
  display: none;
}

.right-arrow-6 {
  background-image: none;
  transform: translate(-300px);
}

.left-arrow-6 {
  background-image: none;
  transform: translate(300px);
}

.slide-nav-5 {
  transform: scale(.6);
}

.blog-image-wrapper {
  margin-bottom: 20px;
  overflow: hidden;
}

.usp-text-wrapper {
  z-index: 50;
  flex-direction: row;
  align-items: center;
  width: 40%;
  display: block;
  position: absolute;
  left: 5%;
}

.gradient-black {
  background-image: radial-gradient(circle at 50% 0, #0000, #000);
  width: 100%;
  height: 100%;
  position: absolute;
}

.kpi-sticky-cms-3 {
  max-width: 100vw;
  height: 300vh;
  display: block;
  position: relative;
  overflow: visible;
}

.foto-fan-section-cms {
  margin-bottom: 0;
}

.fan-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.usp-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.language-link-overlay {
  cursor: pointer;
  width: 33px;
  height: 100px;
  margin-right: 272px;
  position: fixed;
  inset: 0% 0% auto auto;
}

.language-link-overlay.en {
  z-index: 999999;
  margin-right: 260px;
}

.language-link-overlay.de {
  z-index: 999999;
  margin-right: 271px;
}

.language-link-cms {
  width: 100%;
  height: 100%;
}

._3-rows-grid-icon {
  grid-column-gap: 81px;
  grid-row-gap: 80px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 120px;
  margin-bottom: 120px;
}

._3-rows-grid-icon._60-margin-top {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 60px;
}

._3-rows-grid-icon._60-margin-top.custom {
  margin-bottom: 60px;
}

.cta-smart-guiding {
  background-image: linear-gradient(-40deg, #287381, var(--store-blue));
  color: var(--white);
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 79px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.grid-16 {
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.grid-16.promotion {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr;
}

.button-small-smart-guiding {
  background-color: var(--white);
  background-image: linear-gradient(40deg, var(--live-green), var(--store-blue));
  color: var(--white);
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 400;
  transition-duration: 30ms;
  box-shadow: 0 4px 11px #2727273d;
}

.button-small-smart-guiding:hover {
  border: 0px solid var(--white);
  background-color: #0000;
  background-image: linear-gradient(40deg, var(--live-green), var(--store-blue));
  filter: brightness(112%);
  color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 0;
  margin-bottom: 10px;
  box-shadow: 0 4px 11px #2727273d;
}

.smart-guiding-categories {
  clear: none;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-around;
  width: 90vw;
  margin-top: 80px;
  margin-bottom: 0;
  margin-left: 60px;
  display: flex;
  overflow: hidden;
}

.smart-guiding-wrapper {
  border: 1px solid var(--white-smoke);
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b222a561f5e35948cc6c63_Pernod%20Ricard%20Interactive%20Promotion%20and%20Interactive%20Sales%20by%20Sensape%20-%20Thumbnail%20small-min.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  flex-direction: column;
  width: 33.3333vw;
  min-width: auto;
  height: 66vh;
  margin-right: 0;
  padding: 0;
  text-decoration: none;
  transition: width .625s;
  display: flex;
  position: relative;
}

.smart-guiding-wrapper:hover {
  background-image: radial-gradient(circle, #0000 37%, #fafafa00 58%, #ececec30), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61b222a561f5e35948cc6c63_Pernod%20Ricard%20Interactive%20Promotion%20and%20Interactive%20Sales%20by%20Sensape%20-%20Thumbnail%20small-min.webp");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  width: 75vh;
  min-width: auto;
}

.smart-guiding-wrapper.basic, .smart-guiding-wrapper.advanced, .smart-guiding-wrapper.extended {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
}

.smart-guiding-wrap {
  margin-bottom: 0;
  padding: 40px;
}

.slide-6 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/61a0e08c5c8f596c8e6e6fed_FOF%20smart%20guiding%20by%20AR%20by%20Sensape.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-6.gtf {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62b57737bfbaa97a04db9398_GTF%202022%20smart%20guiding%20with%20AI%20and%20AR%20at%20events%20by%20Sensape%20(2).webp");
}

.slide-6.promotion {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/620e3f7890166d177bd0ee95_Sensape%20AR%20xmas%20card%202021%20_Moment.webp");
}

.slide-7 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62b31e38b26cbb72414fe6e9_GTF%202022%20Smart%20guiding.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-7.gtf {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62b5774991356d7319becbaf_GTF%202022%20smart%20guiding%20with%20AI%20and%20AR%20at%20events%20by%20Sensape%20(1).webp");
}

.slide-7.promotion {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62c56a421454173c5793c431_Interactive%20promotion%20in%20supermarket_Pernod_Sensape%20(1).webp");
}

.text-span-gtf {
  color: #f0706f;
}

.video-embed-wrapper {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.video-embed-wrapper.background.video-header {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.video-embed-wrapper.inside-wrapper {
  width: 100%;
  height: 75vh;
  max-height: 75vh;
}

.video-embed-wrapper.inside-wrapper.margin {
  margin-top: 40px;
}

.video-embed-wrapper.inside-wrapper.margin.hide {
  display: none;
}

.video-embed-wrapper.inside-wrapper-usp {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.video-embed-wrapper.small {
  width: 100%;
  height: 90vh;
}

.video-embed {
  position: absolute;
  inset: 0%;
}

.video-embed.video-header {
  min-width: 150vw;
  min-height: auto;
  position: static;
}

.video-embed.scale-disney {
  transform: scale(1.2);
}

.cta-promotion {
  background-image: linear-gradient(-40deg, #287381, var(--store-blue));
  color: var(--white);
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 79px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.challenge-solution-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.youtoube-vimeo-autofill-video {
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: static;
}

.solutions-section-cms {
  padding-top: 0;
}

.empty-state-empty {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.slide-8 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62b31e38b26cbb72414fe6e9_GTF%202022%20Smart%20guiding.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-8.promotion {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62c56b68db6d0f6c9de566f3_rivella%20refresh%20summer%202022%20(3)%20(1)-min%20(1).webp");
}

.slide-9 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62b31e38b26cbb72414fe6e9_GTF%202022%20Smart%20guiding.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-9.promotion {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/62c56bc45f116e5756d0a190_BFS_Rivella-Nendaz_27FEB2021-2007381.webp");
}

.video-header-cms {
  color: var(--white);
  width: 100vw;
  height: 100vh;
  margin-bottom: 120px;
  position: relative;
}

.gradient {
  background-image: linear-gradient(#0000, #b8b8b81a 63%, #e3e3e378 84%, #fff), linear-gradient(to right, #000000a3, #00000085 19%, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.intro-text-cms {
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  margin: 0 auto;
  display: block;
  position: absolute;
  inset: auto 0% 15vw;
}

.color {
  opacity: .41;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.empty-state {
  background-color: #0000;
  padding: 0;
}

.paragraph-slider-subtitle {
  text-align: center;
  width: 70vw;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 8px;
  transform: translate(0, 52px);
}

.slide-nav-3-smart-guiding {
  padding-top: 22px;
  transform: translate(0, 24px);
}

.empty-state-3, .empty-state-4, .empty-state-5 {
  background-color: #0000;
}

.flex-offer-wrapper {
  align-items: flex-start;
  display: flex;
}

.offer-description-wrapper {
  width: 40%;
  margin-left: 10%;
  display: flex;
}

.div-block-75 {
  width: 40%;
}

.video-with-shadow-test-copy {
  object-fit: fill;
  border-radius: 20px;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  height: 66vh;
  margin-top: 40px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #2a202766;
}

.video-with-shadow-test-copy.paddingtest {
  height: 1000px;
  padding-top: 0%;
}

.video-with-shadow-test-copy.hide {
  display: none;
}

.max-50-w {
  max-width: 50%;
}

.select-field {
  background-color: var(--white-smoke);
  margin-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px;
}

.blog-link {
  text-decoration: none;
}

.header-content-wrap {
  text-align: left;
  width: 80%;
  max-width: 100%;
}

.header-content-wrap.testl {
  max-width: 60%;
}

.elements-and-atoms-styleguide {
  color: var(--sensape-grey);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.elements-and-atoms-styleguide.cc-cta {
  background-color: #f4f4f4;
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  max-width: 100vw;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 80px;
  padding-right: 80px;
  overflow: hidden;
}

.elements-and-atoms-styleguide.cc-store-home-wrap {
  margin-bottom: 120px;
  display: block;
  overflow: visible;
}

.elements-and-atoms-styleguide.cc-store-home-wrap._50vh {
  margin-top: -50vh;
}

.elements-and-atoms-styleguide.cc-store-home-wrap._50vh.disable {
  display: none;
}

.elements-and-atoms-styleguide.cc-store-home-wrap.mobileoverflowhidden100vw {
  margin-bottom: 20px;
}

.elements-and-atoms-styleguide.cc-store-home-wrap.padding {
  padding-top: 120px;
}

.elements-and-atoms-styleguide.new-cta {
  background-color: #f4f4f4;
  background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
  color: var(--white);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 80px;
  padding-right: 80px;
}

.intro-section-wrapper {
  width: 100%;
}

.intro-section-wrapper-copy {
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.slide-10 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6061c3426936dad32c5df590_PERSON-1_B_2000px_COM.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-10.person-2 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6061c3426936daea855df596_PERSON-2_A_2000px_COM.webp");
}

.slide-10.person-3 {
  background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/604ee7ee690126162cd5eae2_Person-3-TestCompressed.webp");
}

.intro-section-slider {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.separator {
  height: 50px;
}

.separator._100px {
  height: 100px;
}

.separator._200px {
  height: 200px;
}

.separator._180px {
  height: 180px;
}

.separator._150px {
  height: 150px;
}

.heading-27 {
  max-width: 900px;
  font-weight: 600;
}

.heading-27.alternativelucas {
  max-width: 600px;
  font-size: 4.4vw;
  font-weight: 600;
  line-height: 1.1;
}

.heading-27.customtest {
  max-width: 700px;
}

.image-38 {
  width: 100%;
  height: 100%;
}

.image-39 {
  z-index: 0;
  filter: grayscale();
  object-fit: cover;
  background-image: linear-gradient(#000, #fff);
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-76 {
  opacity: 1;
  color: var(--sensape-grey);
  mix-blend-mode: normal;
  background-image: radial-gradient(circle, #ffffff73, #fff0 49%, #00000059), linear-gradient(-40deg, #4fbed3b8, #68b22ac9), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/631068bb44aaa845c403d0fd_GLOW%20by%20dm%20AR%20photobooth%20with%20magic%20cover%202022.webp");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
  position: relative;
}

.grid-17 {
  grid-template-rows: auto;
  width: auto;
  max-width: 800px;
}

.div-block-77 {
  filter: grayscale();
  width: 100%;
  height: 100%;
  position: absolute;
}

.gradient-icon-copy {
  color: var(--dark-grey);
}

.div-block-78 {
  position: absolute;
  inset: 0%;
}

.div-block-78.contrasttest {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#ff0000c4, #ff0000c4);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: absolute;
  inset: 0%;
}

.gradientsoverlay {
  box-shadow: none;
  color: var(--white);
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%);
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  height: 90vh;
  margin: 0 0 120px;
  padding-bottom: 9vw;
  font-family: Nunitosans, Arial, sans-serif;
  display: flex;
}

.gradientsoverlay.fcb-header-video {
  background-image: linear-gradient(to right, var(--fcb-red), #590f1cb3 38%, #61616161 52%);
}

.gradientsoverlay.pernod-ricard-header-video {
  filter: none;
  background-image: linear-gradient(to right, #020014f7, #023466a3 33%, #02346600 43%), linear-gradient(to top, #0000009c, #61616161);
}

.gradientsoverlay.rivella-header-video {
  background-image: linear-gradient(91deg, #e20a17, #61616161 41%);
}

.gradientsoverlay.aldiheadervideo {
  background-image: linear-gradient(121deg, #fa6e0a00 78%, #fa6e0a61 91%, #fa6e0af5), linear-gradient(to right, #001f78c7, #001f7800 26%), linear-gradient(127deg, #ffbf4500 55%, #ffbf45cf), linear-gradient(to right, #007ea5, #11afe099 30%, #2ac4f400 54%);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, auto, auto, auto;
}

.gradientsoverlay.oreo-video-header {
  filter: none;
  background-image: linear-gradient(to right, #54cbf3, #2b9bd4 0%, #02346600 70%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/609531c21ba6384f9f8aaaf6_Oreo%20Header.webp"), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607d4864e6616e36f328ad5b_virtual%20promoter%20Oreo%20Sensape%20Header.webp"), linear-gradient(to right, #02346600 78%, #000000ed);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, no-repeat, repeat, repeat;
  background-size: auto, cover, auto, auto;
}

.gradientsoverlay.analytics {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60e6ace3dbc2d5efafe23a3a_Mockup%20senscloud.webp");
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat;
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}

.gradientsoverlay.content-and-campaign-management {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60db003309d6c47ca8c2902a_Phantastic%20Studio%20on%20a%20laptop_Sensape_.webp");
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}

.gradientsoverlay.connectivity {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 78%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60b9eb9b9dd5dfe7a8fa6749_SENSAPE%20Infotainment%20Solutions%20(1).webp");
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 50% 0;
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}

.gradientsoverlay.maintenance {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/60db07e40b9522668966d4e8_Sensape%20contact%20header.webp");
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}

.gradientsoverlay.ar-wine-tasting-header-video {
  background-image: linear-gradient(to right, var(--rivella-orange), #e2231a69 38%, #61616161 52%);
}

.gradientsoverlay.metrix-header-video-copy {
  background-image: linear-gradient(117deg, #f602f200 61%, #f602f2), linear-gradient(45deg, #2438ff, #fff0 54%);
}

.gradientsoverlay.rivella-refresh-header-video {
  background-image: linear-gradient(91deg, var(--sky-blue-highlight), #61616161 41%);
}

.gradientsoverlay.rheem-header-video {
  background-image: linear-gradient(to right, var(--fcb-red), #590f1cb3 38%, #ffffff6e 77%);
}

.gradientsoverlay.fof-header-video {
  background-image: linear-gradient(91deg, #164ceba8 13%, #e15445bd 34%, #0000 52%, #ffffff70 89%);
}

.gradientsoverlay.fof-header-video.gallery-view {
  background-image: none;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.gradientsoverlay.psg-header-video {
  background-image: radial-gradient(circle farthest-corner at 0% 50%, #61616161 62%, #dc052d96 84%, var(--pernod-blue) 96%);
}

.gradientsoverlay.xmas-card-header-video {
  background-image: linear-gradient(91deg, #68b22aa8 8%, #4fbed3cc 34%, #0000 52%, #ffffff70 89%);
}

.gradientsoverlay.xmas-header-video {
  background-image: linear-gradient(91deg, #164ceba8 13%, #e15445bd 34%, #0000 52%, #ffffff70 89%);
}

.gradientsoverlay.xmas-header-video.gallery-view {
  background-image: none;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.gradientsoverlay.shoppingqueen-header-video {
  background-image: linear-gradient(91deg, #e43382db, #291335a1 31%, #0000 52%, #ffffff70 89%);
}

.gradientsoverlay.ktm-header-video {
  background-image: radial-gradient(circle at 0%, #c25e00 10%, #86603c9c 39%, #78604a00 49%, #61616161 80%, #ffffffed), linear-gradient(to right, #fff 34%, #0000 44%);
}

.gradientsoverlay.boe-header-video {
  background-image: linear-gradient(91deg, var(--sensape-grey) 13%, #e15445bd 30%, transparent 61%, #ffffff70 89%);
}

.gradientsoverlay.gtf-header-video {
  background-image: linear-gradient(91deg, #000032, #32ff98a6 16%, #0000 48%, #ffffff38);
  background-position: 0 0;
}

.gradientsoverlay.contrasttest {
  box-shadow: none;
  filter: saturate(127%);
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(to right, #000 7%, #000000e6 19%, #000000b3 30%, #00000026 46%, #81e2ff00 55%), linear-gradient(95deg, #0000009e, #0000 26%);
}

.gradientsoverlay.new {
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), radial-gradient(circle at 0%, #000000ed, #0000009c 43%, #0000), linear-gradient(342deg, #4fbed39e, #68b22a3b 38%, #3738386e 47%);
}

.gradientsoverlay.contrasttest-copy {
  box-shadow: none;
  filter: saturate(127%);
  background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(to right, #000 7%, #000000e6 19%, #000000b3 30%, #00000026 46%, #81e2ff00 55%), linear-gradient(95deg, #0000009e, #0000 26%);
  position: absolute;
  inset: 0%;
}

.section-2 {
  margin-bottom: 120px;
}

.double-img {
  width: auto;
  height: 100%;
  max-height: 80vh;
}

.double-img.smaller {
  height: 50vh;
  margin-left: auto;
  margin-right: auto;
}

.double-img-wrapper {
  justify-content: center;
  width: 100%;
  max-height: 80vh;
  display: flex;
  position: relative;
}

.image-40 {
  position: static;
  inset: 0% auto auto 0%;
}

.full-width-video {
  object-fit: fill;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  height: 80vh;
  margin: 40px auto 60px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.full-width-video.paddingtest {
  height: 1000px;
  padding-top: 0%;
}

.full-width-video._50 {
  width: 60vw;
  height: 39vw;
  margin-top: 0;
  margin-bottom: 0;
}

.maxwidth {
  max-width: 550px;
}

.video-size-container {
  width: 100%;
  height: 70vh;
  position: relative;
}

.bold-extra, .bold-text-8, .bold-text-9, .bold-text-10, .bold-text-11, .bold-text-12, .bold-text-13 {
  font-weight: 900;
}

.video-cta-section {
  z-index: 0;
  background-color: var(--white-smoke);
  align-items: center;
  margin-top: 80px;
  margin-bottom: 100px;
  display: flex;
  position: relative;
}

.video-cta-section.ife_allstars_spacing {
  margin-bottom: 200px;
}

.div-block-80 {
  z-index: 5;
  width: 40vw;
  position: relative;
}

.div-block-81 {
  width: 20vw;
  margin-left: 10vw;
}

.margin-bottom-30px {
  margin-bottom: 38px;
}

.dropdown-toggle {
  padding-right: 40px;
}

.dropdown-toggle-2 {
  display: none;
}

.dropdown-2, .dropdown-2.hidden {
  display: block;
}

.dropdown-toggle-3 {
  display: none;
}

.image-41 {
  margin-left: 30px;
  padding-left: 0;
}

.link-block-3 {
  text-align: center;
  margin-left: 5px;
  text-decoration: underline;
}

.image-42 {
  width: 36px;
  margin-top: 37px;
  margin-left: 308px;
}

.image-43 {
  width: 36px;
  margin-left: 27px;
}

.image-44 {
  width: 36px;
  margin-left: 27px;
  padding-left: 0;
}

.image-45 {
  width: 3px;
}

.image-46, .image-47, .image-48, .image-49, .image-50, .image-51 {
  width: 36px;
  margin-left: 27px;
}

.blog-content {
  width: 100%;
  margin: 40px auto 100px;
  font-size: 16px;
  line-height: 28px;
}

.blog-content p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 32px;
}

.heading-2 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.14;
}

.heading-1 {
  text-shadow: -1px 1px 6px #00000069;
  max-width: 1200px;
  font-size: 4.5vw;
  font-weight: 600;
  line-height: 1;
}

.heading-31 {
  text-shadow: none;
}

.og-helper-image, .image-52 {
  display: block;
}

@media screen and (max-width: 991px) {
  h1 {
    max-width: 66vw;
    font-size: 7vw;
    line-height: 1.2;
  }

  .section.cc-cta, .section.new-cta {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .styleguide-block {
    text-align: center;
  }

  .container {
    max-width: 95vw;
  }

  .button {
    justify-content: center;
  }

  .button.cc-contact-us, .button.button-gradient.hide-mobile {
    display: none;
  }

  .label.cc-light.centre-allign {
    margin-bottom: 20px;
  }

  .label.cc-light.centre-mobile {
    text-align: center;
  }

  .rich-text {
    width: 80%;
  }

  .paragraph-light {
    margin-left: auto;
    margin-right: auto;
  }

  .h2 {
    font-size: 56px;
    line-height: 70px;
  }

  .h2.h2-no-margin {
    width: 100%;
  }

  .h2.h2-no-margin.mobile {
    display: none;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .menu-icon.menu-icon-white {
    filter: invert();
  }

  .menu {
    margin-left: 30px;
    position: static;
    left: 0%;
  }

  .navigation-wrap {
    background-color: #0000;
  }

  .navigation {
    padding: 25px 30px;
  }

  .nav-dropdown {
    text-align: center;
    width: 100%;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .nav-dropdown:hover {
    background-color: #f7f8f9;
  }

  .nav-dropdown:active {
    background-color: #eef0f3;
  }

  .nav-dropdown.hidden-nav {
    display: block;
  }

  .menu-button-hamburger {
    margin-left: 50px;
    padding: 0 50px 0 0;
    overflow: auto;
  }

  .menu-button-hamburger.w--open {
    background-color: #0000;
  }

  .navigation-items {
    color: var(--sensape-grey);
    background-color: #fff;
    margin-left: 0;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .content-wrap.content-wrap-wide {
    width: 90%;
  }

  .content-wrap.content-wrap-wide.hide-on-desktop {
    display: block;
  }

  .content-wrap._60-margin-bottom {
    margin-bottom: 40px;
  }

  .contact-form-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .get-in-touch-form {
    text-align: left;
  }

  .blog-detail-header-wrap {
    width: 100%;
    max-width: 95vw;
    padding-top: 5vh;
    padding-left: 7.5vw;
    padding-right: 7.5vw;
  }

  .detail-header-image {
    height: 66vh;
  }

  .home-section-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .h3 {
    text-align: left;
  }

  .big-product-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .big-product-grid.cc-about-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    grid-template-areas: "."
                         ".";
  }

  .intro-text {
    width: 95vw;
  }

  .header-video {
    margin-top: 0;
  }

  .header-video.pernod-ricard-header-video, .header-video.oreo-video-header {
    background-image: linear-gradient(to right, #02346600 78%, #000000ed), linear-gradient(to right, #020014f7, #02346670 21%, #02346600 33%);
  }

  .nav-text {
    text-align: left;
  }

  .header-grid {
    width: 90%;
  }

  .dropdown {
    width: 100%;
  }

  .dropdown-list-background.w--open, .dropdown-list-background.projects {
    left: auto;
  }

  .screenrecording-video {
    margin-left: 150px;
    margin-right: 150px;
  }

  .screenrecording-video.fcb-screenrecording, .screenrecording-video.rivella-screenrecording {
    height: 377px;
    margin-top: 0;
  }

  .footer-grid {
    width: 80vw;
  }

  .tabnav-item {
    margin-right: 50px;
  }

  .tabnav-link {
    font-size: 17px;
  }

  .fov-gallery.overflow-hidden {
    height: 521px;
  }

  .fov-sticky-content {
    top: 259.5px;
  }

  .h1 {
    font-size: 74px;
  }

  .h1.project-value-text {
    margin-top: -501px;
    margin-left: 54px;
    font-size: 66px;
    top: 100%;
  }

  .h1.project-value-text.blue {
    margin-top: -496px;
    margin-left: 54px;
  }

  .h1.project-value-text.bluemetrix {
    margin-top: 87px;
    margin-left: 54px;
    padding-left: 0;
  }

  .h1.project-value-text-cms {
    margin-top: -501px;
    font-size: 66px;
    top: 100%;
  }

  .distance-block {
    height: 10px;
  }

  .screenrecording-div-projects.fcb-screenrecording-div {
    height: 50vh;
    margin-top: 40px;
    margin-bottom: -40px;
  }

  .screenrecording-div-projects.screenrecording-div-pernod-ricard, .screenrecording-div-projects.rivella-screenrecording-div {
    padding: 0;
  }

  .screenrecording-div-projects.rivella-screenrecording-div {
    height: 50vh;
    margin-top: 40px;
    margin-bottom: -40px;
  }

  .product-image.build-your-own {
    height: 35vh;
  }

  .product-tile-image-wrapper {
    align-items: center;
    display: flex;
  }

  .product-tile-image-wrapper.build-your-own {
    height: 30vh;
    margin-bottom: -80px;
    margin-right: -40px;
  }

  .product-tile-grid-parent {
    max-width: 95vw;
  }

  .h3-master {
    font-size: 24px;
  }

  .container-6 {
    max-width: 90vw;
  }

  .div-block-22 {
    transform: translate(0);
  }

  .h4-master.icon {
    font-size: 36px;
  }

  .h4-master.pernod-project-icon.megaphone {
    font-size: 33px;
  }

  .packagegrid-parent-q {
    grid-template-columns: 1fr;
    width: auto;
    max-width: 90vw;
  }

  .package-wrap.white {
    max-width: 700vw;
  }

  .sensape-q-admin-view {
    width: 95vw;
  }

  .paragraph-big-master-centre {
    font-size: 24px;
  }

  .h2-master.mobile {
    display: none;
  }

  .h2-master.smaller {
    font-size: 46px;
  }

  .link-inpage-and-lightbox {
    margin-bottom: 40px;
  }

  .button-grid-nav {
    display: none;
  }

  .client-testimonial-text-div {
    margin: 10px 0;
  }

  .img-client-logo-testimonial {
    width: 150px;
    margin-bottom: 30px;
  }

  .button-nav-mobile {
    justify-content: center;
  }

  .button-nav-mobile.cc-contact-us {
    display: none;
  }

  .language-switch-mobile-wrapper {
    background-color: var(--white-smoke);
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
  }

  .project-value-div {
    width: 100vw;
  }

  .project-value-div.project-value-div-pernod-blue, .project-value-div.project-value-div-rivella, .project-value-div.project-value-div-aldi, .project-value-div.project-value-div-aldi-copy, .project-value-div.project-value-div-oreo, .project-value-div.project-value-div-boe {
    margin-bottom: 10px;
  }

  .project-value-div.metrix2 {
    flex-flow: column wrap;
    place-content: flex-end space-between;
    align-items: center;
  }

  .project-value-div.project-value-div-wine-ar, .project-value-div.project-value-div-rivella-refresh {
    margin-bottom: 10px;
  }

  .project-value-div.project-value-div-fof, .project-value-div.project-value-div-xmas-card {
    background-image: radial-gradient(circle at 50% 0, #f2e0d0, #164ceb);
    margin-bottom: 10px;
  }

  .project-value-div.project-value-div-shoppingqueen, .project-value-div.cms {
    margin-bottom: 10px;
  }

  .project-value-div.project-value-div-gtf {
    background-image: radial-gradient(circle at 50% 0, #f2e0d0, #164ceb);
    margin-bottom: 10px;
  }

  .project-value-asset-wrapper.nobackgroundpic-metrix-usp1 {
    position: static;
  }

  .screenrecording-video-projects {
    margin-left: 150px;
    margin-right: 150px;
  }

  .screenrecording-video-projects.pernod-ricard-screenrecording {
    height: 74vh;
  }

  .button-grid-nav-copy {
    display: block;
  }

  ._4-grid-icon-old {
    width: auto;
  }

  .allstars-demo-video {
    height: 33vh;
  }

  ._3er-grid-allstars-demo {
    grid-column-gap: 21px;
    width: auto;
  }

  .h2-prismic-rebuild {
    font-size: 60px;
  }

  .h2-wrapper-centre {
    max-width: 650px;
    margin-bottom: 40px;
  }

  .img-big-product-grid {
    height: auto;
    max-height: 50vh;
    margin-left: auto;
    margin-right: auto;
  }

  .img-big-product-grid.senscloud {
    display: none;
  }

  .text-wrap-big-content-grid {
    text-align: center;
  }

  .logo-wrap-flex {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .logo-wrap-child {
    width: 9vw;
    min-width: auto;
    height: 80%;
    max-height: none;
  }

  .logo-wrap-child.zdf-logo {
    height: 80%;
  }

  .client-section._60-margin {
    margin-bottom: 60px;
  }

  .logo-wrap-parent {
    flex-direction: column;
  }

  .map-img-div {
    background-size: 100%;
  }

  .grid-div {
    padding: 80px 40px;
  }

  .project-teaser-wrap-parent {
    display: none;
  }

  .project-teaser-wrapper.psg-teaser {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/621f55e6a40c014c96bf352d_PSG%20Sensape%20Allstars%20Thumbnail.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  }

  .project-teaser-wrapper.xmas-teaser {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/621f52d2f945323b9997a7ad_Xmas-card-Thumbnail.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  }

  .project-teaser-wrapper.webar-teaser {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/621f55e6a40c014c96bf352d_PSG%20Sensape%20Allstars%20Thumbnail.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  }

  .project-teaser-wrapper.ready-to-go-teaser {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/621f52d2f945323b9997a7ad_Xmas-card-Thumbnail.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  }

  .project-teaser-wrapper.rivella-refresh, .project-teaser-wrapper.crosslink {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/621f55e6a40c014c96bf352d_PSG%20Sensape%20Allstars%20Thumbnail.webp"), radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  }

  .div-block-36 {
    margin-top: 40px;
    margin-left: 0;
    position: relative;
  }

  .div-block-38 {
    margin-right: 40px;
  }

  .project-mobile-slider {
    width: 95vw;
    height: auto;
    margin: 80px auto 120px;
    display: block;
  }

  .project-teaser-wrapper-mobile {
    height: 100%;
  }

  .pojrect-card-mobile {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    grid-template-areas: "Area";
  }

  .project-description-wrap-mobile {
    margin-bottom: 0;
    padding-bottom: 50px;
  }

  .slide-nav {
    position: static;
  }

  .gradient-icon {
    color: var(--dark-grey);
  }

  .right-arrow {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .left-arrow {
    color: #272727;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: visible;
  }

  .grid-13 {
    grid-row-gap: 40px;
  }

  .grid-13.newgridvertical {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 56px;
    position: static;
  }

  .div-block-41 {
    flex-direction: column;
    margin-top: 40px;
  }

  .use-case-bullet-grid {
    width: 95vw;
  }

  .button-flex-horizontal-div {
    justify-content: center;
  }

  .blog-grid-text-wrap {
    width: 100%;
  }

  .div-block-48 {
    margin-top: 40px;
  }

  .div-block-41---copy---new-faces {
    flex-direction: column;
    margin-top: 40px;
  }

  .card-div.mobiledisabled {
    justify-content: center;
    width: 100%;
    margin-top: -18vw;
    margin-left: 0;
    position: static;
  }

  .card-div.mobiledisabled-copy {
    justify-content: center;
    width: 100%;
    margin-left: 0;
    position: absolute;
    inset: auto 0% 0%;
  }

  .faces-2021-recognition {
    flex-direction: column;
    margin-top: 40px;
  }

  .sensape-q-admin-view-gastro {
    width: 95vw;
    height: auto;
  }

  .ems-image {
    height: auto;
  }

  .gallery-section {
    padding-top: 100px;
  }

  .section-title {
    margin-top: 0;
    margin-left: 0%;
  }

  .prev:active, .next:active {
    background-color: #0000;
  }

  .faces-2021-recognition-1-2 {
    flex-direction: column;
    margin-top: 76px;
    margin-bottom: 100px;
  }

  .faces-info-wrapper {
    max-width: 95vw;
    padding-left: 0;
  }

  .faces-info-wrapper.facescontainer {
    width: 100vw;
    max-width: 100vw;
    margin-left: 0;
    display: block;
  }

  .faces-div {
    width: 170vw;
    margin-top: 40px;
    margin-left: -6vw;
    position: relative;
  }

  .image-22 {
    width: 0;
    min-width: 200px;
    margin-left: 2%;
    position: static;
    left: 210px;
  }

  .heading-25 {
    margin-bottom: 72px;
    display: none;
  }

  .faces-info-child-wrapper {
    grid-row-gap: 40px;
    width: 100%;
    display: none;
  }

  .faces-info-child-wrapper.newgridvertical {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 56px;
    position: static;
  }

  .faces-info-child-wrapper.mobilegridfacesicons {
    display: none;
  }

  .faces-info-child-wrapper.only-mobile {
    display: block;
  }

  .div-block-52 {
    flex-flow: column;
    align-content: center;
  }

  .aldi-promoter {
    display: none;
  }

  .header-video-copy {
    margin-top: 0;
  }

  .accordion-item-content {
    padding-right: 60px;
  }

  .stadtbibo-leipzig-maskenerkennung {
    object-fit: contain;
    width: 95vw;
    max-width: 100%;
  }

  .slider-3 {
    height: 57vh;
  }

  .oreo-mockup, .aldi-price-jpg {
    width: 95vw;
    max-width: 100%;
  }

  .youtube-video-wrapper {
    height: auto;
  }

  .boe-mockup {
    width: 95vw;
    max-width: 100%;
  }

  .dropdown-bg-flex {
    height: auto;
    min-height: auto;
    margin-top: 0;
  }

  .nav-emo-div-wrap, .nav-emo-div-wrap.hover-ix {
    display: none;
  }

  .all-sublinkd {
    width: 100%;
  }

  .nav-emo-link, .senscloud-wrapper {
    display: none;
  }

  .image-29 {
    height: 90%;
  }

  .sensape-connectivity-img {
    width: 95vw;
    height: auto;
  }

  .splide__pagination {
    padding-top: 1.9em;
    position: relative;
  }

  .splide__pagination__page {
    width: 2em;
    height: 3px;
    margin-left: 0;
    margin-right: .3em;
  }

  .metrix-big-picture {
    width: 95vw;
    height: auto;
  }

  .button-wrap-header {
    margin-top: 0;
  }

  .horizontal-item {
    width: 52%;
  }

  .container-horizontal-stick {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .ar-wine-tasting-big-picture {
    width: 95vw;
    height: auto;
  }

  .html-embed-metrix-usp1 {
    margin-top: 497px;
    margin-right: 0;
    position: relative;
    transform: scale(.4);
  }

  .html-embed-metrix-usp1.biggerscale.usp2 {
    margin-top: 203px;
    transform: scale(.5);
  }

  .html-embed-metrix-usp1.metrixusp3 {
    margin-top: 172px;
    transform: scale(.7);
  }

  .project-teaser-description-text {
    font-size: 14px;
  }

  .project-overview-collection {
    width: 100%;
  }

  .link-project-overview {
    position: static;
  }

  .link-project-overview.static {
    background-color: #0000;
    background-image: none;
    margin-top: 20px;
    display: block;
  }

  .project-overview-text-block, .project-overview-text-block:hover {
    color: var(--store-blue);
  }

  .hover-pop-up-trigger-div {
    display: none;
  }

  .rheem-big-picture {
    width: 95vw;
    height: auto;
  }

  .div-block-69 {
    margin-top: 20px;
  }

  .collection-list-wrapper {
    cursor: grab;
  }

  .videoshoppingqueenapp {
    transform: scale(.4);
  }

  .procect-big-pic {
    width: auto;
    height: auto;
  }

  .div-block-73 {
    width: auto;
    max-width: 100px;
    max-height: 100px;
  }

  .partner-flex-div {
    flex-direction: column;
  }

  .html-embed-5 {
    transform: scale(.4);
  }

  .ai-keying-project-teaser-wrapper {
    display: none;
  }

  .slider-ai-keying {
    height: 57vh;
  }

  .header-video-ai-keying {
    margin-top: 0;
  }

  .fan-engagement-project-teaser-wrapper {
    display: none;
  }

  .allstars-image {
    height: 90%;
  }

  .fan-engagement-big-picture {
    width: 95vw;
    height: auto;
  }

  .use-case-bullet-grid-allstars-small {
    width: 95vw;
  }

  .right-arrow-6 {
    background-image: none;
    transform: translate(-209px);
  }

  .left-arrow-6 {
    background-image: none;
    transform: translate(205px);
  }

  .slide-nav-5 {
    transform: translate(0, 38px)scale(.6);
  }

  .language-link-overlay {
    display: none;
  }

  .language-link-overlay.en, .language-link-overlay.de {
    margin-right: 203px;
    display: block;
  }

  ._3-rows-grid-icon._60-margin-top {
    grid-template-columns: 1fr 1fr;
  }

  .smart-guiding-categories {
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .video-embed.video-header {
    min-width: 200vw;
    min-height: auto;
  }

  .intro-text-cms {
    width: 90vw;
    bottom: 30vh;
    left: 5vw;
    right: 5vw;
  }

  .video-with-shadow-test-copy {
    padding-left: 0;
  }

  .video-with-shadow-test-copy.paddingtest {
    display: none;
  }

  .image-37 {
    width: 100%;
  }

  .elements-and-atoms-styleguide.cc-cta, .elements-and-atoms-styleguide.new-cta {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .intro-section-wrapper-copy {
    height: 60vh;
  }

  .slide-10 {
    background-position: 50% 0;
    background-size: 100%;
  }

  .slide-10.person-2 {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6061c3426936daea855df596_PERSON-2_A_2000px_COM.webp");
  }

  .slide-10.person-3 {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6061c3426936da1b885df584_PERSON-3-2000px_B_COM.webp");
  }

  .slide-10.person-4 {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6061c3426936da48975df58a_PERSON-4_B_2000px_COM.webp");
  }

  .mask-4 {
    background-color: var(--white);
  }

  .heading-27.alternativelucas {
    font-size: 7vw;
  }

  .slider-circle-button {
    background-image: linear-gradient(to bottom, var(--white), var(--white));
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
    box-shadow: 0 4px 10px #0003;
  }

  .gradient-icon-copy {
    color: var(--dark-grey);
    font-size: 30px;
    position: static;
  }

  .arrow {
    width: 40%;
    height: 40%;
    transform: rotate(180deg);
  }

  .arrow.right {
    transform: none;
  }

  .project-image-wrapper-mobile {
    border-bottom: 1px solid var(--white-smoke);
    justify-content: center;
    width: 100%;
    height: 50vh;
    display: flex;
    overflow: hidden;
  }

  .project-image-mobile-slider {
    object-fit: cover;
  }

  .gradientsoverlay {
    margin-top: 0;
  }

  .gradientsoverlay.pernod-ricard-header-video, .gradientsoverlay.oreo-video-header {
    background-image: linear-gradient(to right, #02346600 78%, #000000ed), linear-gradient(to right, #020014f7, #02346670 21%, #02346600 33%);
  }

  .gradientsoverlay.contrasttest-copy {
    background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(to right, #000 7%, #000000e6 19%, #000000b3 30%, #00000026 46%, #81e2ff00 55%), linear-gradient(95deg, #0000009e, #0000 26%);
  }

  .double-img-wrapper {
    height: 100%;
    max-height: 50vh;
  }

  .full-width-video {
    height: 40vh;
    padding-left: 0;
  }

  .full-width-video.paddingtest {
    display: none;
  }

  .full-width-video._50 {
    width: 100vw;
    height: 56vw;
  }

  .maxwidth {
    max-width: none;
  }

  .video-size-container {
    height: 66vh;
  }

  .video-cta-section {
    flex-direction: column;
    align-items: flex-start;
  }

  .div-block-80 {
    order: 1;
    width: auto;
    padding: 40px 5vw 60px;
  }

  .div-block-81 {
    width: auto;
    margin-left: auto;
  }

  .dropdown-2, .dropdown-2.hidden {
    display: block;
  }

  .dropdown-toggle-3 {
    display: inline-block;
  }

  .blog-content {
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 7vw;
  }

  .section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.cc-cta {
    padding: 15px;
  }

  .section.cc-home-wrap, .section.standard-section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.new-cta {
    padding: 15px;
  }

  .container {
    text-align: left;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .rich-text {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .h2 {
    font-size: 50px;
    line-height: 64px;
  }

  .h2.h2-no-margin.hidden {
    display: none;
  }

  .h2.h2-no-margin.mobile {
    display: block;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    padding-left: 0;
  }

  .menu {
    justify-content: center;
    left: 0%;
  }

  .navigation {
    padding: 20px 30px;
  }

  .nav-dropdown.hidden-nav {
    display: block;
  }

  .cta-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .intro-content {
    width: 80%;
  }

  .contact-form-wrap {
    padding: 30px;
  }

  .text-field.cc-contact-field, .text-field.cc-textarea {
    text-align: left;
  }

  .blog-detail-header-wrap {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .detail-header-image {
    height: 66vh;
  }

  .blog-heading {
    text-align: left;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .h3 {
    font-size: 28px;
    line-height: 1.3;
  }

  .header-video {
    margin-top: 0;
  }

  .new-footer {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container-2, .footer-link {
    text-align: center;
  }

  .image-6 {
    margin-left: auto;
    margin-right: auto;
  }

  .section-challenge {
    overflow: hidden;
  }

  .product-image.build-your-own {
    height: 30vh;
    margin-top: 0;
    margin-bottom: 0;
    right: -5vw;
  }

  .product-tile-grid-parent {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .h4-master.icon {
    font-size: 36px;
  }

  .cta-container {
    text-align: left;
  }

  .project-value-div.metrix1 {
    justify-content: flex-end;
  }

  .project-value-asset-wrapper {
    width: 100%;
  }

  .project-value-asset-wrapper.nobackgroundpic-metrix-usp1 {
    justify-content: center;
  }

  .screenrecording-video-projects.pernod-ricard-screenrecording {
    width: 100%;
    margin-left: 128px;
    margin-right: 128px;
  }

  .grid-div.grid-div-big {
    flex-direction: column;
  }

  .button-inpage-link {
    font-size: 18px;
  }

  .div-block-36 {
    margin-top: 10px;
  }

  .gradient-icon {
    background-color: var(--dark-grey);
    color: var(--live-green);
    -webkit-text-fill-color: transparent;
    background-image: none;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .use-case-bullet-grid {
    width: 95vw;
  }

  .blog-grid-text-wrap {
    text-align: left;
  }

  ._3er-icon-grid {
    grid-template-columns: 1fr 1fr;
  }

  .icon-3, .icon-4 {
    display: none;
  }

  .paragraph-bigger-2 {
    font-size: 16px;
    line-height: 28px;
  }

  .gallery-section {
    padding-top: 80px;
    padding-bottom: 150px;
  }

  .section-title {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 38px;
  }

  .prev_next {
    width: 100%;
    inset: auto auto 0% 0%;
  }

  .faces-info-wrapper {
    text-align: left;
  }

  .faces-div {
    margin-top: 10px;
  }

  .faces-info-child-wrapper.newgridvertical {
    width: 95vw;
    margin-top: 0;
  }

  .header-video-copy {
    margin-top: 0;
  }

  .slider-3 {
    height: 41vh;
  }

  .trigger {
    font-size: 8px;
  }

  .sublink {
    font-size: 7px;
  }

  .splide__slide {
    width: 100%;
    padding-left: .92em;
    padding-right: .92em;
  }

  .image-29 {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .slider-ph-studio-copy {
    height: auto;
  }

  .horizontal-item {
    width: 100%;
    padding-right: 4vw;
  }

  .html-embed-metrix-usp1 {
    margin-top: 579px;
    margin-right: 0;
    position: static;
    transform: scale(.3);
  }

  .html-embed-metrix-usp1.biggerscale.usp2 {
    margin-right: 0;
    position: static;
    transform: scale(.4);
  }

  .html-embed-metrix-usp1.metrixusp3 {
    margin-right: 0;
    position: static;
    transform: scale(.7);
  }

  .videoshoppingqueenapp {
    transform: scale(.6);
  }

  .slider-ai-keying {
    height: 70vh;
  }

  .header-video-ai-keying {
    margin-top: 0;
  }

  .allstars-image {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .use-case-bullet-grid-allstars-small {
    width: 95vw;
  }

  .right-arrow-6 {
    transform: translate(14px);
  }

  .left-arrow-6 {
    transform: translate(-10px);
  }

  .smart-guiding-categories {
    margin-left: 0;
  }

  .video-embed.video-header {
    min-width: 200vw;
    height: auto;
    min-height: auto;
  }

  .video-with-shadow-test-copy {
    height: 80vh;
  }

  .elements-and-atoms-styleguide {
    margin-left: 15px;
    margin-right: 15px;
  }

  .elements-and-atoms-styleguide.cc-cta {
    padding: 15px;
  }

  .elements-and-atoms-styleguide.cc-home-wrap, .elements-and-atoms-styleguide.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .elements-and-atoms-styleguide.new-cta {
    padding: 15px;
  }

  .intro-section-wrapper-copy {
    height: 100vh;
  }

  .gradient-icon-copy {
    background-color: var(--dark-grey);
    color: var(--live-green);
    -webkit-text-fill-color: transparent;
    background-image: none;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .gradientsoverlay {
    margin-top: 0;
  }

  .gradientsoverlay.contrasttest-copy {
    background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(to top, #000 7%, #000000e6 19%, #000000b3 30%, #00000026 46%, #81e2ff00 55%), linear-gradient(to top, #0000009e, #0000 26%);
  }

  .section-2 {
    display: none;
  }

  .full-width-video {
    height: 80vh;
  }

  .video-cta-section.ife_allstars_spacing {
    margin-bottom: 100px;
  }

  .blog-content {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    max-width: 100%;
    font-size: 10vw;
    line-height: 1.3;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 24px;
    line-height: 38px;
  }

  ul {
    padding-left: 0;
    padding-right: 0;
  }

  .divider {
    margin-bottom: 40px;
  }

  .section {
    margin-left: 0;
    margin-right: 0;
  }

  .section.cc-cta {
    margin-top: 0;
  }

  .section.standard-section {
    margin-bottom: 120px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .section.standard-section._50vh {
    margin-top: -30vh;
  }

  .section.standard-section.mobileoverflowhidden100vw {
    width: 100vw;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .section.standard-section.no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .section.standard-section._120-bottom {
    margin-bottom: 40px;
  }

  .section.new-cta {
    margin-top: 0;
  }

  .container {
    width: auto;
  }

  .button {
    white-space: normal;
  }

  .button.cc-contact-us {
    display: block;
  }

  .button.button-gradient {
    width: 100%;
  }

  .button.button-gradient.secondary-button {
    width: 100%;
    margin-bottom: 20px;
  }

  .button.button-gradient.button-margin-max-width {
    width: 100%;
    max-width: none;
  }

  .button.button-gradient._100-width-button {
    width: auto;
  }

  .button.button-gradient.hide-mobile {
    display: block;
  }

  .button.button-newsletter {
    width: 66vw;
  }

  .label.cc-light {
    text-align: left;
  }

  .label.cc-light.centre-mobile {
    text-align: center;
  }

  .label.cc-light.margin {
    margin-top: 0;
    margin-left: 0;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .rich-text p {
    font-size: 16px;
    line-height: 32px;
  }

  .paragraph-light {
    margin-top: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .paragraph-light.icon-grid-margin {
    text-align: left;
  }

  .paragraph-light.no-margin._100-width {
    font-size: 16px;
  }

  .paragraph-light.centre {
    text-align: center;
  }

  .h2 {
    font-size: 36px;
    line-height: 48px;
  }

  .logo-link.w--current {
    padding-left: 0;
  }

  .menu {
    margin-left: 15px;
  }

  .navigation-wrap {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation.nav-animation {
    padding-left: 25px;
    padding-right: 25px;
  }

  .menu-button-hamburger {
    flex: none;
    padding-right: 0;
  }

  .menu-button-hamburger.w--open {
    flex: none;
  }

  .logo-image {
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .navigation-items {
    margin-left: 0;
  }

  .cta-wrap {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .intro-header.cc-subpage {
    background-position: 30%;
  }

  .content-wrap {
    width: auto;
    max-width: 95vw;
  }

  .content-wrap.motto-wrap-distance {
    margin-bottom: 80px;
  }

  .content-wrap.content-wrap-wide {
    width: 90%;
  }

  .contact-form-grid {
    grid-template-columns: 100%;
    width: 100%;
  }

  .blog-detail-header-wrap {
    width: 100%;
    max-width: none;
    margin-bottom: -30vh;
    padding-top: 5vh;
    padding-left: 5vw;
    padding-right: 5vw;
    top: -30vh;
  }

  .detail-header-image {
    height: 50vh;
  }

  .blog-heading {
    font-size: 24px;
    line-height: 38px;
  }

  .home-content-wrap {
    margin-top: 0;
  }

  .h3 {
    line-height: 1.4;
  }

  .intro-text {
    width: 80vw;
    margin-top: 160px;
    margin-bottom: 0;
  }

  .header-video {
    background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%);
    align-items: center;
    height: 100vh;
    padding-bottom: 10vh;
  }

  .header-video.fcb-header-video {
    margin-bottom: 0;
  }

  .header-video.pernod-ricard-header-video {
    background-image: none;
    margin-bottom: 0;
  }

  .header-video.rivella-header-video {
    margin-bottom: 0;
  }

  .header-video.oreo-video-header {
    background-image: none;
    margin-bottom: 0;
  }

  .header-video.ar-wine-tasting-header-video {
    background-image: linear-gradient(to right, var(--rivella-orange), #e2231a69 38%, #61616161 52%);
    margin-bottom: 0;
  }

  .header-video.metrix-header-video-copy, .header-video.rivella-refresh-header-video, .header-video.rheem-header-video, .header-video.fof-header-video, .header-video.psg-header-video, .header-video.xmas-card-header-video, .header-video.xmas-header-video, .header-video.shoppingqueen-header-video, .header-video.ktm-header-video, .header-video.boe-header-video, .header-video.gtf-header-video {
    margin-bottom: 0;
  }

  .header-grid {
    grid-template-rows: auto auto auto;
    width: 100%;
    margin-bottom: 0;
  }

  .image {
    width: auto;
    min-width: auto;
    height: auto;
  }

  .new-footer {
    margin-left: 0;
    margin-right: 0;
  }

  .container-2 {
    width: 100%;
  }

  .footer-link {
    text-align: center;
  }

  .web-ar-3-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    width: 80%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .icon-image {
    width: 35px;
    font-size: 24px;
  }

  .dropdown-list-background.w--open {
    position: absolute;
  }

  .section-grey {
    background-color: var(--sensape-grey);
  }

  .screenrecording-video {
    margin: 0;
  }

  .screenrecording-video.fcb-screenrecording {
    height: 360px;
  }

  .screenrecording-video.rivella-screenrecording {
    height: 100%;
  }

  .image-6 {
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 90vw;
    margin-bottom: 20px;
  }

  .lightbox-button.lightbox-button-page {
    width: 100%;
    margin: 0 0 20px;
  }

  .tabnav-item {
    margin-right: 30px;
  }

  .kpi-sticky-container._1-kpi {
    padding-top: 60px;
  }

  .tabnav-link {
    font-size: 14px;
  }

  .fov-gallery.overflow-hidden {
    height: 281px;
  }

  .tab-nav {
    padding-top: 24px;
  }

  .fov-sticky-content {
    top: 33vh;
  }

  .h1 {
    font-size: 48px;
  }

  .h1.h1-grey {
    white-space: normal;
  }

  .h1.h1-grey.relativefontsize {
    font-size: 13vw;
  }

  .h1.project-value-text {
    width: 80%;
    margin-top: 51px;
    margin-left: 10vw;
    font-size: 10vw;
    inset: 0% 0% auto;
  }

  .h1.project-value-text.blue {
    margin-top: 50px;
    margin-left: 20px;
  }

  .h1.project-value-text.bluemetrix {
    margin-top: 51px;
    margin-left: 20px;
  }

  .h1.project-value-text-cms {
    width: 80%;
    margin-top: 51px;
    font-size: 30px;
    inset: 0% 0% auto;
  }

  .h1.project-value-text-cms.space {
    margin-left: 0;
    margin-right: -7px;
  }

  .foto-fan {
    overflow: hidden;
  }

  .card-2.bottom.cms, .card-2.top.cms, .card-2.cms {
    width: 80vw;
    height: auto;
  }

  ._4er-grid-parent {
    grid-template-columns: 1fr;
    width: 90vw;
    margin-top: 60px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  ._4er-grid-parent.grid-4-ol-x {
    margin-top: 80px;
  }

  .section-challenge {
    background-color: var(--white);
    padding-top: 120px;
  }

  .section-challenge.pernod-ricard-section-challenge {
    padding-top: 120px;
  }

  .paragraph-20px {
    max-width: 90vw;
    font-size: 16px;
  }

  .heading-4-semibold {
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
  }

  .distance-block {
    height: 10px;
  }

  .section-white {
    padding-bottom: 80px;
  }

  .screenrecording-div-projects {
    max-width: 100vw;
    height: 75vh;
    padding-left: 0;
  }

  .screenrecording-div-projects.fcb-screenrecording-div {
    height: 50vh;
  }

  .screenrecording-div-projects.screenrecording-div-pernod-ricard, .screenrecording-div-projects.rivella-screenrecording-div {
    max-width: 90vw;
    height: 670px;
    max-height: none;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
    overflow: hidden;
  }

  .screenrecording-div-projects.rivella-screenrecording-div {
    height: 50vh;
    margin-top: 0;
    margin-bottom: 0;
  }

  .form-3 {
    width: auto;
  }

  .newsletter-form-block {
    width: 90vw;
  }

  .product-image.build-your-own {
    height: 30vh;
    right: -5vw;
  }

  .product-image.web-ar-scale {
    width: auto;
    max-width: none;
    height: auto;
  }

  .product-image._100-width {
    max-width: 100%;
    max-height: 100%;
  }

  .product-tile-image-wrapper {
    height: 30vh;
  }

  .product-tile-image-wrapper.build-your-own {
    height: 30vh;
    margin-bottom: -40px;
    margin-right: 0;
  }

  .product-tile-grid-parent {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .q-header-wrapper {
    text-align: left;
    max-width: 90vw;
  }

  .q-h1-header {
    font-size: 36px;
  }

  .button-2 {
    text-align: center;
    width: 100%;
    font-size: 16px;
  }

  .heading-18 {
    width: auto;
    max-width: 90vw;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
  }

  .grey-span {
    font-size: 40px;
  }

  .sensape-q-title {
    font-size: 16px;
    line-height: 1.75;
  }

  .scroll-hack-grid-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .h3-master {
    font-size: 24px;
  }

  .paragraph-master {
    width: 100%;
  }

  .paragraph-master.testimonial-paragraph {
    text-align: left;
  }

  .paragraph-master.primary-100-opacity {
    opacity: 1;
  }

  .paragraph-master.primary-100-opacity.no-margin, .paragraph-master.primary-100-opacity.no-margin-copy {
    font-size: 14px;
  }

  .div-block-16 {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .div-block-16.hide-desktop {
    display: block;
  }

  .q-log-in-div-en {
    height: 50vh;
    top: 50vh;
  }

  .div-block-19 {
    padding-top: 0;
  }

  .mehrwert-section-sensape-q {
    padding-bottom: 40px;
  }

  ._4-grid-icon {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    width: 90vw;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  ._4-grid-icon._60-margin-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cta-test-sensape-q {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-6 {
    max-width: 90vw;
    padding: 40px;
  }

  .button-small-sensape-q {
    text-align: center;
    width: 100%;
    font-size: 16px;
  }

  .grid-10 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .div-block-22 {
    background-image: none;
    height: auto;
  }

  .h4-master {
    font-weight: 600;
  }

  .h4-master.h4-liste {
    margin-bottom: 10px;
  }

  .h4-master.icon {
    margin-right: 0;
    font-size: 24px;
  }

  .h4-master.icon.margin {
    margin-right: 19px;
  }

  .h4-master.pernod-project-icon {
    margin-right: 0;
    font-size: 36px;
  }

  .h4-master.smaller {
    font-size: 16px;
    font-weight: 700;
  }

  .div-block-23 {
    width: 100%;
  }

  .container-7 {
    max-width: 90vw;
  }

  .icon-sensape-q {
    width: 40px;
    margin-bottom: 20px;
  }

  .icon-wrap-parent {
    margin-left: 0;
    margin-right: auto;
  }

  .cta-sensape-q-final {
    height: auto;
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .packagegrid-parent-q {
    grid-template-columns: 1fr;
    width: 90vw;
  }

  .package-wrap {
    width: 100%;
    padding: 40px 20px;
  }

  .text-span-5-copy {
    font-size: 40px;
  }

  .sensape-q-admin-view {
    margin-top: 40px;
  }

  .heading-18-copy {
    width: auto;
    max-width: 90vw;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
  }

  .paragraph-big-master-centre {
    text-align: center;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 1.75;
  }

  .paragraph-big-master-centre.testimonial-paragraph {
    text-align: left;
  }

  .paragraph-big-master-centre.left-align {
    text-align: left;
    font-size: 20px;
  }

  .paragraph-big-master-centre.left-align.additional-text-margin {
    font-size: 20px;
  }

  .paragraph-big-master-centre.left-align.alternativelucas {
    font-size: 20px;
    line-height: 1.6;
  }

  .paragraph-big-master-centre.left-mobile {
    text-align: left;
  }

  .h2-master {
    width: auto;
    max-width: 90vw;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
  }

  .h2-master.mobile {
    display: none;
  }

  .h2-master.smaller {
    margin-bottom: 10px;
    font-size: 34px;
  }

  .link-inpage-and-lightbox {
    align-items: flex-end;
    width: 90vw;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .packet-paragraph {
    width: 100%;
  }

  .button-grid-nav {
    display: none;
  }

  .language-switch-wrapper {
    background-color: var(--white-smoke);
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .button-gradient-header {
    text-align: center;
    width: 100%;
    font-size: 16px;
  }

  .scroll-hack-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .scroll-hack-grid.hide-mobile {
    display: none;
  }

  .q-sms-div-en, .q-sms-div-de, .q-log-in-div-de {
    height: 50vh;
    top: 50vh;
  }

  .sticky-fade-item {
    width: 100vw;
    height: 281px;
  }

  .client-testimonial-text-div {
    height: auto;
    padding: 30% 5vw;
  }

  .button-nav-mobile.cc-contact-us {
    display: block;
  }

  .button-nav-mobile.cc-contact-us.button-mobile-nav {
    background-color: #0000;
    margin: 20px 10px;
    display: block;
  }

  .language-switch-mobile-wrapper {
    background-color: var(--white-smoke);
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
  }

  .project-value-div {
    background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--fcb-red), var(--black));
    flex-direction: column;
    justify-content: flex-start;
    width: 100vw;
    height: 80vh;
    margin-bottom: 10px;
  }

  .project-value-div.project-value-div-rivella {
    padding-left: 158px;
  }

  .project-value-div.metrix {
    background-image: radial-gradient(circle farthest-side at 50% 0%, var(--pernod-blue) 13%, var(--error-red));
  }

  .project-value-div.metrix2 {
    background-image: radial-gradient(circle farthest-side at 0%, #7d89ff, #0013d3 87%);
  }

  .project-value-div.project-value-div-wine-ar {
    background-image: repeating-linear-gradient(to top, #df3b34, var(--rivella-orange));
  }

  .project-value-div.project-value-div-rivella-refresh {
    padding-left: 158px;
  }

  .project-value-div.project-value-div-fof {
    background-image: radial-gradient(circle at 50% 0, #164ceb, #f2e0d0);
    padding-left: 158px;
  }

  .project-value-div.psg {
    background-image: radial-gradient(circle farthest-side at 50% 0%, var(--pernod-blue) 13%, var(--error-red));
  }

  .project-value-div.project-value-div-xmas-card {
    background-image: radial-gradient(circle at 50% 0, #164ceb, #f2e0d0);
    padding-left: 158px;
  }

  .project-value-div.project-value-div-shoppingqueen {
    padding-left: 158px;
  }

  .project-value-div.ktm {
    background-image: radial-gradient(circle farthest-side at 50% 0%, #f16c0d 13%, var(--sensape-grey));
  }

  .project-value-div.cms {
    padding-top: 0;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .project-value-div.project-value-div-gtf {
    background-image: radial-gradient(circle at 50% 0, #164ceb, #f2e0d0);
    padding-left: 158px;
  }

  .project-value-asset-wrapper {
    width: 100%;
    height: 60%;
    margin-left: 0;
    margin-right: 0%;
    position: absolute;
    inset: auto 0% 10%;
  }

  .project-value-asset-wrapper.nobackgroundpic-dsgvo {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5fd7689b5a7550ee83def5ce_Einwilligung%20nach%20DSGVO%20durch%20Stehenbleiben.webp");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0;
    margin-right: 2%;
    transform: scale(1.5);
  }

  .project-value-asset-wrapper.nobackgroundpic-automatisches-foto {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/5fd769dab4d94ed53b4f615c_Automatischer%20Foto%20Mechanismus%20Sensape.webp");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0;
    margin-right: 0%;
    padding-right: 0;
  }

  .project-value-asset-wrapper.pernod-social-media {
    width: 95%;
    transform: scale(.8);
  }

  .project-value-asset-wrapper.pernod-analyse {
    width: 95%;
    transform: scale(1.1);
  }

  .project-value-asset-wrapper.nobackgroundpic-rivella-multilingual {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/604b4219fa751b91acca165d_USP%20Multilingual.webp");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0;
    margin-right: 2%;
    transform: scale(1.2);
  }

  .project-value-asset-wrapper.nobackgroundpic-rivella-multilingual.centeredchildren {
    background-image: none;
  }

  .project-value-asset-wrapper.nobackgroundpic-rivella-extraction {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/604b4248fb0d7a5c0778f936_USP%20Background%20extraction_still.webp");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0;
    margin-right: 2%;
    transform: scale(1);
  }

  .project-value-asset-wrapper.nobackgroundpic-rivella-microsite {
    background-image: url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/604b426cfb0d7a569a78f941_USP%20Ausl%C3%B6sen%20Sampler.webp");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0;
    margin-right: 2%;
    transform: scale(.9);
  }

  .project-value-asset-wrapper.ems-maskenerkennung {
    width: 95%;
    transform: scale(.8);
  }

  .project-value-asset-wrapper.nobackgroundpic-metrix-usp1 {
    margin-left: 0;
    margin-right: 2%;
    transform: scale(1);
  }

  .project-value-asset-wrapper.usp-img-wrapper {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-left: 0;
    margin-right: 2%;
    position: absolute;
    transform: scale(.9);
  }

  .text-span-project-usp {
    font-size: 10vw;
  }

  .text-span-project-usp.metrix.darkblue {
    color: #060099;
  }

  .html-embed-3, .html-embed-4 {
    display: none;
  }

  .screenrecording-video-projects {
    margin: 0;
  }

  .screenrecording-video-projects.pernod-ricard-screenrecording {
    width: 311.4px;
    height: 675px;
    max-height: none;
    margin-left: 0;
    margin-right: 0;
  }

  .button-grid-nav-copy {
    display: none;
  }

  .heading-19 {
    opacity: 1;
    margin-bottom: 0;
  }

  ._4-grid-icon-old {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .allstars-demo-video {
    height: 60vh;
  }

  ._3er-grid-allstars-demo {
    grid-row-gap: 42px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .h2-prismic-rebuild {
    white-space: normal;
    margin-bottom: 20px;
    font-size: 48px;
  }

  .h2-wrapper-centre {
    text-align: center;
    width: 80%;
  }

  .text-wrap-big-content-grid {
    text-align: left;
    width: 100%;
  }

  .section-grow-your-business {
    overflow: hidden;
  }

  .text-span-bg-gradient {
    font-size: 36px;
  }

  .text-span-bg-gradient.stagetextnewshowreel {
    font-size: 36px;
    line-height: 1.2;
  }

  .logo-wrap-flex.show-mobile {
    display: flex;
  }

  .logo-wrap-child {
    width: 14vw;
    min-width: auto;
  }

  .logo-wrap-child.pro-sieben {
    min-width: 15vw;
  }

  .logo-wrap-child.pro-sieben.hide-mobile, .logo-wrap-child.zdf-logo.hide-mobile, .logo-wrap-child.mdr-logo.hide-mobile, .logo-wrap-child.wdr.hide-mobile, .logo-wrap-child.horizont-logo.hide-mobile, .logo-wrap-child.wuv-logo.hide-mobile {
    display: none;
  }

  .logo-wrap-child.handelsblatt {
    min-width: 15vw;
  }

  .logo-wrap-child.blooloop.hide-mobile {
    display: none;
  }

  .map-img-div {
    background-size: 100%;
    width: auto;
    height: 30vh;
    transform: scale(1.1);
  }

  .grid-div {
    width: 100%;
    padding: 40px 5vw;
  }

  .grid-div.grid-div-big {
    padding-right: 40px;
  }

  .grid-div.background-image-topics {
    filter: grayscale();
    background-image: linear-gradient(to right, #fafafaf7, #fafafab3), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/601c928d349617865400831f_Sensape%20Phantastic%20Photobox%20at%20Event%20Fair.webp");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
  }

  .button-inpage-link {
    font-size: 18px;
  }

  .project-teaser-wrap-parent {
    display: none;
  }

  .div-block-36 {
    width: 100%;
    max-width: none;
    height: 33vh;
    margin-top: 0;
  }

  .div-block-38 {
    width: 100%;
    max-width: none;
  }

  .project-mobile-slider {
    width: 100%;
    margin: 40px auto 0;
  }

  .project-teaser-wrapper-mobile {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--almost-white), var(--super-white));
  }

  .project-teaser-wrapper-mobile.margin-bottom {
    margin-bottom: 20px;
  }

  .project-description-wrap-mobile {
    padding: 5vw 5vw 10vw;
  }

  .slide-nav {
    opacity: .68;
    margin-top: 5px;
    font-size: 12px;
  }

  .gradient-icon {
    background-color: var(--dark-grey);
    background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
    font-size: 24px;
  }

  .right-arrow {
    margin-right: -2.5vw;
    display: flex;
    position: absolute;
  }

  .left-arrow {
    margin-left: -2.5vw;
  }

  .kpi-single-wrapper {
    width: 66vw;
    margin-left: auto;
    margin-right: auto;
    top: 0;
  }

  .kpi-parent-wrap {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .kpi-single-wrapper-copy {
    width: 66vw;
    margin-left: auto;
    margin-right: auto;
    top: 0;
  }

  .grid-13 {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-13.newgridvertical {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 0;
  }

  .icon-sensape-q-copy {
    width: 40px;
    margin-bottom: 20px;
  }

  .div-block-41 {
    align-items: flex-start;
    margin-top: 0;
  }

  .stichpunkt-grid {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .use-case-wrapper-bullet-points {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: auto;
  }

  .use-case-bullet-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    width: 90%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .use-case-bullet-grid._100 {
    width: 100%;
  }

  .button-flex-horizontal-div {
    flex-direction: column;
  }

  .blog-grid._2 {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .blog-grid-text-wrap {
    text-align: left;
    margin-top: 8px;
  }

  .sensape-q-title-copy {
    font-size: 16px;
    line-height: 1.75;
  }

  .form-4 {
    max-width: none;
  }

  .q-termin-div-de {
    height: 50vh;
    top: 50vh;
  }

  .html-embed-rivella-1, .html-embed-rivella-2, .html-embed-rivella-3 {
    display: none;
  }

  ._3er-icon-grid-child {
    text-align: left;
    align-items: center;
    padding: 40px 5vw;
  }

  ._3er-icon-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .sliderdetectionmodels {
    width: 100%;
  }

  .div-block-48 {
    width: 100%;
    max-width: none;
    height: 33vh;
    margin-top: 40px;
  }

  .kernkompetenzen-img {
    width: auto;
    height: 30vh;
    margin-top: 40px;
  }

  .core-competencies-img {
    width: auto;
    height: 30vh;
  }

  .div-block-41---copy---new-faces {
    align-items: flex-start;
    margin-top: 0;
  }

  .card-div.mobiledisabled, .card-div.mobiledisabled-copy {
    margin-top: -28vw;
  }

  .sliderdetectionmodels-2 {
    width: 100%;
  }

  .faces-2021-recognition {
    align-items: flex-start;
    margin-top: 0;
  }

  .sensape-q-admin-view-gastro {
    height: auto;
    margin-top: 40px;
  }

  .ems-image {
    width: 100%;
    height: auto;
  }

  .gallery-wrapper {
    margin-bottom: 60px;
  }

  .faces-2021-recognition-1-2 {
    align-items: flex-start;
    margin: 85px 3vw 93vw;
  }

  .faces-info-wrapper {
    width: auto;
  }

  .icon-sensape-q-copy-2 {
    width: 40px;
    margin-bottom: 20px;
  }

  .faces-div {
    z-index: -10;
    width: 100%;
    max-width: 95vw;
    height: 33vh;
    margin-top: 6vw;
    margin-left: 0;
    margin-right: 0;
  }

  .image-22 {
    min-width: 162px;
  }

  .faces-info-child-wrapper {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100vw;
    margin-left: -2vw;
    margin-right: auto;
    padding-left: 4.5vw;
  }

  .faces-info-child-wrapper.newgridvertical {
    grid-template-columns: 1fr 1fr 1fr;
    width: 83vw;
    margin-top: 0;
    margin-left: 4.5vw;
    padding-left: 0;
  }

  .faces-info-child-wrapper.newgridvertical.germanlesscolumngapspace {
    grid-column-gap: 15px;
    margin-left: 4vw;
  }

  .sliderdetectionmodels-3 {
    width: 179vw;
    margin-left: -45vw;
  }

  .q-o {
    height: 50vh;
    top: 50vh;
  }

  .icon-fontawesome-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-auto-flow: row;
    align-items: start;
  }

  .image-23 {
    width: 35vw;
    margin-left: -63vw;
  }

  .image-28 {
    width: 41vw;
    margin-top: -11vw;
  }

  .header-video-copy {
    align-items: center;
    height: 100vh;
    padding-bottom: 10vh;
  }

  .header-video-copy.bonnet-header {
    background-image: linear-gradient(to right, #81bb2785, #4570eca8 31%, #2145aa4f 100%, #1b7b9942), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/6076bb0c0c03ad9f51ad44de_Bonnet%20Radwelt%20Q3.webp");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 100vh;
  }

  .accordion-item-trigger-2:hover {
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-item-content {
    padding-left: 0;
    padding-right: 0;
  }

  .accordion-arrow {
    width: 20px;
  }

  .stadtbibo-leipzig-maskenerkennung {
    object-fit: contain;
    max-width: 100%;
    margin-top: 40px;
  }

  .slider-3 {
    height: 34vh;
  }

  .right-arrow-4 {
    background-image: linear-gradient(to right, #fff0, #fff);
    width: 11vw;
  }

  .icon-5, .icon-6 {
    transform: scale(.5);
  }

  .left-arrow-4-copy {
    width: 11vw;
  }

  .cta-test-sensape-q-o {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .oreo-mockup {
    max-width: 100%;
    margin-top: 40px;
  }

  .job-description-richtext li {
    margin-left: 0;
  }

  .job-description-richtext h4 {
    font-size: 20px;
  }

  .job-description-richtext p {
    font-size: 16px;
    line-height: 1.9;
  }

  .sublink {
    font-size: 2em;
  }

  .splide__slide {
    padding-left: 5px;
    padding-right: 5px;
    display: block;
  }

  .splide__slide.auto-height-grey-bg {
    width: 50%;
    margin-right: 2vw;
    padding: 2vw;
  }

  .aldi-price-jpg {
    max-width: 100%;
    margin-top: 40px;
  }

  .youtube-video-wrapper {
    width: 90vw;
    height: auto;
  }

  .youtube {
    height: 66vh;
  }

  .boe-mockup {
    max-width: 100%;
    margin-top: 40px;
  }

  .project-header-div-pic-ritter-sport {
    background-image: linear-gradient(to right, #416dff8a, #b9b9b938 79%), url("https://cdn.prod.website-files.com/5ec991574966c26c8a59cf8d/607d49b786f039516da3e824_Rittersport%20Promotion%20im%20Einzelhandel.webp");
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    margin-bottom: 0;
  }

  .image-29 {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .paragraph {
    width: 85%;
  }

  .slider-ph-studio-copy {
    margin-bottom: 60px;
  }

  .sensape-connectivity-img, .metrix-big-picture {
    height: auto;
    margin-top: 40px;
  }

  .button-new {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    transition: opacity .2s;
  }

  .button-new:hover {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-wrap-header {
    flex-direction: column;
    width: 100%;
    margin-top: 0;
  }

  .cta-test-sensape-q-o-copy {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .button-small-sensape-q-copy {
    text-align: center;
    width: 100%;
    font-size: 16px;
  }

  .ar-wine-tasting-big-picture {
    height: auto;
    margin-top: 40px;
  }

  .ar-wine-tasting-big-picture.scale-down {
    width: auto;
    max-width: none;
    max-height: 50vh;
  }

  .html-embed-metrix-usp1 {
    margin-top: 430px;
  }

  .html-embed-metrix-usp1.biggerscale.usp2 {
    margin-top: -229px;
    transform: scale(.3);
  }

  .html-embed-metrix-usp1.metrixusp3 {
    margin-top: 464px;
    transform: scale(.6);
  }

  .project-teaser-description-text {
    opacity: .9;
    color: var(--sensape-grey);
    font-size: 14px;
    line-height: 1.8;
  }

  .collection-list-grid {
    grid-template-columns: 1fr;
  }

  .html-embed-wine-ar {
    display: none;
  }

  .mobile-usp-img {
    width: 100%;
    height: auto;
    display: block;
  }

  .rheem-big-picture {
    height: auto;
    margin-top: 40px;
  }

  .filter-button {
    margin-bottom: 10px;
  }

  .filter-wrapper {
    flex-wrap: wrap;
    margin-bottom: 60px;
  }

  .div-block-69 {
    margin-top: 10px;
  }

  .html-embed-standard {
    display: none;
  }

  .div-block-70 {
    height: auto;
  }

  .videoshoppingqueenapp {
    border-radius: 40px;
    transform: scale(.8);
  }

  .procect-big-pic {
    height: auto;
    margin-top: 40px;
  }

  .div-block-71 {
    flex-direction: column;
    align-items: flex-start;
  }

  .slider-ai-keying {
    height: 50vh;
  }

  .header-video-ai-keying {
    align-items: center;
    height: 100vh;
    padding-bottom: 10vh;
  }

  .allstars-image {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .fan-engagement-big-picture {
    height: auto;
    margin-top: 40px;
    display: none;
  }

  .use-case-bullet-grid-allstars-small {
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .right-arrow-6, .left-arrow-6 {
    width: 11vw;
  }

  .usp-text-wrapper {
    width: 90%;
    top: 10%;
  }

  .foto-fan-section-cms {
    margin-bottom: 0;
  }

  .language-link-overlay.en, .language-link-overlay.de {
    display: none;
  }

  ._3-rows-grid-icon {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    width: 90vw;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  ._3-rows-grid-icon._60-margin-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .cta-smart-guiding {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-16 {
    object-fit: fill;
    grid-template-columns: 1fr;
    overflow: visible;
  }

  .button-small-smart-guiding {
    text-align: center;
    width: 100%;
    font-size: 16px;
  }

  .smart-guiding-categories {
    flex-direction: column;
    margin-left: auto;
  }

  .smart-guiding-wrapper.basic {
    width: 100%;
  }

  .video-embed.video-header {
    width: auto;
    min-width: 180vh;
  }

  .cta-promotion {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .solutions-section-cms {
    padding-top: 0;
  }

  .video-header-cms {
    margin-bottom: 0;
  }

  .intro-text-cms {
    width: 80vw;
    margin-top: 160px;
    margin-bottom: 0;
    bottom: auto;
  }

  .paragraph-slider-subtitle {
    width: 85%;
  }

  .slide-nav-3-smart-guiding {
    margin-top: 0;
    padding-top: 0;
  }

  .flex-offer-wrapper {
    flex-direction: column;
  }

  .offer-description-wrapper {
    width: 100%;
    margin-top: -10px;
    margin-left: 0%;
  }

  .div-block-75 {
    width: 100%;
  }

  .video-with-shadow-test-copy {
    border-radius: 0;
    height: 30vh;
    padding-right: 0;
  }

  .max-50-w {
    max-width: 100%;
  }

  .select-field {
    margin-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-content-wrap {
    width: 100%;
  }

  .elements-and-atoms-styleguide {
    margin-left: 0;
    margin-right: 0;
  }

  .elements-and-atoms-styleguide.cc-cta {
    margin-top: 0;
  }

  .elements-and-atoms-styleguide.cc-store-home-wrap {
    margin-bottom: 120px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .elements-and-atoms-styleguide.cc-store-home-wrap._50vh {
    margin-top: -30vh;
  }

  .elements-and-atoms-styleguide.cc-store-home-wrap.mobileoverflowhidden100vw {
    width: 100vw;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .elements-and-atoms-styleguide.cc-store-home-wrap.no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .elements-and-atoms-styleguide.new-cta {
    margin-top: 0;
  }

  .intro-section-wrapper-copy {
    height: 500px;
  }

  .slide-10 {
    background-position: 50% 0;
    background-size: 150%;
  }

  .mask-4 {
    background-color: var(--white);
  }

  .heading-27 {
    text-shadow: -1px 1px 11px #00000045;
    width: 80%;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.14;
  }

  .heading-27.alternativelucas {
    font-size: 10vw;
  }

  .grid-17 {
    grid-template-columns: 1fr;
    width: 90%;
    max-width: none;
  }

  .slider-circle-button {
    width: 15vw;
    height: 15vw;
    margin-left: 0;
  }

  .slider-circle-button.right {
    box-shadow: 0 4px 10px #0003;
  }

  .gradient-icon-copy {
    background-color: var(--dark-grey);
    background-image: linear-gradient(-40deg, var(--store-blue), var(--live-green));
    font-size: 24px;
  }

  .gradientsoverlay {
    background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(345deg, #fff0 78%, #ffffff59 90%, #ffffffd6), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(34deg, #fff0 81%, #ffffff21 87%, #ffffff3d 93%, #ffffff7a), linear-gradient(129deg, #00bfc3c2 12%, #00b46f00 38%), linear-gradient(342deg, #00ff84de, #00cc8b8a 14%, #2ba99747 30%, #55bbaa21 38%, #5ba0 47%), linear-gradient(95deg, #0000009e, #0000 26%);
    align-items: center;
    height: 100vh;
    padding-bottom: 10vh;
  }

  .gradientsoverlay.fcb-header-video {
    margin-bottom: 0;
  }

  .gradientsoverlay.pernod-ricard-header-video {
    background-image: none;
    margin-bottom: 0;
  }

  .gradientsoverlay.rivella-header-video {
    margin-bottom: 0;
  }

  .gradientsoverlay.oreo-video-header {
    background-image: none;
    margin-bottom: 0;
  }

  .gradientsoverlay.ar-wine-tasting-header-video {
    background-image: linear-gradient(to right, var(--rivella-orange), #e2231a69 38%, #61616161 52%);
    margin-bottom: 0;
  }

  .gradientsoverlay.metrix-header-video-copy, .gradientsoverlay.rivella-refresh-header-video, .gradientsoverlay.rheem-header-video, .gradientsoverlay.fof-header-video, .gradientsoverlay.psg-header-video, .gradientsoverlay.xmas-card-header-video, .gradientsoverlay.xmas-header-video, .gradientsoverlay.shoppingqueen-header-video, .gradientsoverlay.ktm-header-video, .gradientsoverlay.boe-header-video, .gradientsoverlay.gtf-header-video {
    margin-bottom: 0;
  }

  .gradientsoverlay.contrasttest-copy {
    background-image: linear-gradient(#fff0 67%, #ffffff87), linear-gradient(#fff0 94%, #ffffff42 97%, #fff), linear-gradient(#fff0 76%, #ffffff1f 84%, #ffffff4a 88%, #fff), linear-gradient(to top, #000 7%, #000000e6 19%, #000000b3 30%, #00000026 46%, #81e2ff00 55%), linear-gradient(to top, #0000009e, #0000 26%), linear-gradient(to right, #000000bf, #02020299 30%, #0706060a);
  }

  .full-width-video {
    border-radius: 0;
    height: 30vh;
    padding-right: 0;
  }

  .video-size-container {
    height: 50vh;
  }

  .video-cta-section {
    margin-bottom: 80px;
  }

  .video-cta-section.ife_allstars_spacing {
    margin-bottom: 0;
  }

  .div-block-80 {
    padding-bottom: 40px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .image-42 {
    margin-left: 70px;
  }

  .blog-content {
    width: 100%;
    max-width: none;
  }

  .blog-content p {
    font-size: 16px;
    line-height: 32px;
  }
}

#w-node-_2dcf3eeb-9c6f-2fba-0d2c-58b436a9fb29-51452f89 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-_2dcf3eeb-9c6f-2fba-0d2c-58b436a9fb2c-51452f89 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9cb4c54b-7d0c-26e2-7e59-1931ce933e9c-51452f89, #w-node-_15b65917-862f-3a80-93d8-75f6ea64b50a-51452f89 {
  order: 9999;
}

#w-node-_69a69a56-4ba2-133b-d464-0dfb9588f3d6-51452f89, #w-node-ed2a7d54-3369-d0d1-78b5-1ccd033e147b-51452f89 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_322a4068-cbb4-7671-7a9f-0b54760e20d1-1ad7d55e {
  align-self: start;
}

#w-node-_92e71c12-ce6e-fb72-c433-df735d152185-b27a4e25 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cade67e5-0d55-4f53-74ad-d3c7e9d55574-51452ff3 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-cade67e5-0d55-4f53-74ad-d3c7e9d55577-51452ff3 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-cade67e5-0d55-4f53-74ad-d3c7e9d5557a-51452ff3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_750d85d7-1169-ea2c-838b-c60ff0cd864a-51452ff3 {
  order: 9999;
}

#w-node-_17934a58-cfba-6d81-861a-026e1771d49a-51453016, #w-node-_50ddcc8a-4a7a-68c2-0af4-21caee726db1-51453016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b3f91303-31a5-b61d-f43e-9e51346f9e36-51453016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-b3f91303-31a5-b61d-f43e-9e51346f9e39-51453016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b3f91303-31a5-b61d-f43e-9e51346f9ed3-51453016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b14b0adb-3402-8e74-d8d6-23e314d05b00-51453045 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b14b0adb-3402-8e74-d8d6-23e314d05b03-51453045 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-projectrequest-button.w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca5-51453045 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fe9c46c2-d84e-cdfb-638d-6c522aea2771-2aea276e {
  align-self: start;
}

#w-node-_23d09ad2-61f6-7af6-f7df-4b5c3b1725f7-56dc2fdd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_203f9359-5840-b69b-9aa0-3724e56fed44-51453050, #w-node-_203f9359-5840-b69b-9aa0-3724e56fed46-51453050 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-projectrequest-button.w-node-_203f9359-5840-b69b-9aa0-3724e56fed49-51453050 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1b75e038-3606-5783-76e8-ba0d93768412-51453050 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-_32d52bca-4d5b-a2f2-9508-077734fed299-51453051, #w-node-_32d52bca-4d5b-a2f2-9508-077734fed29b-51453051 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-projectrequest-button.w-node-_32d52bca-4d5b-a2f2-9508-077734fed29e-51453051 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3f61509a-fac7-b0d5-3763-509be705858e-51453052 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3f61509a-fac7-b0d5-3763-509be70585a6-51453052 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3f61509a-fac7-b0d5-3763-509be705858e-51453053 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3f61509a-fac7-b0d5-3763-509be70585a6-51453053 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca0-51453054, #w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca2-51453054 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-projectrequest-button.w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca5-51453054 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_91ffd718-96e6-d9c5-3ad4-2ae523162e91-51453057 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_489606a9-bccb-0a65-2e50-6801ce7cad6a-51453057 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ccc0f290-e8d3-4b8c-1f62-9dd281f8ddab-51453057 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5a1a8d9-9072-acd0-8053-a93782334963-51453057 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-bcb883d9-0daa-1bc8-253f-9aa6d82e6ecf-51453057 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-_94f38ed0-451d-300e-bdcc-f7d8b7b62507-51453057 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_94f38ed0-451d-300e-bdcc-f7d8b7b62519-51453057 {
  justify-self: center;
}

#w-node-_46743123-44dd-f42b-d89e-b0ac8a286710-5145305c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3733dfba-0cd6-12f5-f5e3-4e22dc161e56-51453063 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3733dfba-0cd6-12f5-f5e3-4e22dc161e57-51453063 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-projectrequest-button.w-node-_3733dfba-0cd6-12f5-f5e3-4e22dc161e58-51453063 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_45a9571c-7ae0-c90f-6251-55372261060e-51453063, #w-node-_45a9571c-7ae0-c90f-6251-553722610610-51453063, #w-node-_45a9571c-7ae0-c90f-6251-553722610613-51453063, #w-node-_45a9571c-7ae0-c90f-6251-553722610615-51453063, #w-node-_45a9571c-7ae0-c90f-6251-553722610618-51453063, #w-node-_45a9571c-7ae0-c90f-6251-55372261061d-51453063, #w-node-_45a9571c-7ae0-c90f-6251-55372261061f-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ebe-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ebf-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec1-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec2-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec4-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec7-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec8-51453063 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b2d49d38-f164-afd7-4d1d-66f272a89379-5145306a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b2d49d38-f164-afd7-4d1d-66f272a8937b-5145306a {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-projectrequest-button.w-node-b2d49d38-f164-afd7-4d1d-66f272a8937d-5145306a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f48d6ecb-76fb-d369-8a24-270e82da6be0-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6be2-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6be5-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6be7-5145306a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f48d6ecb-76fb-d369-8a24-270e82da6be9-5145306a {
  justify-self: start;
}

#w-node-f48d6ecb-76fb-d369-8a24-270e82da6bea-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6bef-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6bf1-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce67c-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce67e-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce681-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce683-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce686-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce68b-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce68d-5145306a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2dfb-51453078 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2dfe-51453078 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2e01-51453078 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-be3734e5-c50a-9f2a-287d-76983b933c08-51453078 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-bffaa5ea-03d0-e2ce-2610-9e024dd2fece-51453078 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-bfd6ebfd-65b4-c748-dfbf-1b9c5e10566e-51453078 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-ec2ab0e7-4f76-199c-cd4c-f0bc24a26c30-51453078 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-ec2ab0e7-4f76-199c-cd4c-f0bc24a26c51-51453078 {
  justify-self: center;
}

#w-node-_8acc0c01-4679-4cc5-93fe-8865c7d466e1-51453079 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-_8acc0c01-4679-4cc5-93fe-8865c7d466e4-51453079 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_69a69a56-4ba2-133b-d464-0dfb9588f3d6-51453079, #w-node-ed2a7d54-3369-d0d1-78b5-1ccd033e147b-51453079 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b14b0adb-3402-8e74-d8d6-23e314d05b00-5145307a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b14b0adb-3402-8e74-d8d6-23e314d05b03-5145307a {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-projectrequest-button.w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca5-5145307a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_05e76936-2783-7343-633b-7d1dd62cbdea-51453081 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_05e76936-2783-7343-633b-7d1dd62cbded-51453081 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_05e76936-2783-7343-633b-7d1dd62cbdf0-51453081, #w-node-_778c183f-ff6a-daf1-6a9a-9d901334ae37-51453081 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_69a69a56-4ba2-133b-d464-0dfb9588f3d6-51453081 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cade67e5-0d55-4f53-74ad-d3c7e9d55574-51453082 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-cade67e5-0d55-4f53-74ad-d3c7e9d55577-51453082 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-cade67e5-0d55-4f53-74ad-d3c7e9d5557a-51453082 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a87c866-7adf-a670-a669-1dab118f1e21-51453082, #w-node-_33cebbf4-06ee-6198-559d-1f16cd8ebacb-51453082 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_15af16b8-c565-61c0-17b9-12c0f2f45b9d-5145308a, #w-node-_15af16b8-c565-61c0-17b9-12c0f2f45b9f-5145308a {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-projectrequest-button.w-node-_15af16b8-c565-61c0-17b9-12c0f2f45ba2-5145308a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-aa3e69d3-1836-27bc-015b-44abb9b52353-5145308a {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-aa3e69d3-1836-27bc-015b-44abb9b5232e-5145308a {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_05e0d0fd-17ef-2939-bf94-118a86594f76-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594f7d-5145308e {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_05e0d0fd-17ef-2939-bf94-118a86594f80-5145308e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9c5c1d66-a2e9-356b-9434-6d49b30b630f-5145308e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9c5c1d66-a2e9-356b-9434-6d49b30b62dc-5145308e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9c5c1d66-a2e9-356b-9434-6d49b30b62ed-5145308e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9c5c1d66-a2e9-356b-9434-6d49b30b62fe-5145308e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_05e0d0fd-17ef-2939-bf94-118a86594fc3-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fc9-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fcf-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fdf-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fe5-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594feb-5145308e {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
}

#w-node-cade67e5-0d55-4f53-74ad-d3c7e9d55574-5145309e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-cade67e5-0d55-4f53-74ad-d3c7e9d55577-5145309e {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-cade67e5-0d55-4f53-74ad-d3c7e9d5557a-5145309e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a93a7512-fa16-9881-1138-8181f35f4838-514530a5, #w-node-a93a7512-fa16-9881-1138-8181f35f483a-514530a5 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-a93a7512-fa16-9881-1138-8181f35f483d-514530a5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d21-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d23-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d26-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d28-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d2b-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d30-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d32-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf86-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf88-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf8b-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf90-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf92-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf95-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf97-514530a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b81742b-cf2c-a494-3c99-ace305f1f2c2-514530d8 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-_9b81742b-cf2c-a494-3c99-ace305f1f2c5-514530d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b81742b-cf2c-a494-3c99-ace305f1f2fd-514530d8 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_9b81742b-cf2c-a494-3c99-ace305f1f320-514530d8 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-_9b81742b-cf2c-a494-3c99-ace305f1f340-514530d8 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_9b81742b-cf2c-a494-3c99-ace305f1f363-514530d8 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-_9b81742b-cf2c-a494-3c99-ace305f1f40d-514530d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d8b8f949-5f3d-02c6-50df-81b8d3f2b9ee-5145313a, #w-node-_183cb85a-0d1e-d7af-b7ab-3e261896a283-5145313a, #w-node-bff26a48-8673-2812-8a47-1bdafe63ba2a-5145313a, #w-node-bf4dbafa-b92f-2bb2-8125-e4d89ba35d27-5145313a, #w-node-_9bf89492-cae0-f954-4ef8-09cb2268230a-5145313a, #w-node-_1b250e38-4843-b85c-5a33-2af7284c9ff3-5145313a, #w-node-bff26a48-8673-2812-8a47-1bdafe63ba2a-51453165, #w-node-_9bf89492-cae0-f954-4ef8-09cb2268230a-51453165 {
  justify-self: stretch;
}

#w-node-_66c0c1b5-e2a7-603c-e075-b46994387446-51453165 {
  grid-area: 1 / 2 / 7 / 3;
  justify-self: center;
}

#w-node-b1e193e3-698d-c345-eec6-44fbb39d9eee-51453166 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-b1e193e3-698d-c345-eec6-44fbb39d9ef1-51453166 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7392f3eb-fa7e-db2c-bc72-2567e88b90bd-51453166, #w-node-_3568dd8c-a9e2-5d41-9368-25a8f7be10f8-51453166, #w-node-_9c9aeb89-1f8a-331f-b188-d4a140f42592-51453166 {
  justify-self: stretch;
}

#w-node-_66c0c1b5-e2a7-603c-e075-b46994387446-51453166 {
  grid-area: 1 / 2 / 7 / 3;
  justify-self: center;
}

#w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2dfb-5145317f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2dfe-5145317f {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2e01-5145317f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_886c461f-4ba0-8787-51a5-cafe376795f6-5145317f, #w-node-a232bf19-958f-7229-a61c-9011c101db2e-5145317f, #w-node-d9aaa6ce-af58-520f-9faa-135f3703a4fa-5145317f {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
}

#w-node-dfa342d6-6337-a9d9-f2c0-2ac15b969954-51453180 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-dfa342d6-6337-a9d9-f2c0-2ac15b969957-51453180 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-dfa342d6-6337-a9d9-f2c0-2ac15b96995a-51453180 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_509fdcf5-7a00-2517-487e-2e9f60e7d208-51453180 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-_6acb64b6-30f0-31af-941d-44c9fd7058f7-51453180 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_63c4fb86-b48b-f6ef-51b8-29a8fa4a4407-51453180 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: start;
}

#w-node-_485fbca2-dd96-da2a-4714-df26f602d540-51453180 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_485fbca2-dd96-da2a-4714-df26f602d561-51453180 {
  justify-self: center;
}

#w-node-ac7dcbec-a010-e310-0cd8-edb9ecccdf53-5145319b {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#wf-button-kontakt-button.w-node-ac7dcbec-a010-e310-0cd8-edb9ecccdf56-5145319b, #w-node-d8e898d3-aac7-2daa-5840-27cdca804a6b-5145319b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_60526c2b-5800-4401-e2cc-7d161ae186c8-5145319b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_45cab4f0-e9f8-ad80-782e-e4cd96bcd3f0-5145319b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_45cab4f0-e9f8-ad80-782e-e4cd96bcd3fd-5145319b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3b35e936-30de-d2c0-8130-6390b207c0c4-5145319b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_3b35e936-30de-d2c0-8130-6390b207c0d3-5145319b, #w-node-_778bae5a-a619-25f1-aa21-a0f49c05e6df-5145319b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_778bae5a-a619-25f1-aa21-a0f49c05e6e3-5145319b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_9ba1d111-4e21-8ff0-ecf3-cd478848d5f9-5145319b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_898001b3-186c-2dfc-24b3-b279e3687abd-5145319b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_46cb2a2e-f7f9-19d8-d5b4-b00d87d4a8d5-5145319b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_00c42292-98f9-d6ca-cb35-a23adfd11ac8-5145319b {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

@media screen and (max-width: 991px) {
  #wf-button-kontakt-button.w-node-_2dcf3eeb-9c6f-2fba-0d2c-58b436a9fb2c-51452f89 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6410d8ae-9fd3-8f7e-ad80-4688de1a6b23-51452f89, #w-node-_6410d8ae-9fd3-8f7e-ad80-4688de1a6b33-51452f89, #w-node-_6410d8ae-9fd3-8f7e-ad80-4688de1a6b43-51452f89, #w-node-fd08e39a-64ef-e7e2-26f0-3d3b79674e42-51452f89 {
    grid-area: Area;
  }

  #w-node-cade67e5-0d55-4f53-74ad-d3c7e9d5557a-51452ff3, #wf-button-kontakt-button.w-node-b3f91303-31a5-b61d-f43e-9e51346f9e39-51453016, #wf-button-projectrequest-button.w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca5-51453045, #wf-button-projectrequest-button.w-node-_203f9359-5840-b69b-9aa0-3724e56fed49-51453050 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1b75e038-3606-5783-76e8-ba0d93768412-51453050 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #wf-button-projectrequest-button.w-node-_32d52bca-4d5b-a2f2-9508-077734fed29e-51453051 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3f61509a-fac7-b0d5-3763-509be70585a6-51453052, #w-node-_3f61509a-fac7-b0d5-3763-509be70585a6-51453053 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #wf-button-projectrequest-button.w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca5-51453054, #w-node-ccc0f290-e8d3-4b8c-1f62-9dd281f8ddab-51453057 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f5a1a8d9-9072-acd0-8053-a93782334963-51453057, #w-node-bcb883d9-0daa-1bc8-253f-9aa6d82e6ecf-51453057, #w-node-_94f38ed0-451d-300e-bdcc-f7d8b7b62507-51453057 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #wf-button-projectrequest-button.w-node-_3733dfba-0cd6-12f5-f5e3-4e22dc161e58-51453063 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_22839aa2-2a4e-7d1b-7b93-582b4570d45a-51453063, #w-node-_22839aa2-2a4e-7d1b-7b93-582b4570d46a-51453063, #w-node-_22839aa2-2a4e-7d1b-7b93-582b4570d47a-51453063 {
    grid-area: Area;
  }

  #wf-button-projectrequest-button.w-node-b2d49d38-f164-afd7-4d1d-66f272a8937d-5145306a, #wf-button-kontakt-button.w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2e01-51453078 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-be3734e5-c50a-9f2a-287d-76983b933c08-51453078, #w-node-bffaa5ea-03d0-e2ce-2610-9e024dd2fece-51453078, #w-node-bfd6ebfd-65b4-c748-dfbf-1b9c5e10566e-51453078, #w-node-ec2ab0e7-4f76-199c-cd4c-f0bc24a26c30-51453078 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #wf-button-kontakt-button.w-node-_8acc0c01-4679-4cc5-93fe-8865c7d466e4-51453079 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-aa94b67d-d736-3304-31f8-7ba07a94e960-51453079, #w-node-aa94b67d-d736-3304-31f8-7ba07a94e970-51453079, #w-node-aa94b67d-d736-3304-31f8-7ba07a94e980-51453079, #w-node-_04f84e80-c44a-1026-d9a7-5df7de8f4bcf-51453079, #w-node-_687b3f14-fd14-312a-c15e-86da33edeee0-51453079, #w-node-f3866f5d-fb1d-fdaf-7142-822550e65087-51453079, #w-node-_56b110ba-3e9c-2962-8669-694a91727bc9-51453079, #w-node-_56b110ba-3e9c-2962-8669-694a91727bd9-51453079, #w-node-_56b110ba-3e9c-2962-8669-694a91727be9-51453079 {
    grid-area: Area;
  }

  #wf-button-projectrequest-button.w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca5-5145307a, #w-node-_05e76936-2783-7343-633b-7d1dd62cbdf0-51453081, #wf-button-kontakt-button.w-node-cade67e5-0d55-4f53-74ad-d3c7e9d5557a-51453082, #wf-button-projectrequest-button.w-node-_15af16b8-c565-61c0-17b9-12c0f2f45ba2-5145308a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-aa3e69d3-1836-27bc-015b-44abb9b52353-5145308a, #w-node-aa3e69d3-1836-27bc-015b-44abb9b5232e-5145308a {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594f80-5145308e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9c5c1d66-a2e9-356b-9434-6d49b30b630f-5145308e, #w-node-_9c5c1d66-a2e9-356b-9434-6d49b30b62dc-5145308e, #w-node-_9c5c1d66-a2e9-356b-9434-6d49b30b62ed-5145308e, #w-node-_9c5c1d66-a2e9-356b-9434-6d49b30b62fe-5145308e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #wf-button-kontakt-button.w-node-cade67e5-0d55-4f53-74ad-d3c7e9d5557a-5145309e, #w-node-a93a7512-fa16-9881-1138-8181f35f483d-514530a5, #wf-button-kontakt-button.w-node-_9b81742b-cf2c-a494-3c99-ace305f1f2c5-514530d8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9b81742b-cf2c-a494-3c99-ace305f1f2fd-514530d8, #w-node-_9b81742b-cf2c-a494-3c99-ace305f1f320-514530d8, #w-node-_9b81742b-cf2c-a494-3c99-ace305f1f340-514530d8, #w-node-_9b81742b-cf2c-a494-3c99-ace305f1f363-514530d8 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #wf-button-kontakt-button.w-node-b1e193e3-698d-c345-eec6-44fbb39d9ef1-51453166, #wf-button-kontakt-button.w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2e01-5145317f, #wf-button-kontakt-button.w-node-dfa342d6-6337-a9d9-f2c0-2ac15b96995a-51453180 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_509fdcf5-7a00-2517-487e-2e9f60e7d208-51453180, #w-node-_6acb64b6-30f0-31af-941d-44c9fd7058f7-51453180, #w-node-_63c4fb86-b48b-f6ef-51b8-29a8fa4a4407-51453180, #w-node-_485fbca2-dd96-da2a-4714-df26f602d540-51453180 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #wf-button-kontakt-button.w-node-ac7dcbec-a010-e310-0cd8-edb9ecccdf56-5145319b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_60526c2b-5800-4401-e2cc-7d161ae186c8-5145319b {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: auto;
  }

  #w-node-_45cab4f0-e9f8-ad80-782e-e4cd96bcd3f0-5145319b, #w-node-_3b35e936-30de-d2c0-8130-6390b207c0c4-5145319b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ebd1122b-f355-3b46-2c55-4cae08529b4d-5145319b, #w-node-ebd1122b-f355-3b46-2c55-4cae08529b5d-5145319b, #w-node-ebd1122b-f355-3b46-2c55-4cae08529b6d-5145319b {
    grid-area: Area;
  }

  #w-node-_778bae5a-a619-25f1-aa21-a0f49c05e6e3-5145319b, #w-node-_898001b3-186c-2dfc-24b3-b279e3687abd-5145319b, #w-node-_00c42292-98f9-d6ca-cb35-a23adfd11ac8-5145319b {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ed2a7d54-3369-d0d1-78b5-1ccd033e147b-51452f89, #w-node-_46743123-44dd-f42b-d89e-b0ac8a286710-5145305c, #w-node-ed2a7d54-3369-d0d1-78b5-1ccd033e147b-51453079, #w-node-_9b81742b-cf2c-a494-3c99-ace305f1f40d-514530d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #wf-button-kontakt-button.w-node-_2dcf3eeb-9c6f-2fba-0d2c-58b436a9fb2c-51452f89 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_69a69a56-4ba2-133b-d464-0dfb9588f3d6-51452f89 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_773d9212-f558-cfe4-5cb5-5003f617a4fa-1ad7d55e, #w-node-_4bbacb9d-551d-078e-12c0-f388e336e398-1ad7d55e, #w-node-cade67e5-0d55-4f53-74ad-d3c7e9d5557a-51452ff3, #wf-button-kontakt-button.w-node-b3f91303-31a5-b61d-f43e-9e51346f9e39-51453016 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-b3f91303-31a5-b61d-f43e-9e51346f9ed3-51453016 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #wf-button-projectrequest-button.w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca5-51453045, #w-node-b6a1835b-8013-d618-451c-9978eac0efa7-2aea276e, #wf-button-projectrequest-button.w-node-_203f9359-5840-b69b-9aa0-3724e56fed49-51453050, #wf-button-projectrequest-button.w-node-_32d52bca-4d5b-a2f2-9508-077734fed29e-51453051, #wf-button-projectrequest-button.w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca5-51453054, #w-node-ccc0f290-e8d3-4b8c-1f62-9dd281f8ddab-51453057, #w-node-_3733dfba-0cd6-12f5-f5e3-4e22dc161e56-51453063, #wf-button-projectrequest-button.w-node-_3733dfba-0cd6-12f5-f5e3-4e22dc161e58-51453063 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_45a9571c-7ae0-c90f-6251-55372261060e-51453063, #w-node-_45a9571c-7ae0-c90f-6251-553722610610-51453063, #w-node-_45a9571c-7ae0-c90f-6251-553722610613-51453063, #w-node-_45a9571c-7ae0-c90f-6251-553722610615-51453063, #w-node-_45a9571c-7ae0-c90f-6251-553722610618-51453063, #w-node-_45a9571c-7ae0-c90f-6251-55372261061d-51453063, #w-node-_45a9571c-7ae0-c90f-6251-55372261061f-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ebe-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ebf-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec1-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec2-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec4-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec7-51453063, #w-node-_3ea35963-32fb-952b-a0f4-500a9feb1ec8-51453063 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b2d49d38-f164-afd7-4d1d-66f272a89379-5145306a, #wf-button-projectrequest-button.w-node-b2d49d38-f164-afd7-4d1d-66f272a8937d-5145306a {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-f48d6ecb-76fb-d369-8a24-270e82da6be0-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6be2-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6be5-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6be7-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6bea-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6bef-5145306a, #w-node-f48d6ecb-76fb-d369-8a24-270e82da6bf1-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce67c-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce67e-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce681-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce683-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce686-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce68b-5145306a, #w-node-bb9a3dfe-9c21-f572-8cb2-3faf73cce68d-5145306a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #wf-button-kontakt-button.w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2e01-51453078, #wf-button-kontakt-button.w-node-_8acc0c01-4679-4cc5-93fe-8865c7d466e4-51453079 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_69a69a56-4ba2-133b-d464-0dfb9588f3d6-51453079 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #wf-button-projectrequest-button.w-node-_9d6f76bc-ab0c-2014-42e5-20865a576ca5-5145307a, #w-node-_05e76936-2783-7343-633b-7d1dd62cbdf0-51453081 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_778c183f-ff6a-daf1-6a9a-9d901334ae37-51453081, #w-node-_69a69a56-4ba2-133b-d464-0dfb9588f3d6-51453081 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #wf-button-kontakt-button.w-node-cade67e5-0d55-4f53-74ad-d3c7e9d5557a-51453082 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_0a87c866-7adf-a670-a669-1dab118f1e21-51453082, #w-node-_33cebbf4-06ee-6198-559d-1f16cd8ebacb-51453082 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #wf-button-projectrequest-button.w-node-_15af16b8-c565-61c0-17b9-12c0f2f45ba2-5145308a, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594f80-5145308e {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fc3-5145308e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fc4-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fc6-5145308e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fc9-5145308e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fca-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fcc-5145308e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fcf-5145308e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fd0-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fd2-5145308e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fdf-5145308e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fe0-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fe2-5145308e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fe5-5145308e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fe6-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fe8-5145308e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594feb-5145308e {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fec-5145308e, #w-node-_05e0d0fd-17ef-2939-bf94-118a86594fee-5145308e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #wf-button-kontakt-button.w-node-cade67e5-0d55-4f53-74ad-d3c7e9d5557a-5145309e, #w-node-a93a7512-fa16-9881-1138-8181f35f483d-514530a5 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d21-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d23-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d26-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d28-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d2b-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d30-514530a5, #w-node-_0fa668e1-994f-ffae-55b8-4d2e83847d32-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf86-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf88-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf8b-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf90-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf92-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf95-514530a5, #w-node-_2dbb885c-7c32-6cfc-254c-afd1cd3caf97-514530a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #wf-button-kontakt-button.w-node-_9b81742b-cf2c-a494-3c99-ace305f1f2c5-514530d8 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-d8b8f949-5f3d-02c6-50df-81b8d3f2b9ee-5145313a, #w-node-_183cb85a-0d1e-d7af-b7ab-3e261896a283-5145313a, #w-node-bff26a48-8673-2812-8a47-1bdafe63ba2a-5145313a, #w-node-bf4dbafa-b92f-2bb2-8125-e4d89ba35d27-5145313a, #w-node-_9bf89492-cae0-f954-4ef8-09cb2268230a-5145313a, #w-node-_1b250e38-4843-b85c-5a33-2af7284c9ff3-5145313a, #w-node-bff26a48-8673-2812-8a47-1bdafe63ba2a-51453165, #w-node-_9bf89492-cae0-f954-4ef8-09cb2268230a-51453165 {
    justify-self: stretch;
  }

  #w-node-_66c0c1b5-e2a7-603c-e075-b46994387446-51453165 {
    grid-area: 2 / 1 / 8 / 2;
  }

  #wf-button-kontakt-button.w-node-b1e193e3-698d-c345-eec6-44fbb39d9ef1-51453166 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_7392f3eb-fa7e-db2c-bc72-2567e88b90bd-51453166, #w-node-_3568dd8c-a9e2-5d41-9368-25a8f7be10f8-51453166, #w-node-_9c9aeb89-1f8a-331f-b188-d4a140f42592-51453166 {
    justify-self: stretch;
  }

  #w-node-_66c0c1b5-e2a7-603c-e075-b46994387446-51453166 {
    grid-area: 2 / 1 / 8 / 2;
  }

  #wf-button-kontakt-button.w-node-fcd54e24-f5a7-7a12-a5a4-2d2a870f2e01-5145317f {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_886c461f-4ba0-8787-51a5-cafe376795f6-5145317f, #w-node-a232bf19-958f-7229-a61c-9011c101db2e-5145317f, #w-node-d9aaa6ce-af58-520f-9faa-135f3703a4fa-5145317f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #wf-button-kontakt-button.w-node-dfa342d6-6337-a9d9-f2c0-2ac15b96995a-51453180, #wf-button-kontakt-button.w-node-ac7dcbec-a010-e310-0cd8-edb9ecccdf56-5145319b {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_46cb2a2e-f7f9-19d8-d5b4-b00d87d4a8d5-5145319b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}