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;
}
:where(button.w-popover-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
position-anchor: none;
}
.w-popover[popover]:not(:popover-open) {
display: none;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.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;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !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 {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
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;
}
.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: FK Grotesk;
src: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b026805ae9ba8ebef8cf_FKGroteskNeue-Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b02668b6fb8a98eba94e_FKGroteskNeue-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: FK Mono;
src: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b02601baf2f943573a83_FKGroteskMono-Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b0268ed888626edb0ffd_FKGroteskMono-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: FK Grotesk;
src: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b026288def585dfac293_FKGroteskNeue-Bold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b0264cd6a4494333cf6a_FKGroteskNeue-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: FK Grotesk;
src: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b0268ed888626edb1003_FKGroteskNeue-Medium.woff2") format("woff2"), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b02691f4d146993e1693_FKGroteskNeue-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: FK Mono;
src: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b026805ae9ba8ebef8b5_FKGroteskMono-Light.woff2") format("woff2"), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/6a57b02647ff151a235c62ba_FKGroteskMono-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
:root {
--swatch--offwhite: #f4f5f0;
--font-family--sans: "FK Grotesk", Arial, sans-serif;
--swatch--black: #111;
--_type-scale---medium: var(--_scale---16);
--font-weight--regular: 400;
--_type-scale---xx-large: 9.8vw;
--font-weight--medium: 500;
--_type-scale---x-large: var(--_scale---24);
--_spacing---padding--small: var(--_scale---16);
--_type-scale---large: var(--_scale---18);
--_spacing---flex-v--small: var(--_scale---12);
--_scale---12: .75rem;
--_type-scale---x-mall: var(--_scale---12);
--_scale---20: 1.25rem;
--_scale---24: 1.5rem;
--_type-scale---small: var(--_scale---14);
--_spacing---padding--main: var(--_scale---24);
--grey\: #e7e2de;
--black\: #222;
--_spacing---padding--big: var(--_scale---160);
--offwhite\: #f4f5f0;
--font-family--mono: "FK Mono", Arial, sans-serif;
--black-s-60\: #0e0e0e;
--black-s-80\: #070707;
--grey-t-20\: #ece8e5;
--grey-t-40\: #f1eeeb;
--_spacing---flex-v--x-large: var(--_scale---72);
--font-weight--light: 300;
--swatch--medium-gray: #8f8b8b;
--offwhite-t-80\: #fdfdfc;
--black-t-40\: #7a7a7a;
--_scale---40: 2.5rem;
--swatch--white: white;
--black-t-60\: #a7a7a7;
--orange\: #ff6735;
--green\: #7dbfba;
--black-t-20\: #4e4e4e;
--gres-s-60\: #5c5a59;
--_scale---48: 3rem;
--swatch--orange: #ff6735;
--black-t-80\: lightgrey;
--_spacing---flex-v--large: var(--_scale---40);
--_scale---36: 2.25rem;
--_scale---16: 1rem;
--_scale---8: .5rem;
--green-t-40\: #b1d9d6;
--_spacing---flex-v--xx-large: var(--_scale---120);
--red\: #de5a4c;
--swatch--blue: #6aa2cd;
--swatch--green: #7dbfba;
--swatch--peach: #edc1ad;
--swatch--yellow: #ffaa3c;
--blue\: #6aa2cd;
--yellow\: #ffaa3c;
--_scale---28: 1.75rem;
--swatch--light-gray: #e7e2de;
--swatch--charcol: #1b1b1b;
--_scale---32: 2rem;
--peach\: #edc1ad;
--_spacing---flex-v--medium: var(--_scale---24);
--green-s-20\: #649995;
--_scale---4: .25rem;
--black-s-20\: #1b1b1b;
--offwhite-s-60\: #626260;
--_scale---120: 7.5rem;
--_scale---2: .125rem;
--swatch--dark-gray: #565151;
--_scale---72: 4.5rem;
--_scale---80: 5rem;
--grey-s-20\: #b9b5b2;
--_spacing---flex-v--xx-small: var(--_scale---4);
--_spacing---padding--large: var(--_scale---36);
--swatch--dark-green: #649995;
--swatch--red: #de5a4c;
--_spacing---flex-v--x-small: var(--_scale---8);
--_type-scale---display-large: 24vw;
--_scale---220: 13.75rem;
--_type-scale---xx-small: var(--_scale---8);
--_scale---14: .875rem;
--_scale---18: 1.125rem;
--_type-scale---xs-large: 6vw;
--_scale---10: .625rem;
--_scale---56: 3.5rem;
--_scale---360: 22.5rem;
--_scale---64: 4rem;
--_scale---96: 6rem;
--_scale---160: 10rem;
--font-weight--bold: 700;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.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-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-form-formrecaptcha {
margin-bottom: 8px;
}
.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-users-userformpagewrap {
flex-direction: column;
justify-content: center;
align-items: stretch;
max-width: 340px;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.w-users-userloginformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformheader {
text-align: center;
}
.w-users-userformbutton {
text-align: center;
width: 100%;
}
.w-users-userformerrorstate {
margin-left: 20px;
margin-right: 20px;
position: absolute;
top: 100%;
left: 0%;
right: 0%;
}
.w-users-usersignupformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-userformsuccessstate {
display: none;
}
.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-users-userformfooter {
justify-content: space-between;
margin-top: 12px;
display: flex;
}
.w-users-usersignupverificationmessage {
display: none;
}
.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.w-users-useraccountwrapper {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-users-blockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-users-blockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
margin-bottom: 20px;
padding: 20px;
}
.w-users-useraccountformsavebutton {
text-align: center;
margin-right: 8px;
}
.w-users-useraccountformcancelbutton {
text-align: center;
color: #333;
background-color: #d3d3d3;
}
body {
background-color: var(--swatch--offwhite);
font-family: var(--font-family--sans);
color: var(--swatch--black);
font-size: var(--_type-scale---medium);
line-height: 1.35;
font-weight: var(--font-weight--regular);
--_spacing---padding--small: var(--_scale---16);
--_spacing---flex-v--small: var(--_scale---12);
--_spacing---padding--main: var(--_scale---24);
--_spacing---padding--big: var(--_scale---160);
--_spacing---flex-v--x-large: var(--_scale---72);
--_spacing---flex-v--large: var(--_scale---40);
--_spacing---flex-v--xx-large: var(--_scale---120);
--_spacing---flex-v--medium: var(--_scale---24);
--_spacing---flex-v--xx-small: var(--_scale---4);
--_spacing---padding--large: var(--_scale---36);
--_spacing---flex-v--x-small: var(--_scale---8);
}
h1 {
font-size: var(--_type-scale---xx-large);
line-height: 1;
font-weight: var(--font-weight--medium);
letter-spacing: -.04em;
text-transform: none;
text-wrap: balance;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-size: var(--_type-scale---x-large);
line-height: 1.15;
font-weight: var(--font-weight--regular);
text-transform: none;
text-wrap: balance;
margin-top: 0;
margin-bottom: 0;
}
h3 {
padding-bottom: var(--_spacing---padding--small);
font-family: var(--font-family--sans);
font-size: var(--_type-scale---large);
line-height: 1.35;
font-weight: var(--font-weight--medium);
letter-spacing: .02em;
margin-top: 0;
margin-bottom: 0;
}
h4 {
font-size: var(--_type-scale---large);
font-weight: var(--font-weight--regular);
letter-spacing: .015rem;
margin-top: 0;
margin-bottom: 0;
}
h5 {
padding-bottom: var(--_spacing---flex-v--small);
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
h6 {
padding-bottom: var(--_scale---12);
font-size: var(--_type-scale---x-mall);
letter-spacing: .04em;
margin-top: 0;
margin-bottom: 0;
line-height: 1.25;
}
p {
font-size: var(--_type-scale---medium);
line-height: 1.3;
font-weight: var(--font-weight--regular);
text-align: left;
letter-spacing: .02em;
margin-bottom: 0;
}
a {
letter-spacing: .08rem;
text-transform: uppercase;
cursor: pointer;
color: inherit;
text-decoration: none;
transition-property: opacity;
transition-duration: .4s;
transition-timing-function: ease;
}
a:hover {
opacity: .5;
}
ul {
margin-top: 0;
margin-bottom: 16px;
padding-left: 0;
font-family: Fkgroteskneue Regular;
font-size: 1rem;
}
ol {
margin-top: 0;
margin-bottom: var(--_spacing---padding--small);
padding-left: var(--_scale---24);
grid-column-gap: var(--_spacing---flex-v--small);
grid-row-gap: var(--_spacing---flex-v--small);
letter-spacing: .03em;
color: inherit;
flex-flow: column;
display: flex;
}
li {
font-family: var(--font-family--sans);
font-size: var(--_type-scale---medium);
letter-spacing: .02em;
margin-bottom: 0;
padding-left: 12px;
line-height: 1.3;
}
img {
display: inline-block;
}
strong {
font-weight: bold;
}
em {
font-family: var(--font-family--sans);
font-size: var(--_type-scale---small);
font-style: normal;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin-bottom: 10px;
}
.section--padding--main {
padding: var(--_spacing---padding--main);
margin-top: 0;
}
.section--padding--main.bg-grey-t-20 {
background-color: var(--grey\);
}
.section--padding--main.bg-black-s-60.boarder-bottom {
border-bottom: 1px solid var(--black\);
padding-bottom: 80px;
}
.section--padding--main.bg-black-s-60.small {
padding-top: 16px;
padding-bottom: 16px;
}
.section--padding--main.top {
padding-top: 120px;
}
.section--padding--main.offer-top {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding: 120px 0 0;
display: flex;
}
.section--padding--main.is--top {
padding-top: var(--_spacing---padding--big);
}
.section--padding--main.is--top.is-bg-color--webinar {
background-color: var(--offwhite\);
justify-content: flex-start;
align-items: flex-end;
min-height: 50svh;
display: flex;
position: relative;
overflow: hidden;
}
.utility-page-wrap {
background-image: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/65afba5c75569737dc56e66e_passwort-background.svg");
background-position: 50% 98%;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
padding-top: 24px;
display: flex;
position: relative;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.overline {
text-align: left;
letter-spacing: .1rem;
text-transform: uppercase;
margin-bottom: 16px;
font-family: Fkgroteskmono Regular;
font-size: .8rem;
}
.wrap {
padding-top: 0;
}
.wrap.p-d-48 {
padding-bottom: 48px;
}
.wrap.flex-left {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.p-small {
margin-bottom: 0;
font-size: .75rem;
}
.p-small._w-light {
font-family: Fkgroteskneue Light;
font-weight: 300;
}
.p-small._w-light.tc-white.m-d-24 {
margin-bottom: 24px;
}
.textlink-big {
font-family: var(--font-family--mono);
font-size: var(--_type-scale---small);
}
.p-medium {
color: var(--black\);
font-size: 1.3rem;
font-weight: 400;
line-height: 125%;
}
.p-medium.tc-white.weight-light {
font-weight: 300;
}
.p-medium.weight-light {
font-family: Fkgroteskneue Light;
font-weight: 400;
}
.p-medium.weight-light.tc-white.m-d-24 {
margin-bottom: 24px;
}
.p-big {
color: var(--black\);
letter-spacing: .01rem;
align-items: flex-end;
font-family: Fkgroteskneue Regular;
font-size: 1.75rem;
font-weight: 400;
line-height: 115%;
}
.p-big.p-d-16 {
text-align: left;
margin-bottom: 0;
padding-bottom: 16px;
}
.h1-big {
color: var(--black\);
text-align: left;
letter-spacing: -.3rem;
text-transform: none;
font-family: Fkgroteskneue Medium;
font-size: 10vw;
font-weight: 500;
line-height: 95%;
transform: translate(-.5vw);
}
.section-footer {
background-color: var(--black-s-60\);
padding: 24px;
}
.tc-white {
color: var(--offwhite\);
}
.tc-white.text-weight-light {
font-family: Fkgroteskneue Light;
font-weight: 300;
}
.tc-white.padding-bootom--24 {
padding-bottom: 24px;
}
.bg-black-s-60 {
background-color: var(--black-s-60\);
}
.bg-black-s-80 {
background-color: var(--black-s-80\);
color: var(--offwhite\);
}
.bg-black-s-80.padding-left-right--24 {
padding-left: 24px;
padding-right: 24px;
}
.bg-offwhite {
background-color: var(--swatch--offwhite);
color: var(--swatch--black);
}
.bg-grey {
background-color: var(--grey\);
padding: 0;
}
.bg-grey-t-20 {
background-color: var(--grey-t-20\);
}
.bg-grey-t-40 {
background-color: var(--grey-t-40\);
}
.form-block-contact-global {
z-index: 500;
border-bottom: 0px none var(--black\);
width: 100%;
margin-bottom: 0;
position: relative;
}
.form-global_primary {
grid-column-gap: var(--_spacing---flex-v--x-large);
grid-row-gap: var(--_spacing---flex-v--x-large);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-height: 50svh;
padding: 0;
display: flex;
position: relative;
}
.max-w-305 {
text-align: left;
max-width: 305px;
}
.grid-contact-form {
z-index: 2;
grid-column-gap: 12px;
grid-row-gap: 12px;
align-self: center;
width: 100%;
padding: 0 0 8px;
position: relative;
}
.form-field {
background-color: var(--swatch--offwhite);
font-family: var(--font-family--sans);
color: var(--swatch--black);
font-size: var(--_type-scale---small);
font-weight: var(--font-weight--light);
letter-spacing: .04em;
border: 1px #000;
border-radius: 0;
margin-bottom: 0;
padding-left: 14px;
}
.form-field::placeholder {
color: var(--swatch--medium-gray);
font-weight: var(--font-weight--light);
}
.form-field.message {
height: 100%;
display: block;
}
.form-selecr {
background-color: var(--swatch--offwhite);
color: var(--swatch--medium-gray);
font-size: var(--_type-scale---small);
letter-spacing: .04em;
border: 0 #000;
border-radius: 0;
margin-bottom: 0;
padding-right: 12px;
font-weight: 300;
}
.ckeckbox-form {
background-color: var(--offwhite-t-80\);
width: 100%;
color: var(--black-t-40\);
border-radius: 0;
margin-bottom: 0;
margin-right: 12px;
padding: 8px 12px 8px 32px;
font-family: Fkgroteskneue Regular;
font-size: .875rem;
}
.ckeckbox-form.datenschutz-akzeptiren {
background-color: #0000;
padding: 0 0 0 20px;
}
.button--submit {
height: var(--_scale---40);
background-color: var(--swatch--black);
font-family: var(--font-family--mono);
color: var(--swatch--white);
font-size: var(--_type-scale---x-mall);
letter-spacing: .2em;
text-transform: uppercase;
cursor: pointer;
border-radius: 100em;
justify-content: space-between;
padding: 8px 24px;
line-height: 1;
transition: all .4s;
display: flex;
}
.button--submit:where(.w-variant-e5228906-ae9c-1099-f1c4-a17f6aa97124) {
border-radius: 100rem;
}
.button--submit:hover {
background-color: var(--swatch--white);
color: var(--swatch--black);
}
.button--submit:hover:where(.w-variant-be6323af-ad48-86ee-91b9-144a1e21c85e) {
background-color: var(--swatch--offwhite);
}
.senden-celle {
grid-column-gap: 2px;
flex-flow: column;
}
.checkbox {
border-color: var(--black-t-60\);
opacity: 1;
cursor: pointer;
border-radius: 100px;
transition: all .4s;
}
.checkbox:hover {
border-color: var(--black-t-40\);
background-color: var(--black-t-60\);
}
.checkbox.w--redirected-checked {
background-color: var(--black\);
background-image: none;
}
.checkbox.w--redirected-focus {
border-color: var(--black\);
}
.checkbox.global.w--redirected-checked {
background-color: var(--orange\);
border-style: none;
}
.svg-text-image {
z-index: 1;
width: 100%;
position: static;
inset: auto 24px 24px;
}
.form-global_success {
background-color: var(--green\);
width: 100%;
min-height: 40vh;
padding: 24px;
position: relative;
}
.form-global_error {
z-index: 5;
background-color: var(--orange\);
width: 100%;
min-height: 40vh;
padding: 24px;
position: absolute;
bottom: 0;
}
.grid-footer {
grid-column-gap: 24px;
grid-row-gap: 260px;
padding: 0;
}
.nested-footer-grid {
grid-column-gap: 32px;
grid-row-gap: 8px;
width: 100%;
padding: 0;
}
.link-footer {
color: var(--offwhite\);
font-family: Fkgroteskmono Light;
font-size: .8rem;
font-weight: 300;
transition-property: all;
}
.link-footer:hover {
padding-left: 12px;
}
.link-footer.w--current {
color: var(--black-t-20\);
}
.link-footer.made-by-ffine {
color: var(--gres-s-60\);
}
.link-footer.down {
margin-right: 40px;
padding-top: 12px;
}
.link-footer.down:hover {
padding-top: 0;
padding-bottom: 12px;
padding-left: 0;
}
.link-footer.down.tc-dark-grey {
margin-right: 0;
}
.align-down {
justify-content: flex-end;
}
.flex-h {
flex-direction: row;
}
.flex-h.align-down {
justify-content: flex-start;
align-items: flex-end;
}
.align-right {
align-items: flex-end;
}
.follow-us {
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
letter-spacing: .1rem;
align-items: center;
margin-bottom: 12px;
font-weight: 300;
line-height: 100%;
display: flex;
}
.social-media-icon {
margin-right: 12px;
}
.top-button {
border: 1px none var(--offwhite\);
background-color: var(--black\);
color: var(--offwhite\);
border-radius: 20px;
padding: 8px 16px;
font-size: .8rem;
line-height: 100%;
transition-property: all;
}
.top-button:hover {
background-color: var(--black-t-20\);
opacity: 1;
color: var(--offwhite\);
}
.cell-3 {
align-items: flex-end;
}
.wrapper-footer-mobile {
display: none;
}
.flex-h-footer {
flex-direction: row;
}
.drehung {
color: var(--black\);
text-align: center;
text-transform: uppercase;
transform-style: preserve-3d;
margin-bottom: 24px;
font-size: 200px;
line-height: 100%;
transform: rotateX(90deg)rotateY(0)rotateZ(0);
}
.section-nav {
background-color: var(--swatch--offwhite);
width: 100%;
position: fixed;
inset: 0% 0% auto;
}
.nav-wrapper-full {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.wrapper-ausklappmen {
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.nav-wrapper-on {
justify-content: center;
align-items: center;
width: 33.3333%;
padding: 6%;
display: flex;
}
.nav-wrapper-two {
border-right: 1px solid var(--black-t-40\);
border-left: 1px solid var(--black-t-40\);
flex-direction: column;
flex: 0 auto;
width: 33.3333%;
padding-top: 24px;
padding-left: 16px;
padding-right: 24px;
display: flex;
}
.nav-wrapper-three {
flex: 0 auto;
width: 33.3333%;
padding-top: 24px;
padding-left: 16px;
padding-right: 16px;
}
.nav--menu {
z-index: 9000;
background-color: var(--offwhite\);
height: 100svh;
inset: 0% 0% auto;
}
.nav-linkblock {
width: 100%;
height: 3.3vw;
color: var(--black\);
text-align: left;
letter-spacing: -.03rem;
align-items: flex-start;
margin-bottom: 12px;
padding-top: 0;
font-family: Fkgroteskneue Regular;
font-size: 3.5vw;
line-height: 100%;
transition-property: none;
display: flex;
overflow: hidden;
}
.nav-linkblock:hover {
opacity: 1;
}
.text-block-2 {
padding-top: 2px;
line-height: 100%;
}
.big-vav-block {
padding-bottom: 24px;
}
.menu--botton {
z-index: 999;
height: var(--_scale---48);
background-color: var(--offwhite\);
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
letter-spacing: .08em;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding: 0;
line-height: 1;
display: flex;
}
.menu--botton:hover {
background-color: var(--swatch--orange);
color: var(--swatch--white);
}
.menu--botton.w--open {
z-index: 99999;
background-color: var(--swatch--orange);
align-self: flex-start;
}
.lottie-animation-2 {
width: var(--_scale---20);
height: var(--_scale---20);
}
.section-anv {
z-index: 9000;
height: var(--_scale---48);
background-color: var(--swatch--offwhite);
position: fixed;
inset: 0% 0% auto;
}
.logo {
min-width: 7rem;
max-width: 7rem;
max-height: 1.5rem;
}
.wrap-quick-nav {
z-index: 1000;
background-color: var(--offwhite\);
align-items: center;
height: 44px;
display: flex;
position: relative;
}
.quick-nav-linkblock {
height: 32px;
color: var(--black\);
padding-right: 8px;
font-size: .8rem;
overflow: hidden;
}
.quick-nav-linkblock:hover {
opacity: 1;
}
.quicknav-outer-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.button-jetzt-anfragen {
height: var(--_scale---48);
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
position: relative;
}
.button-jetzt-anfragen:hover {
opacity: 1;
}
.jetzt-anfragen-wrapper {
background-color: var(--black-s-60\);
opacity: 1;
width: 164px;
height: 100%;
color: var(--offwhite\);
white-space: nowrap;
justify-content: flex-start;
align-items: center;
padding-top: 0;
padding-left: 8px;
padding-right: 8px;
display: flex;
position: absolute;
overflow: hidden;
}
.jetzt-anfragen-wrapper:hover {
opacity: 0;
}
.jetzt-anfragen-underlayer {
background-color: var(--grey\);
width: 164px;
height: 100%;
color: var(--black\);
justify-content: center;
align-items: center;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.brand {
background-color: var(--offwhite\);
flex: 0 auto;
align-self: center;
padding: 10px 24px;
display: flex;
}
.brand.w--current {
height: var(--_scale---48);
background-color: var(--offwhite\);
flex: 1;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 24px;
display: flex;
}
.language-switch {
border-left: 1px solid var(--black-t-60\);
background-color: var(--offwhite\);
align-items: center;
height: 44px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
display: flex;
}
.language-switch.new-nav {
padding-right: 8px;
}
.lottie-animation-3 {
width: 100%;
}
.grid-2-column {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-areas: "Area";
width: 100%;
}
.image {
aspect-ratio: 3 / 2;
width: 33.3333%;
position: absolute;
inset: auto auto 24px 24px;
}
.coll-clippings-list.on-cases-page {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-flow: column;
display: flex;
}
.coll-clippings-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-bottom: 1px solid var(--orange\);
background-color: var(--swatch--offwhite);
text-transform: uppercase;
cursor: pointer;
grid-template-rows: auto;
grid-template-columns: 50% 20% 15% auto;
grid-auto-columns: 1fr;
padding-top: 0;
padding-bottom: 0;
}
.coll-clippings-item:hover {
background-color: #f4f5f000;
}
.coll-clippings-item.on-cases-page {
border-bottom: 0 #ff6735;
}
.coll-clippings-item.on-cases-page:hover {
background-color: #f4f5f000;
}
.section-clipping-list {
background-color: var(--swatch--orange);
}
.wrapper-filter-and-sort {
z-index: 200;
padding-top: var(--_spacing---padding--main);
padding-right: var(--_spacing---padding--main);
padding-left: var(--_spacing---padding--main);
grid-column-gap: var(--_spacing---flex-v--large);
grid-row-gap: var(--_spacing---flex-v--large);
background-color: var(--swatch--orange);
color: var(--swatch--white);
flex-flow: column;
display: flex;
position: sticky;
top: 2.8rem;
}
.filter-grid {
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 50% 20% auto 64px;
}
.dropdown--filter--toggle {
z-index: 550;
width: 100%;
height: var(--_scale---36);
border: 1px solid var(--swatch--white);
font-family: var(--font-family--mono);
color: var(--swatch--white);
font-size: var(--_type-scale---x-mall);
letter-spacing: .2em;
text-transform: uppercase;
cursor: pointer;
border-radius: 100vw;
justify-content: center;
align-items: center;
padding: 8px 16px;
transition: all .4s;
display: flex;
}
.dropdown--filter--toggle:hover {
background-color: var(--offwhite\);
color: var(--orange\);
}
.dropdown--filter--toggle.w--open {
background-color: var(--swatch--white);
color: var(--swatch--orange);
}
.wrapper-dropdown {
justify-content: flex-start;
display: flex;
}
.dropdown--filter {
z-index: 500;
width: 100%;
}
.filter-bnanche-item {
color: var(--offwhite\);
letter-spacing: .07rem;
text-transform: uppercase;
cursor: pointer;
padding-bottom: 4px;
font-family: Fkgroteskmono Regular;
font-size: .85rem;
transition: opacity .3s;
}
.filter-bnanche-item:hover {
color: var(--black\);
}
.dropdown--filter--list {
z-index: 9000;
padding: 1px;
}
.dropdown--filter--list.w--open {
border-bottom-left-radius: var(--_scale---16);
border-bottom-right-radius: var(--_scale---16);
background-color: var(--swatch--orange);
width: 30vw;
margin-top: 12px;
padding: 12px;
}
.chechbob-filter-clippings {
border: 1px none var(--swatch--white);
color: #fff0;
border-radius: 99px;
}
.chechbob-filter-clippings:hover {
background-color: var(--swatch--white);
color: var(--swatch--white);
}
.chechbob-filter-clippings:active {
border-width: 1px;
border-color: var(--swatch--white);
color: #fff0;
background-color: #2220;
}
.chechbob-filter-clippings.w--redirected-checked {
background-color: var(--swatch--white);
background-image: none;
}
.chechbob-filter-clippings.w--redirected-focus {
box-shadow: none;
}
.chechbob-filter-clippings.w--redirected-focus-visible {
border-style: none;
border-width: 0;
}
.checkbox-field {
font-family: var(--font-family--sans);
color: var(--swatch--white);
-webkit-text-stroke-color: #f4f5f0;
cursor: pointer;
}
.checkbox-field:hover {
opacity: .5;
}
.grid-sort-filter {
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr .5fr;
width: 100%;
}
.llinkblock-clippings {
padding-top: var(--_spacing---padding--small);
padding-right: var(--_spacing---padding--main);
padding-bottom: var(--_spacing---padding--small);
padding-left: var(--_spacing---padding--main);
grid-column-gap: 16px;
grid-row-gap: 16px;
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
letter-spacing: .08em;
text-wrap: balance;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr .5fr;
grid-auto-columns: 1fr;
display: grid;
}
.llinkblock-clippings:hover {
opacity: 1;
color: var(--swatch--white);
background-color: inherit;
}
.llinkblock-clippings.on-cases:hover {
background-color: #0000;
}
.reverse {
width: var(--_scale---36);
height: var(--_scale---36);
padding: var(--_scale---8);
background-color: var(--offwhite\);
border-radius: 100px;
justify-content: center;
align-items: center;
margin-left: 24px;
display: flex;
}
.reverse:hover {
background-color: var(--green-t-40\);
opacity: 1;
color: var(--offwhite\);
}
.div-flex-h {
display: flex;
}
.previous {
justify-content: center;
align-items: center;
display: none;
}
.pagination-section {
justify-content: center;
align-items: center;
}
.section-blackbox {
padding: var(--_spacing---padding--main);
grid-column-gap: var(--_spacing---flex-v--x-large);
grid-row-gap: var(--_spacing---flex-v--x-large);
background-color: var(--swatch--black);
color: var(--swatch--black);
flex-flow: column;
display: flex;
position: relative;
overflow: hidden;
}
.center {
text-align: center;
}
.taschenlampe {
z-index: 80;
background-color: var(--grey\);
filter: blur(20px);
border-radius: 100%;
width: 25vw;
height: 25vw;
position: absolute;
}
.taschenlampe-wrapper {
color: var(--swatch--black);
position: absolute;
inset: 0%;
}
.wrapper-flex-hero {
flex-direction: column;
align-items: flex-start;
height: 100%;
display: flex;
}
.div-wrap.p-t-30vw {
flex-flow: column;
padding-top: 30vw;
display: flex;
}
.grid-academy-inhalte {
grid-column-gap: 24px;
border-top: 1px solid var(--red\);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 16px;
padding-left: 24px;
padding-right: 24px;
}
.grid-numbers {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 0;
}
.div-wrap-numbers {
grid-row-gap: 12px;
border-right: 1px solid var(--offwhite\);
flex-direction: column;
padding: 0 24px;
display: flex;
}
.div-wrap-numbers.no-boarder {
border-right: 0 #0000;
}
.div-big-number-wrap {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.div-wrap-fast-track {
z-index: 200;
border-radius: 4px;
margin-top: 8px;
padding: 24px 24px 0;
position: relative;
overflow: hidden;
}
.rollende-kugel {
z-index: 1;
background-color: var(--swatch--blue);
border-radius: 30vw;
width: 30vw;
height: 30vw;
position: absolute;
bottom: 0;
left: -30vw;
}
.rollende-kugel:where(.w-variant-e5228906-ae9c-1099-f1c4-a17f6aa97124) {
background-color: var(--swatch--orange);
width: 30vw;
height: 30vw;
color: var(--swatch--orange);
border-radius: 30vw;
left: -30vw;
}
.rollende-kugel:where(.w-variant-5ffceb65-bcc4-af54-9e53-3e6a0387b007) {
background-color: var(--swatch--green);
}
.rollende-kugel:where(.w-variant-be6323af-ad48-86ee-91b9-144a1e21c85e) {
background-color: var(--swatch--peach);
}
.rollende-kugel:where(.w-variant-3fd442ed-d46e-6bbd-6b42-d62da8f68030) {
background-color: var(--swatch--yellow);
}
.fast-track-slider {
z-index: 300;
border-top: 1px none var(--offwhite\);
background-color: #0000;
height: auto;
}
.fast-track-slide {
border-right: 0px none var(--offwhite\);
object-fit: fill;
width: 16.6667%;
height: 100%;
}
.slide-nav-3 {
color: var(--blue\);
display: none;
}
.left-arrow-3, .right-arrow-3 {
display: none;
}
.collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
column-count: 5;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
column-gap: 24px;
display: grid;
}
.collection-academy-wrapper {
z-index: 10;
padding-top: 0;
position: relative;
}
.grid-testimonial {
grid-column-gap: 16px;
padding: 0;
}
.background-video-testimonial-1 {
z-index: 50;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 0;
display: flex;
}
.quick-stack-2 {
padding: 16px 0;
}
.quick-stack-3 {
grid-row-gap: 16px;
width: 100%;
height: 100%;
padding: 0;
overflow: hidden;
}
.testimonial-1 {
background-image: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/649e742dd1309eab8b7f1728_philipp-reinartz.webp");
background-position: 50%;
background-size: cover;
}
.testimonial-2 {
background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/649e742cd1309eab8b7f1685_sabine-engel.webp");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.testimonial-name {
border-top: 1px none var(--black-t-80\);
color: var(--black\);
text-align: left;
letter-spacing: .1rem;
text-transform: uppercase;
padding-right: 8px;
font-family: Fkgroteskmono Regular;
font-size: .6rem;
}
.div-wrap-testimonial {
background-color: #fff;
justify-content: space-between;
width: 100%;
padding: 8px;
}
.m-b-8 {
margin-bottom: 8px;
}
.testimonial-postion {
color: var(--black-t-40\);
text-align: left;
letter-spacing: .1rem;
text-transform: uppercase;
margin-bottom: 4px;
font-family: Fkgroteskmono Regular;
font-size: .6rem;
}
.testimonial-postion.m-b-8 {
margin-bottom: 8px;
}
.wrap-testimonial {
background-image: linear-gradient(#0000004d, #0000004d);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 30vw;
padding: 0;
display: flex;
overflow: hidden;
}
.zitat {
width: 75%;
color: var(--offwhite\);
font-family: Fkgroteskneue Light;
font-size: 1rem;
font-weight: 300;
}
.cell-4 {
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/649e742c416e895832324994_GeorgWolff.webp");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.flex-play-video {
align-items: center;
}
.icon-play {
height: 12px;
margin-right: 16px;
}
.div-wrap-testimonial-video {
text-transform: none;
background-color: #fff;
justify-content: space-between;
width: 100%;
padding: 8px;
display: flex;
}
.div-wrap-testimonial-video:hover {
opacity: .8;
}
.play-video {
letter-spacing: .1rem;
text-transform: uppercase;
font-family: Fkgroteskmono Light;
font-size: .8rem;
}
.background-video-testimonial-2 {
z-index: 50;
border-radius: 0;
align-items: flex-end;
width: 100%;
height: 75%;
padding: 0;
display: flex;
}
.p-b-80 {
padding-bottom: 80px;
}
.section-hub-start {
background-color: var(--yellow\);
min-height: 100vh;
position: relative;
}
.wrapper-top-news {
z-index: 200;
background-color: var(--offwhite\);
width: 50%;
height: 100%;
margin-top: -90vh;
padding: 24px;
display: flex;
position: relative;
inset: 0% 0% auto 50%;
}
.hub-intro-text-wrap {
z-index: 500;
align-items: flex-end;
width: 40vw;
height: 100%;
padding: 24px;
display: flex;
position: sticky;
inset: auto auto 0% 0%;
}
.coll-news-list {
grid-column-gap: var(--_spacing---padding--small);
grid-row-gap: var(--_spacing---flex-v--x-large);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.coll-news-list.about-page {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-bottom: 64px;
}
.empty {
display: none;
}
.collection-news-top-item {
padding-bottom: 40px;
}
.linkblock--news {
grid-column-gap: var(--_spacing---flex-v--small);
grid-row-gap: var(--_spacing---flex-v--small);
text-transform: none;
flex-flow: column;
display: flex;
}
.wrapper-big-headline-hub {
z-index: 30;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
inset: 2.8rem 0% 0%;
overflow: hidden;
}
.hub {
font-family: var(--font-family--sans);
color: var(--swatch--black);
font-size: 40vw;
line-height: 100%;
font-weight: var(--font-weight--medium);
letter-spacing: -40px;
padding: 24px;
}
.loop-slide {
display: flex;
}
.linkblock--card {
z-index: 100;
grid-column-gap: var(--_spacing---flex-v--small);
grid-row-gap: var(--_spacing---flex-v--small);
text-transform: none;
flex-flow: column;
width: 100%;
height: 100%;
transition-property: all;
display: flex;
position: relative;
}
.linkblock--card:hover {
opacity: .9;
transform: scale(.98);
}
.grid-news-thumbnail-top {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
}
.wrap-thumbnail-image {
z-index: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.grid-news-thumbnail-bottom {
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-top: 12px;
}
.linkblock--indicator {
z-index: 10;
opacity: 0;
width: 100%;
font-family: var(--font-family--mono);
font-size: var(--_type-scale---small);
text-align: center;
text-transform: uppercase;
background-color: #fff;
padding: 4px 16px;
position: absolute;
inset: auto;
}
.thumnail--image {
width: 100%;
display: block;
position: relative;
}
.news-thumbnail-text {
font-size: .8rem;
}
.small-overline {
letter-spacing: .05rem;
text-transform: uppercase;
font-size: .7rem;
}
.small-overline.tc-gray {
color: var(--black-t-40\);
}
.news-thumbnailtitel {
min-height: 7vw;
color: var(--black\);
text-transform: none;
font-size: 1.3rem;
font-weight: 400;
line-height: 125%;
}
.checlkbox-filter {
height: var(--_scale---28);
background-color: var(--swatch--black);
font-family: var(--font-family--mono);
color: var(--swatch--white);
font-size: var(--_type-scale---x-mall);
letter-spacing: .05rem;
text-transform: uppercase;
cursor: pointer;
justify-content: flex-start;
align-self: center;
align-items: center;
margin-bottom: 0;
margin-right: 12px;
padding: 4px 12px 4px 32px;
font-weight: 300;
line-height: 1;
transition: all .4s;
display: flex;
}
.checlkbox-filter:hover {
background-color: var(--swatch--light-gray);
color: var(--swatch--charcol);
}
.ceckbox-indicator {
background-color: var(--offwhite\);
border-style: none;
border-width: 0;
border-radius: 20px;
margin-top: 0;
}
.ceckbox-indicator:hover {
background-color: var(--orange\);
}
.ceckbox-indicator.w--redirected-checked {
background-color: var(--orange\);
background-image: none;
border-style: none;
}
.ceckbox-indicator.w--redirected-focus {
border-style: none;
border-width: 0;
}
.ceckbox-indicator.w--redirected-focus-visible {
border: 0 #0000;
}
.filter-news {
align-items: center;
}
.filter-news-block {
margin-bottom: 40px;
}
.filter-news-label {
padding-left: 8px;
}
.collection-news-filter-list, .wrap-news-titel-single {
display: flex;
}
.grid-news-top-section {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-self: flex-start;
align-items: center;
width: 100%;
}
.flex-align-righ {
align-items: flex-end;
}
.flex-align-righ.mobile-left {
justify-content: flex-end;
align-items: center;
}
.flex-left-linkblock {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
align-items: center;
line-height: 1;
display: flex;
}
.arrown-down {
justify-content: center;
align-items: center;
display: flex;
}
.collection-service-item {
cursor: pointer;
}
.alignleft {
text-align: left;
}
.alignleft.p-b-4 {
padding-bottom: 4px;
}
.displaytext-big {
letter-spacing: -.1rem;
font-family: Fkgroteskneue Medium;
font-size: 6rem;
font-weight: 500;
line-height: 100%;
transform: translate(-.08rem);
}
.displaytext-big.center.tc-blue {
white-space: pre-line;
word-break: normal;
overflow-wrap: normal;
flex-flow: column;
display: flex;
}
.wrap-service-trigger {
color: var(--black\);
cursor: pointer;
justify-content: space-between;
align-items: center;
font-family: Fkgroteskneue Regular;
font-size: 1.3rem;
transition: all .5s;
display: flex;
}
.wrap-service-trigger:hover {
color: var(--orange\);
}
.wrap-service-trigger:focus {
padding-left: 32px;
}
.div-wrap-benefits {
grid-row-gap: 12px;
border-top: 1px none var(--red\);
flex-direction: column;
min-height: 60vh;
padding-bottom: 5vw;
display: flex;
}
.div-wrap-benefits.no-padding-bottom {
padding-bottom: 0;
}
.tc-yellow {
color: var(--yellow\);
}
.light-on-off-wrapper-white {
height: var(--_scale---40);
background-color: var(--swatch--white);
border-radius: 100rem;
justify-content: center;
align-items: center;
padding: 8px 24px;
line-height: 1;
display: flex;
}
.light-on-off-linkblock {
z-index: 1000;
height: var(--_scale---32);
font-family: var(--font-family--mono);
font-size: var(--_type-scale---small);
cursor: pointer;
align-self: flex-end;
padding-top: 0;
transition: all .4s;
display: flex;
overflow: hidden;
}
.light-on-off-linkblock:hover {
opacity: 1;
box-shadow: 0 0 20px 14px #fff3;
}
.light-on-off-mover {
flex-direction: column;
justify-content: flex-start;
height: 64px;
display: flex;
}
.light-on-off-wrapper-black {
height: var(--_scale---40);
background-color: var(--swatch--black);
color: var(--swatch--white);
border-radius: 100em;
justify-content: center;
align-items: center;
padding: 8px 24px;
line-height: 1;
display: flex;
}
.we-link {
float: none;
clear: none;
border: 2px solid var(--swatch--blue);
font-family: var(--font-family--sans);
letter-spacing: -.01rem;
-webkit-text-stroke-color: var(--swatch--blue);
text-transform: none;
border-radius: 10rem;
flex-wrap: nowrap;
margin-top: 12px;
padding: 0 40px 4px;
display: inline-block;
}
.we-link:hover {
background-color: var(--blue\);
opacity: 1;
color: var(--peach\);
-webkit-text-stroke-color: var(--peach\);
}
.display-headline {
max-width: none;
color: var(--black\);
letter-spacing: -.3rem;
margin-top: -.9vw;
font-family: Fkgroteskneue Medium;
font-size: 9.8vw;
font-weight: 500;
line-height: 100%;
}
.display-headline.tc-white {
color: var(--offwhite\);
}
.svg-eam {
object-fit: contain;
height: 16.5vw;
}
.svg_t {
object-fit: contain;
align-self: flex-start;
height: 16.5vw;
}
.checkbox-positiv-black {
grid-row-gap: 0px;
background-color: var(--swatch--white);
width: 100%;
color: var(--swatch--medium-gray);
font-size: var(--_type-scale---small);
letter-spacing: .02em;
cursor: pointer;
flex-direction: column-reverse;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
padding: 12px;
display: flex;
position: relative;
}
.checkbox-positiv-black:hover {
opacity: .9;
color: var(--black\);
transform: scale(.99);
}
.checkbox-positiv-black:active, .checkbox-positiv-black:focus {
color: var(--black\);
}
.package-checkbox {
border-color: var(--black\);
border-radius: 20px;
width: 16px;
height: 16px;
margin-top: 0;
margin-left: 0;
position: absolute;
left: auto;
right: 8px;
}
.package-checkbox:hover {
border-color: var(--orange\);
background-color: var(--orange\);
}
.package-checkbox.w--redirected-checked {
border-color: var(--orange\);
background-color: var(--orange\);
color: var(--black\);
background-image: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/64b185d386315c6391a0798e_checkmark_24.svg");
background-position: 50%;
}
.package-checkbox.w--redirected-focus {
box-shadow: none;
}
.packages_checkbox-label {
color: var(--black-t-80\);
letter-spacing: .04em;
flex: 1;
margin-bottom: 0;
font-size: .875rem;
font-weight: 300;
line-height: 100%;
}
.grid-contact-form-pages {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 8px;
align-self: center;
width: 100%;
padding: 0;
position: relative;
}
.form-field-packages {
background-color: var(--swatch--white);
font-size: var(--_type-scale---small);
letter-spacing: .02em;
border: 1px #000;
border-radius: 0;
margin-bottom: 0;
}
.form-field-packages::placeholder {
color: var(--swatch--medium-gray);
-webkit-text-stroke-color: #8b888500;
background-color: #fdfdfc;
}
.form-field-packages-massage {
background-color: var(--swatch--white);
height: 100%;
font-size: var(--_type-scale---small);
letter-spacing: .02em;
border: 0 #000;
border-radius: 0;
flex: 1;
margin-bottom: 0;
}
.form-field-packages-massage::placeholder {
color: var(--swatch--medium-gray);
}
.contact-forn-cell_1 {
grid-row-gap: 8px;
}
.contact-forn-cell_1.requuired {
justify-content: flex-end;
}
.contact-forn-cell_2 {
grid-row-gap: 8px;
align-items: stretch;
}
.submit-button-packages {
height: var(--_scale---40);
background-color: var(--swatch--orange);
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
letter-spacing: .1em;
text-transform: uppercase;
cursor: pointer;
border-radius: 100em;
padding-top: 8px;
padding-bottom: 8px;
line-height: 1;
transition: all .4s;
}
.submit-button-packages:hover {
background-color: var(--swatch--black);
color: var(--swatch--white);
}
.dropdown-select-field {
background-color: var(--swatch--white);
color: var(--swatch--medium-gray);
font-size: var(--_type-scale---small);
letter-spacing: .02em;
border: 1px #000;
margin-bottom: 0;
}
.dropdown-select-field:hover, .dropdown-select-field:active, .dropdown-select-field:focus {
color: var(--black\);
}
.we-speak-collection_wrapper {
width: 100%;
}
.we-speak-collection_list {
width: 100%;
padding-top: 25vw;
}
.we-speak-collection_item {
width: 100%;
min-height: 50vw;
}
.we-speak-collection_linkblock {
width: 100%;
font-family: var(--font-family--sans);
font-size: var(--_type-scale---xx-large);
line-height: .95;
font-weight: var(--font-weight--medium);
letter-spacing: -.04em;
text-transform: none;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-bottom: 0;
transition-property: all;
transition-duration: .2s;
display: flex;
position: sticky;
top: 19.5vh;
}
.we-speak-collection_linkblock:hover {
opacity: 1;
color: var(--orange\);
}
.image-ansprechpartner {
max-width: 25vw;
}
.richtext--goals {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
width: 100%;
font-family: var(--font-family--sans);
flex-flow: column;
display: flex;
}
.richtext--goals ul {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
font-family: var(--font-family--sans);
font-size: var(--_spacing---flex-v--large);
text-wrap: balance;
flex-flow: column;
margin-bottom: 0;
list-style-type: none;
display: flex;
}
.richtext--goals li {
padding: var(--_scale---12) 0px;
border-top: 1px solid var(--black-t-60\);
font-size: var(--_type-scale---large);
letter-spacing: .02em;
margin-bottom: 0;
font-weight: 400;
line-height: 120%;
}
.richtext--goals ol {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
flex-flow: column;
padding-left: 0;
list-style-type: none;
display: flex;
}
.richtext--goals strong {
font-weight: var(--font-weight--medium);
}
.section-afrage {
color: var(--swatch--white);
overflow: hidden;
}
.custom-service-anfrage {
background-color: var(--black-s-60\);
width: 100%;
font-family: var(--font-family--mono);
font-size: var(--_type-scale---small);
line-height: 1;
font-weight: var(--font-weight--light);
white-space: nowrap;
padding-top: 8px;
padding-bottom: 8px;
transition-property: all;
transition-duration: .2s;
}
.custom-service-anfrage:hover {
background-color: var(--offwhite\);
opacity: 1;
color: var(--black\);
}
.formblock-basis {
opacity: 1;
width: 100%;
max-width: 1200px;
overflow: visible;
}
.wrap-leistungen {
width: 100%;
padding-bottom: 40px;
}
.leistungen-flex-box {
border-top: 1px solid var(--swatch--light-gray);
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
padding-top: 8px;
}
.checkmark-orange {
color: var(--orange\);
padding-top: 2px;
}
.linkblock-pakete-stack_basis {
background-color: var(--swatch--black);
width: 100%;
color: var(--swatch--white);
border-radius: 100em;
justify-content: center;
align-self: auto;
align-items: center;
margin-top: 12px;
padding-top: 8px;
padding-bottom: 8px;
font-size: .8rem;
display: flex;
}
.linkblock-pakete-stack_basis:hover {
background-color: var(--swatch--orange);
opacity: 1;
}
.wrap-preis {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 50px;
display: flex;
}
.tc-grey {
color: var(--black-t-60\);
}
.tc-black-t-40 {
color: var(--black-t-40\);
}
.p-b-2 {
padding-bottom: 2px;
}
.formblock-pro, .formblock-enterprise {
opacity: 1;
width: 100%;
max-width: 1200px;
overflow: visible;
}
.linkblock-pakete-stack_pro {
background-color: var(--swatch--black);
width: 100%;
color: var(--swatch--white);
border-radius: 100em;
justify-content: center;
align-self: auto;
align-items: center;
margin-top: 12px;
padding-top: 8px;
padding-bottom: 8px;
font-size: .8rem;
display: flex;
}
.linkblock-pakete-stack_pro:hover {
background-color: var(--swatch--orange);
opacity: 1;
}
.linkblock-pakete-stack_enterprise {
background-color: var(--swatch--black);
width: 100%;
color: var(--swatch--white);
border-radius: 100em;
justify-content: center;
align-self: auto;
align-items: center;
margin-top: 12px;
padding-top: 8px;
padding-bottom: 8px;
font-size: .8rem;
display: flex;
}
.linkblock-pakete-stack_enterprise:hover {
background-color: var(--swatch--orange);
opacity: 1;
}
.packages-form-basis, .packages-form-enterprise {
width: 100%;
overflow: hidden;
}
.pro-services-collection_list-four, .pro-services-collection_list-two {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
}
.datenschutzlink-form {
color: var(--black-t-40\);
letter-spacing: 0;
text-transform: none;
font-family: Fkgroteskneue Regular;
font-size: .75rem;
font-weight: 400;
}
.formblock-header, .formblock-header.align-right {
justify-content: space-between;
}
.close-formblock-basis {
grid-column-gap: 4px;
color: var(--black-t-60\);
letter-spacing: 0;
text-transform: none;
display: flex;
}
.close-formblock-basis.w--current {
color: var(--swatch--medium-gray);
}
.close-formblock-x {
align-items: center;
padding-top: 2px;
}
.text-block-7 {
letter-spacing: -.02rem;
}
.cell-top {
grid-row-gap: 24px;
flex-direction: column;
width: 100%;
display: flex;
}
.center-wrapper-form {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
display: flex;
}
.wrap-bottom-hide-basis, .wrap-bottom-hide-pro, .wrap-bottom-hide-enterprise {
width: 100%;
height: 50px;
overflow: hidden;
}
.weight-light {
font-family: Fkgroteskneue Light;
font-size: 1.5rem;
font-weight: 300;
}
.stack-section-into {
z-index: 200;
grid-column-gap: 24px;
padding: 0 0 48px;
position: relative;
}
.stack-section-into.is-absolut {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
position: absolute;
inset: 0% 0% auto;
}
.stack-section-into_cell-1 {
grid-row-gap: 12px;
justify-content: space-between;
}
.stack-section-into_cell-2, .stack-section-into_cell-3.align-right {
grid-row-gap: 12px;
}
.marquee-content-job {
padding-top: var(--_scale---8);
padding-bottom: var(--_scale---8);
grid-column-gap: 2rem;
flex-flow: row;
display: flex;
}
.marquee-content-job:hover {
opacity: 1;
}
.section-anfrage-fixed {
z-index: 500;
height: var(--_scale---40);
background-color: var(--swatch--black);
color: var(--swatch--white);
justify-content: flex-start;
align-items: center;
margin-bottom: -7px;
display: flex;
position: fixed;
inset: auto 0% 0%;
overflow: hidden;
}
.link-line-mover-academy {
grid-column-gap: 2.5rem;
flex-flow: row;
display: flex;
}
.link-line-mover-academy:hover {
opacity: 1;
}
.grid-academy-hero {
grid-template-rows: auto;
align-content: end;
}
.flex-right-hero-wrapper {
z-index: 200;
padding-bottom: 16px;
position: relative;
}
.image-client-story-2 {
object-fit: contain;
object-position: 0% 0%;
width: 100%;
min-width: 400px;
max-height: 80svh;
}
.cases_wrapper {
padding-bottom: 64px;
}
.cases_list {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cases_item {
width: 100%;
height: 100%;
}
.thumbnail-block-cases {
background-color: var(--offwhite\);
text-transform: none;
text-wrap: balance;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
transition-property: all;
display: flex;
overflow: hidden;
}
.thumbnail-block-cases:hover {
opacity: .8;
transform: scale(.99);
}
.wrap-cases-thumbnial-text {
width: 100%;
height: 100%;
min-height: 13rem;
padding: var(--_spacing---padding--small);
grid-column-gap: var(--_spacing---flex-v--medium);
grid-row-gap: var(--_spacing---flex-v--medium);
background-color: var(--offwhite-t-80\);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.tc-blue {
color: var(--blue\);
}
.link-line-mover-hub {
grid-column-gap: 2rem;
flex-flow: row;
display: flex;
}
.link-line-mover-hub:hover {
opacity: 1;
}
.cell-8-row-gap {
grid-row-gap: 8px;
}
.cell-13 {
border-radius: 12px;
}
.logo-section {
padding-bottom: var(--_spacing---padding--main);
background-color: var(--swatch--black);
position: relative;
overflow: hidden;
}
.logo-section.bg-black-s-60 {
padding-top: var(--_spacing---padding--main);
padding-bottom: var(--_spacing---padding--main);
background-color: var(--swatch--black);
}
.collection-logo-one_wrapper {
z-index: 10;
flex: none;
width: auto;
height: 80px;
}
.collection-logo-one_list {
grid-column-gap: 8px;
justify-content: flex-end;
height: auto;
margin-bottom: 43px;
display: flex;
}
.collection-logo-one_item {
background-color: var(--offwhite\);
border-radius: 8px;
flex: none;
}
.collection-logo-one_item.bg-no {
background-color: #0000;
}
.logo-line {
width: 120px;
display: inline;
}
.logo-line.invert-color {
filter: invert();
width: 150px;
}
.logo-mover-wrapper {
width: 100%;
padding-bottom: 8px;
display: flex;
overflow: hidden;
}
.logo-mover-wrapper.rev {
justify-content: flex-end;
align-items: center;
}
.logo-mover {
flex-flow: row;
align-items: flex-start;
display: flex;
}
.logo-move-reverse {
flex-flow: row;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.academy-logo {
filter: invert();
width: 150px;
}
.collection-item {
justify-content: center;
align-items: center;
display: flex;
}
.wrapper-number {
grid-column-gap: 8px;
align-self: flex-start;
align-items: center;
display: flex;
}
.stack-benefits {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding: 0;
}
.cell-benefits {
grid-row-gap: 12px;
background-color: var(--swatch--white);
color: var(--swatch--charcol);
border-radius: 2px;
padding: 16px;
}
.tc-green {
color: var(--green-s-20\);
}
.lottie-animation-5 {
width: 100%;
height: 100%;
margin-bottom: -6px;
}
.collection-hr_list {
grid-column-gap: var(--_spacing---padding--small);
grid-row-gap: var(--_spacing---padding--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: end;
display: grid;
}
.collection-hr_item {
grid-column-gap: var(--_spacing---flex-v--medium);
grid-row-gap: var(--_spacing---flex-v--medium);
flex-direction: column;
justify-content: space-between;
display: flex;
}
.collection-hr_portrait {
margin-bottom: 8px;
}
.email-text-link {
color: var(--green\);
text-transform: uppercase;
transition-property: all;
}
.email-text-link:hover {
opacity: 1;
color: var(--black\);
}
.op-item {
padding-bottom: 24px;
}
.op-item:last-child {
padding-bottom: 0;
}
.op-wrapper {
width: 100%;
}
.html-embed {
flex: none;
align-self: center;
}
.team-tab-menu {
justify-content: flex-end;
display: flex;
}
.team-panel-1 {
padding-top: 24px;
}
.team-tab-menu-link {
height: var(--_scale---40);
border: 1px solid var(--swatch--blue);
background-color: var(--swatch--blue);
font-family: var(--font-family--mono);
color: var(--swatch--white);
font-size: var(--_type-scale---x-mall);
letter-spacing: .2em;
border-radius: 100em;
justify-content: center;
align-items: center;
padding: 0 24px;
line-height: 1;
display: flex;
}
.team-tab-menu-link:hover {
opacity: 1;
color: var(--blue\);
background-color: #0000;
}
.team-tab-menu-link.w--current {
color: var(--blue\);
background-color: #0000;
display: none;
}
.wrap-team-info {
background-color: var(--swatch--white);
opacity: 0;
color: var(--swatch--black);
padding: 4px;
position: absolute;
inset: auto 0% 0% 0;
}
.flexbox-submit {
align-items: center;
width: 100%;
}
.flexbox-submit.global {
justify-content: flex-end;
align-items: flex-end;
padding-top: 0;
}
.form-cell {
grid-row-gap: 8px;
}
.cell-required {
justify-content: flex-end;
}
.stack-tank-you {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 0;
}
.checkboxlabel-datenschutz {
white-space: normal;
word-break: normal;
overflow-wrap: normal;
font-size: .75rem;
font-weight: 400;
}
.wrap-error-message {
grid-row-gap: 24px;
flex-direction: column;
padding-top: 0;
display: flex;
}
.coll-team-home_list {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.coll-team-home_item {
grid-row-gap: 8px;
background-color: var(--offwhite\);
flex-direction: column;
justify-content: space-between;
display: flex;
position: relative;
}
.image-6, .image-7 {
max-width: 50%;
}
.stack-benefits-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
width: 100%;
padding: 0;
}
.image-8 {
object-fit: fill;
max-width: 50%;
}
.stack-benefits-inner_cell-3, .stack-benefits-inner_cell-4 {
justify-content: flex-end;
}
.sticky-div {
grid-row-gap: 16px;
text-wrap: balance;
flex-direction: column;
display: flex;
position: sticky;
top: 19.5vh;
}
.meet-staff_video {
background-color: #0000;
justify-content: flex-start;
align-items: flex-start;
max-height: 80svh;
position: relative;
}
.display-text {
letter-spacing: 0;
text-transform: none;
max-width: none;
color: inherit;
font-size: 2.5rem;
line-height: 105%;
}
.display-text.tc-blue {
color: var(--blue\);
}
.paragraph-big {
font-size: var(--_type-scale---x-large);
letter-spacing: 0;
line-height: 1.2;
}
.paragraph--small {
font-family: var(--font-family--sans);
font-size: var(--_type-scale---small);
letter-spacing: .02em;
color: inherit;
}
.paragraph--small.tc--gray {
color: var(--swatch--medium-gray);
}
.paragraph--small.tc--gray.is-padding-top-8 {
padding-top: 24px;
}
.paragraph--small.mono {
font-family: var(--font-family--mono);
letter-spacing: .04em;
}
.paragraph--small.absolut--bottom--left {
left: var(--_spacing---padding--main);
top: auto;
right: auto;
bottom: var(--_spacing---padding--main);
z-index: 500;
position: absolute;
}
.wrap-zitat {
padding: 16px;
}
.stack-numbers {
grid-column-gap: 24px;
grid-row-gap: 80px;
width: 100%;
padding: 0;
}
.button-main {
background-color: var(--swatch--white);
height: 2.3rem;
color: var(--swatch--charcol);
font-size: var(--_type-scale---x-mall);
letter-spacing: .15rem;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
padding: 3px 16px 0;
line-height: 1;
display: flex;
}
.button-main:hover {
background-color: var(--black\);
opacity: 1;
color: var(--offwhite\);
}
.button-main.black {
background-color: var(--black\);
color: var(--offwhite\);
align-self: auto;
}
.button-main.black:hover {
background-color: var(--orange\);
}
.button-main.black.align--center {
align-self: center;
}
.button-main.academy-black {
background-color: var(--black\);
color: var(--offwhite\);
}
.button-main.orange {
background-color: var(--swatch--orange);
color: var(--swatch--white);
text-transform: uppercase;
cursor: pointer;
border-radius: 0;
}
.button-main.orange:hover {
background-color: var(--swatch--white);
color: var(--swatch--black);
}
.stack-numbers_cell {
grid-row-gap: 12px;
justify-content: flex-start;
}
.stack-numbers_cell.boarder-left-right {
border-right: 1px solid var(--offwhite\);
border-left: 1px solid var(--offwhite\);
padding-left: 16px;
padding-right: 16px;
}
.flex-vertical-gap-80 {
grid-row-gap: 80px;
}
.flex-wrapper-center--taschenlampe {
z-index: 100;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.container-button {
justify-content: center;
align-items: center;
padding-top: 39px;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.checkbox-block-support {
grid-row-gap: 0px;
background-color: var(--black-s-20\);
width: 100%;
color: var(--offwhite-t-80\);
letter-spacing: .04em;
cursor: pointer;
flex-direction: column-reverse;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
padding: 12px;
font-family: Fkgroteskneue Light;
font-size: .875rem;
font-weight: 300;
display: flex;
position: relative;
}
.checkbox-block-support:hover {
opacity: .9;
transform: scale(.99);
}
.support-checkbox {
border-color: var(--black-t-40\);
border-radius: 20px;
width: 16px;
height: 16px;
margin-left: 0;
position: absolute;
inset: 6px 8px auto auto;
}
.support-checkbox:hover {
border-color: var(--orange\);
background-color: var(--orange\);
}
.support-checkbox.w--redirected-checked {
border-color: var(--orange\);
background-color: var(--orange\);
background-image: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/64b185d386315c6391a0798e_checkmark_24.svg");
background-position: 50%;
}
.support-checkbox.w--redirected-focus {
box-shadow: none;
}
.stack-support-bei {
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 100%;
padding: 32px 0 40px;
}
.email-link-kontakt {
color: var(--offwhite\);
font-family: Fkgroteskneue Regular;
font-weight: 400;
}
.stack-contact-head {
grid-column-gap: 24px;
padding: 0 0 48px;
}
.stack-contact-head_cell-2 {
grid-row-gap: 12px;
}
.section--relativ {
position: relative;
}
.tc-dark-grey {
color: var(--offwhite-s-60\);
}
.faq-collection_item {
border-bottom: 1px solid var(--black-t-60\);
padding-top: 16px;
padding-bottom: 16px;
}
.faq-collection_item:first-child {
padding-top: 0;
}
.wrap-einzelservices {
height: 0;
display: block;
overflow: hidden;
}
.checkbox-monatlicher-service {
grid-row-gap: 0px;
background-color: var(--black-s-20\);
width: 100%;
color: var(--offwhite-t-80\);
letter-spacing: .04em;
cursor: pointer;
flex-direction: column-reverse;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
padding: 12px;
font-family: Fkgroteskneue Light;
font-size: .875rem;
font-weight: 300;
display: flex;
position: relative;
}
.checkbox-monatlicher-service:hover {
opacity: .9;
transform: scale(.99);
}
.text-weight-light {
font-family: Fkgroteskneue Light;
font-weight: 300;
}
.text-weight-light.max--50ch {
max-width: 50ch;
}
.request-now {
white-space: nowrap;
word-break: normal;
}
.close-profile-enterprise {
grid-column-gap: 4px;
color: var(--swatch--medium-gray);
letter-spacing: .04em;
text-transform: none;
display: flex;
}
.close-profile-enterprise:hover {
opacity: 1;
color: var(--swatch--black);
}
.close-first-step-form-enterprise {
grid-column-gap: 4px;
color: var(--swatch--medium-gray);
letter-spacing: .04em;
text-transform: none;
display: flex;
}
.close-first-step-form-enterprise:hover {
opacity: 1;
color: var(--swatch--black);
}
.close-first-step-form-pro, .close-profile-pro {
grid-column-gap: 4px;
color: var(--swatch--medium-gray);
letter-spacing: 0;
text-transform: none;
display: flex;
}
.second-step-formular-enterprise, .second-step-formular-pro, .wrapper-first-step-form-enterprise {
grid-row-gap: 24px;
flex-direction: column;
width: 100%;
display: flex;
}
.wrapper-first-step-form-pro, .wrapper-first-step-form-basic {
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.section-pakete {
padding-left: 24px;
padding-right: 24px;
overflow: hidden;
}
.section-pakete.bg-grey-t-40 {
background-color: var(--swatch--light-gray);
}
.button-open-pro-step-two {
height: var(--_scale---40);
border-radius: var(--_scale---8);
background-color: var(--swatch--black);
color: var(--swatch--white);
letter-spacing: .15rem;
justify-content: center;
align-self: auto;
align-items: center;
padding-left: 16px;
padding-right: 16px;
font-size: .75rem;
line-height: 1;
display: flex;
}
.button-open-pro-step-two:hover {
background-color: var(--swatch--white);
opacity: 1;
color: var(--swatch--black);
}
.open-enterprise-step-two {
height: var(--_scale---40);
border-radius: var(--_scale---8);
background-color: var(--swatch--black);
color: var(--swatch--white);
letter-spacing: .15rem;
justify-content: center;
align-self: flex-start;
align-items: center;
padding-left: 16px;
padding-right: 16px;
font-size: .75rem;
line-height: 1;
display: flex;
}
.open-enterprise-step-two:hover {
background-color: var(--swatch--white);
opacity: 1;
color: var(--swatch--black);
}
.cell-flex-v {
justify-content: space-between;
}
.video {
z-index: 50;
width: 100%;
height: 100%;
position: static;
}
.relativ-hero-top-academy {
z-index: 100;
background-image: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/649d04d16c76fa917aa76a08_Academy%20Standbild.webp");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-end;
padding: 24px 24px 64px;
display: flex;
position: absolute;
inset: 0;
}
.academy-hero-button {
grid-column-gap: 16px;
border: 1px solid var(--offwhite\);
color: var(--offwhite\);
border-radius: 99px;
align-items: center;
padding: 12px 24px;
display: flex;
}
.academy-hero-button:hover {
background-color: var(--offwhite\);
opacity: 1;
color: var(--black\);
}
.html-embed-3 {
margin-top: 4px;
}
.academy-hero-close-button {
z-index: 70;
grid-column-gap: 16px;
border: 1px solid var(--offwhite\);
color: var(--offwhite\);
border-radius: 99px;
align-items: center;
padding: 12px 24px;
display: flex;
position: absolute;
inset: auto 24px 80px auto;
}
.academy-hero-close-button:hover {
background-color: var(--offwhite\);
opacity: 1;
color: var(--black\);
}
.close-x {
margin-top: 4px;
}
.stack-value {
grid-column-gap: 0px;
padding: 0;
}
.wrap-value-outer {
width: 100%;
min-height: 60vw;
padding-bottom: 48px;
}
.sticky-inner {
grid-row-gap: 16px;
flex-direction: column;
width: 100%;
display: flex;
position: sticky;
top: 7vw;
}
.iamge-medien-logos {
filter: invert();
flex: none;
width: 100px;
height: 72px;
}
.iamge-medien-logos.big {
height: 100px;
}
.section-home-hero {
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
position: relative;
}
.section-home-hero.theme--white {
color: var(--swatch--white);
}
.grid-datenschutz {
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-bottom: 32px;
}
.down {
flex-direction: column;
justify-content: flex-end;
}
.grid-numbers-career {
grid-column-gap: 24px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr 1fr;
}
.flex-number-v {
grid-row-gap: 12px;
}
.stack-bekannt-durch {
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 100%;
padding: 0;
}
.contact-forn-cell_send-section {
grid-row-gap: 8px;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
}
.case-hero-section {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-right: 0;
display: flex;
}
.wrapper-case-name {
width: 100%;
}
.case-wrapper-image {
background-color: var(--offwhite\);
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 32px 16px 16px;
display: flex;
}
.image-10 {
width: 100%;
}
.headline-wrapper {
grid-row-gap: 8px;
}
.logo-wrapper {
flex: 0 auto;
justify-content: flex-end;
align-self: flex-end;
align-items: flex-end;
padding-right: 24px;
}
.image-11 {
max-width: 120px;
min-height: 100px;
}
.case-hero-wrapper-all {
flex: 1;
width: 100%;
height: 100%;
min-height: 100vh;
padding-top: 72px;
padding-bottom: 32px;
display: flex;
}
.wrap-flex-v-case-left {
grid-row-gap: 24px;
flex-direction: column;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
width: 70%;
padding-bottom: 32px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.wrap-flex-v-case-right {
width: 30%;
}
.grid-headline-case {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
.acc-trigger-einmalige-services {
background-color: var(--black-s-20\);
cursor: pointer;
width: 100%;
padding: 12px 8px 12px 12px;
font-family: Fkgroteskneue Light;
font-weight: 300;
display: flex;
}
.acc-trigger-einmalige-services:hover {
transform: scale(.99);
}
.acc-trigger-dot {
border: 1px solid var(--black-t-40\);
border-radius: 16px;
width: 16px;
height: 16px;
}
.light-on-off-linkblock-mobile {
height: 32px;
color: var(--black\);
cursor: pointer;
border-radius: 32px;
align-items: flex-start;
padding-top: 0;
font-size: .8rem;
transition: all .4s;
display: flex;
overflow: hidden;
}
.light-on-off-linkblock-mobile:hover {
opacity: 1;
position: absolute;
bottom: auto;
left: auto;
box-shadow: 0 0 20px 14px #fff3;
}
.wrap-div {
padding-bottom: 24px;
}
.wrapper-video {
z-index: 49;
background-color: var(--black-s-60\);
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 0;
display: flex;
position: absolute;
inset: 0%;
}
.wrapper-video-inner {
width: 100%;
}
.team-mobile {
display: none;
}
.grid-behind-the-szenes {
grid-column-gap: 24px;
grid-row-gap: 48px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.flex-v {
grid-row-gap: 24px;
}
.flex-v.cookie-banner {
grid-row-gap: 0px;
}
.flex-h-image-wrapper {
grid-column-gap: 12px;
padding-right: 25%;
}
.coll--filter--wrap, .hidden-field-wrapper {
display: none;
}
.landingpage-footer-wrap {
justify-content: space-between;
align-items: flex-end;
}
.landingpage-footer-right {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-end;
}
.copyright-landingpage {
color: var(--offwhite-s-60\);
font-family: Fkgroteskneue Light;
}
.fs-cc-prefs_form {
background-color: #fff;
border-radius: 0;
width: 100%;
max-width: 576px;
height: 100%;
max-height: 70vh;
margin-bottom: 0;
position: relative;
}
.fs-cc-banner_component {
z-index: 9999;
background-color: var(--offwhite\);
border-top: 1px solid #4353ff29;
padding: 24px 32px;
display: none;
position: fixed;
inset: auto 0% 0%;
}
.fs-cc-prefs_title {
color: #021a69;
font-family: Fkgroteskneue Regular;
font-size: 24px;
font-weight: 700;
line-height: 1.2em;
}
.fs-cc-banner_close-icon {
width: 24px;
height: 24px;
}
.fs-cc-manager_trigger {
display: none;
}
.fs-cc-prefs_toggle {
background-color: #fff;
border-radius: 999px;
width: 20px;
height: 20px;
}
.fs-cc-prefs_checkbox {
z-index: 1;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.fs-cc-prefs_button {
border: 2px solid var(--orange\);
background-color: var(--orange\);
text-align: center;
border-radius: 500px;
flex: 1;
margin-right: 8px;
padding: 10px 20px;
font-family: Fkgroteskmono Regular;
font-size: .75rem;
font-weight: 400;
}
.fs-cc-prefs_button.fs-cc-button-alt {
border-color: var(--orange\);
color: var(--orange\);
background-color: #fff;
}
.fs-cc-banner_container {
align-items: center;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: flex;
}
.fs-cc-prefs_space-small {
margin-bottom: 12px;
}
.fs-cc-prefs_close {
z-index: 1;
color: #333;
cursor: pointer;
background-color: #f5f6ff;
border-radius: 100%;
padding: 10px;
font-size: 20px;
text-decoration: none;
position: absolute;
inset: -12px -12px auto auto;
box-shadow: -1px 1px 12px #3333331a;
}
.fs-cc-banner_close {
opacity: 1;
cursor: pointer;
background-color: #fff;
border-radius: 500px;
margin-left: 12px;
padding: 10px;
}
.fs-cc-manager_icon {
width: 32px;
height: 32px;
}
.fs-cc-banner_buttons-wrapper {
flex: none;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.fs-cc-prefs_component {
z-index: 9998;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 32px;
display: none;
position: fixed;
inset: 0%;
}
.fs-cc-prefs_close-icon {
color: #021a7c;
width: 16px;
height: 16px;
}
.fs-cc-prefs_toggle-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
display: flex;
}
.fs-cc-manager_component {
z-index: 999;
display: none;
position: fixed;
inset: auto auto 20px 20px;
}
.fs-cc-banner_text-link {
border-bottom: 2px solid var(--orange\);
color: var(--orange\);
font-size: .8rem;
font-weight: 400;
text-decoration: none;
}
.fs-cc-prefs_submit-hide {
display: none;
}
.fs-cc-prefs_space-medium {
justify-content: center;
margin-bottom: 40px;
display: flex;
}
.fs-cc-prefs_option {
border-bottom: 1px solid #33333326;
padding-top: 16px;
padding-bottom: 16px;
}
.fs-cc-prefs_content {
height: 100%;
padding: 40px 32px;
overflow: scroll;
}
.fs-cc-prefs_checkbox-label {
display: none;
}
.fs-cc-prefs_label {
color: var(--black\);
margin-top: 0;
margin-bottom: 0;
margin-right: 32px;
font-size: 16px;
font-weight: 700;
}
.fs-cc-prefs_text {
color: #021a69;
font-family: Fkgroteskneue Regular;
font-size: 12px;
}
.fs-cc-banner_trigger {
display: none;
}
.fs-cc-prefs_buttons-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
margin-top: 32px;
margin-right: -8px;
display: flex;
}
.fs-cc-manager_button {
color: #333;
cursor: pointer;
background-color: #fff;
border-radius: 500px;
flex-direction: column;
padding: 10px;
transition: color .2s;
display: none;
}
.fs-cc-manager_button:hover {
color: #4353ff;
}
.fs-cc-prefs_overlay {
z-index: -1;
background-color: #03052499;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.fs-cc-prefs_checkbox-field {
background-color: #ccc;
border-radius: 999px;
width: 44px;
height: 24px;
margin-bottom: 0;
padding: 2px;
display: flex;
position: relative;
}
.fs-cc-banner_button {
background-color: var(--orange\);
min-width: 140px;
color: var(--offwhite\);
text-align: center;
border: 2px #4353ff;
border-radius: 500px;
margin-left: 16px;
padding: 10px 20px;
font-size: .9rem;
}
.fs-cc-banner_button.fs-cc-button-alt {
border-style: solid;
border-color: var(--orange\);
background-color: var(--offwhite\);
color: var(--orange\);
font-family: Fkgroteskmono Regular;
font-size: .9rem;
}
.fs-cc-banner_text {
color: var(--black-t-20\);
margin-right: 24px;
font-family: Fkgroteskneue Regular;
font-size: .85rem;
}
.fs-cc-prefs_trigger {
display: none;
}
.link {
font-size: .7rem;
}
.quick-nav-linkblock-main-nav {
height: var(--_scale---48);
padding-right: var(--_scale---12);
padding-left: var(--_scale---12);
font-family: var(--font-family--mono);
color: var(--swatch--black);
font-size: var(--_type-scale---x-mall);
letter-spacing: .08em;
text-transform: uppercase;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.quick-nav-linkblock-main-nav:hover {
opacity: 1;
color: var(--offwhite\);
background-color: #000;
}
.quick-nav-linkblock-main-nav.dropdown {
z-index: 1000;
}
.quick-nav-linkblock-main-nav.align-left {
text-align: left;
justify-content: flex-start;
align-items: center;
}
.flex-h--12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
display: flex;
}
.flex-h--12.align--center {
justify-content: flex-start;
align-items: center;
}
.align-left {
align-self: flex-start;
}
.flex-h--4 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: row;
align-items: flex-end;
}
.close-open-popup {
justify-content: center;
align-items: center;
width: 100%;
height: 20px;
}
.close-open-popup:hover {
background-color: var(--black\);
opacity: 1;
height: 100%;
color: var(--offwhite\);
padding-left: 8px;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.flex-v--4 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
width: 100%;
display: flex;
}
.flex-v--4.allign--right {
justify-content: flex-start;
align-items: flex-end;
}
.flex-h--100 {
justify-content: space-between;
width: 100%;
}
.input-passwort {
font-family: Fkgroteskneue Regular;
}
.input-user-field {
display: none;
}
.field-name {
color: var(--black-t-60\);
letter-spacing: .02rem;
margin-bottom: 8px;
font-family: Fkgroteskneue Light;
font-weight: 300;
}
.log-in-button {
border: 1px solid var(--black-s-20\);
background-color: var(--black-s-20\);
letter-spacing: .08rem;
text-transform: uppercase;
cursor: pointer;
font-family: Fkgroteskmono Light;
font-weight: 300;
}
.log-in-button:hover {
border: 1px solid var(--black-t-60\);
background-color: var(--green\);
color: var(--black\);
overflow-wrap: normal;
}
.logo-passwort {
max-width: 150px;
}
.space-bar-1 {
height: 220px;
}
.wrap-logo-passwort {
width: 100%;
}
.flex-v--32 {
grid-column-gap: var(--_scale---32);
grid-row-gap: var(--_scale---32);
}
.richtext-paket strong {
font-weight: 400;
display: inline-block;
}
.richtext-paket h5 {
font-size: var(--_type-scale---small);
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.collection-paket--wrap, .collection-paket--list {
height: 100%;
}
.collection-paket--item {
height: 100%;
padding: var(--_spacing---flex-v--medium);
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--swatch--white);
flex-direction: column;
justify-content: space-between;
display: flex;
}
.background-video--career {
padding-top: var(--_spacing---padding--main);
padding-right: var(--_spacing---padding--main);
padding-bottom: var(--_spacing---padding--main);
padding-left: var(--_spacing---padding--main);
aspect-ratio: auto;
object-fit: cover;
height: calc(100svh - var(--_scale---32));
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 0;
display: flex;
overflow: hidden;
}
.client-wolke-collection-list {
grid-column-gap: var(--_spacing---padding--small);
grid-row-gap: var(--_spacing---padding--small);
column-count: 5;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
column-gap: 24px;
display: flex;
}
.main-clients {
filter: invert();
width: 150px;
}
.paragraph--medium {
letter-spacing: .02rem;
font-family: Fkgroteskneue Regular;
font-size: 1.2rem;
font-weight: 400;
}
.paragraph--medium.weight--medium {
font-family: Fkgroteskneue Medium;
}
.paragraph--medium.max-40ch {
max-width: 40ch;
margin-left: auto;
margin-right: auto;
line-height: 1.2;
}
.flex-case-logo {
justify-content: flex-end;
align-items: flex-end;
}
.logo-thumbnail {
object-fit: cover;
width: 120px;
}
.flex-v--24 {
grid-column-gap: var(--_scale---24);
grid-row-gap: var(--_scale---24);
width: 100%;
}
.flex-v--24.relativ {
z-index: 500;
position: relative;
}
.flex-v-logo {
min-height: var(--_scale---120);
padding: var(--_spacing---padding--small);
background-color: var(--swatch--white);
justify-content: flex-start;
align-items: flex-start;
}
.image-18 {
width: 120px;
}
.bold-text-2, .bold-text-3 {
font-weight: 400;
}
.recaptcha {
flex: 0 auto;
align-self: flex-end;
position: relative;
}
.cell-18-copy {
justify-content: flex-end;
}
.recaptcha-wrapper {
transform-origin: 100%;
align-self: flex-end;
transform: scale(.8);
}
.div-block {
align-self: flex-end;
}
.recaptcha-2 {
margin-bottom: 0;
}
.div-block-2 {
transform-origin: 100%;
align-self: flex-end;
}
.div-block-3 {
align-self: flex-end;
}
.section--top {
min-height: 50svh;
padding: var(--_spacing---padding--big) var(--_spacing---padding--main) var(--_spacing---padding--main);
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative;
}
.section--top.theme--white--orange {
background-color: var(--swatch--offwhite);
color: var(--swatch--orange);
}
.section--top.theme--orange-white {
background-color: var(--swatch--orange);
color: var(--swatch--white);
}
.section--top.theme--black--white {
background-color: var(--swatch--black);
color: var(--swatch--offwhite);
}
.flex-v--12 {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 100%;
}
.flex-v--12.align--center {
justify-content: flex-start;
align-items: center;
}
.flex-v--64 {
grid-column-gap: 64px;
grid-row-gap: 64px;
}
.flex-v--0 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.form-whitepaper--block {
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 0;
}
.form-whitepaper--form {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 70ch;
height: 100%;
display: flex;
}
.flex-v--8 {
grid-column-gap: 8px;
grid-row-gap: 8px;
width: 100%;
}
.flex-v--8.is-100 {
width: 100%;
}
.recapture--align--right {
align-self: flex-end;
}
.form-seccond {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
width: 100%;
display: flex;
}
.weight--medium {
font-family: Fkgroteskneue Medium;
}
.swiper.whitepaper {
width: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
overflow: hidden;
}
.swiper.podcast, .swiper.opinions, .swiper.cases, .swiper.staff, .swiper.team, .swiper.promo {
width: 100%;
overflow: hidden;
}
.swiper-wrapper.whitepaper {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.swiper-wrapper.podcast {
width: 100%;
display: flex;
}
.swiper-wrapper.opinions {
justify-content: flex-start;
align-items: center;
display: flex;
}
.swiper-wrapper.cases {
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
}
.swiper-wrapper.staff {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.swiper-wrapper.team {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.swiper-wrapper.promo {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.swiper-slide {
flex: none;
max-width: 100%;
}
.swiper-slide.whitepaper {
cursor: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/68260bc3107f2ef3d075e680_explore.svg"), pointer;
}
.swiper-slide.opinions {
color: var(--swatch--offwhite);
flex-flow: column;
display: flex;
position: relative;
}
.swiper-slide.cases {
background-color: var(--swatch--white);
width: 100%;
height: 100%;
}
.swiper-slide.staff {
width: 100%;
max-height: 80svh;
}
.swiper-slide.team {
grid-column-gap: var(--_spacing---flex-v--small);
grid-row-gap: var(--_spacing---flex-v--small);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.swiper-slide.promo {
text-wrap: balance;
position: relative;
}
.linkblock--whitepaper {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-transform: none;
cursor: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/68260bc3107f2ef3d075e680_explore.svg"), pointer;
text-wrap: balance;
flex-flow: column;
width: 100%;
height: 100%;
transition-property: transform;
transition-duration: .6s;
display: flex;
}
.linkblock--whitepaper:hover {
opacity: 1;
transform: scale(.95)translate(0, -1rem);
}
.swiper-btn-prev {
width: var(--_scale---32);
height: var(--_scale---32);
padding: var(--_scale---2);
border-radius: var(--_scale---32);
background-color: var(--swatch--light-gray);
color: var(--swatch--dark-gray);
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-btn-prev:hover {
background-color: var(--swatch--dark-gray);
color: var(--swatch--offwhite);
-webkit-text-stroke-color: #222;
}
.swiper-btn-prev.podcast, .swiper-btn-prev.opinions, .swiper-btn-prev.podcast, .swiper-btn-prev.staff, .swiper-btn-prev.whitepaper, .swiper-btn-prev.promo {
width: 2rem;
height: 2rem;
}
.swiper-btn-next {
width: var(--_scale---32);
height: var(--_scale---32);
padding: var(--_scale---2);
border-radius: var(--_scale---32);
background-color: var(--swatch--light-gray);
color: var(--swatch--dark-gray);
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-btn-next:hover {
background-color: var(--swatch--dark-gray);
color: var(--swatch--offwhite);
}
.swiper-btn-next.podcast {
width: 2rem;
height: 2rem;
}
.text-wrap--balance {
text-wrap: balance;
}
.image--thumbnail-whitepaper {
aspect-ratio: 4 / 5;
filter: brightness(70%);
object-fit: cover;
width: 100%;
}
.coll-whitepaper--wrapper {
padding-top: var(--_scale---48);
}
.coll-whitepaper--list {
grid-column-gap: 24px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.coll--empty {
background-color: #ddd0;
display: none;
}
.coll-latest-whitepaper--list {
grid-column-gap: 24px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.success-whitepaper {
text-align: left;
background-color: #ddd0;
padding: 0;
}
.section--hero {
height: 100svh;
position: relative;
overflow: hidden;
}
.section--hero.narrativ-now {
color: var(--swatch--offwhite);
background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/68d3dedabaab854c7dd5a8a1_getpress_narrativ-now-hero_desktop.webp");
background-position: 0 0, 50% 30%;
background-size: auto, cover;
}
.section--hero.podcast {
color: var(--swatch--white);
}
.section--hero.theme--peach {
background-color: var(--swatch--peach);
color: var(--swatch--blue);
}
.section--hero.theme--white {
color: var(--swatch--white);
}
.section--hero.career {
height: calc(100svh - var(--_scale---32));
}
.section--hero.hub {
height: 100svh;
min-height: 100svh;
padding-top: var(--_scale---72);
}
.line-height--1 {
line-height: 1;
}
.grid--key-info--webinar {
grid-column-gap: var(--_scale---24);
grid-row-gap: var(--_scale---24);
grid-template-rows: auto;
grid-template-columns: 7rem 1fr 1fr;
width: 100%;
}
.form--webbinar--block {
width: 100%;
color: var(--swatch--offwhite);
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.form-webbinar-form {
width: 100%;
padding-top: var(--_scale---80);
padding-bottom: var(--_scale---80);
grid-column-gap: var(--_scale---32);
grid-row-gap: var(--_scale---32);
background-color: var(--swatch--black);
color: var(--swatch--white);
flex-flow: column;
display: flex;
}
.webinar-form-container {
grid-column-gap: var(--_scale---32);
grid-row-gap: var(--_scale---32);
flex-flow: column;
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.input--video {
object-fit: contain;
background-color: #171717;
border: 1px solid #2d2d2d;
width: 100%;
height: 100%;
padding: 0;
box-shadow: inset 0 2px 8px #0003;
}
.error-message {
background-color: var(--orange\);
margin-top: 0;
}
.coll-webinar--wrap {
width: 100%;
}
.coll-webinar--list {
grid-column-gap: var(--_scale---32);
grid-row-gap: var(--_scale---32);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.coll-webinar--linkblock {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
text-transform: none;
cursor: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/684b583e15263a070bef99e2_cursor-watch.svg"), pointer;
flex-flow: column;
width: 100%;
transition-property: transform;
transition-duration: .6s;
display: flex;
}
.coll-webinar--linkblock:hover {
opacity: 100;
transform: scale(.95);
}
.tab-link--webinar {
padding: var(--_scale---12);
grid-column-gap: var(--_scale---16);
grid-row-gap: var(--_scale---16);
background-color: var(--swatch--light-gray);
color: var(--swatch--charcol);
font-size: var(--_spacing---flex-v--small);
justify-content: flex-start;
align-items: center;
line-height: 1;
display: flex;
}
.tab-link--webinar:hover {
background-color: var(--swatch--white);
opacity: 100;
}
.tab-link--webinar.w--current {
background-color: var(--swatch--black);
color: var(--swatch--white);
}
.tab-link--webinar-tab-menu {
padding-bottom: var(--_spacing---flex-v--large);
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.coll-upcoming-webinar--item {
background-color: var(--black-s-80\);
position: relative;
overflow: hidden;
}
.coll-upcoming-webinar--text-block {
z-index: 800;
max-width: 33.3333%;
padding: var(--_spacing---padding--main);
grid-column-gap: var(--_scale---32);
grid-row-gap: var(--_scale---32);
color: var(--black-s-80\);
justify-content: space-between;
align-items: flex-start;
}
.flex-h--24 {
grid-column-gap: var(--_scale---24);
grid-row-gap: var(--_scale---24);
}
.popuploader {
z-index: 9000;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
display: block;
position: fixed;
inset: 0%;
overflow: auto;
}
.pop-up--image {
z-index: 9000;
aspect-ratio: 4 / 5;
object-fit: cover;
width: 50%;
}
.pop-up--flex {
z-index: 9999;
width: 50%;
padding: var(--_spacing---padding--small);
grid-column-gap: var(--_scale---32);
grid-row-gap: var(--_scale---32);
background-color: var(--offwhite\);
color: var(--black-s-80\);
justify-content: space-between;
align-items: flex-start;
}
.coll-pop-up--wrap {
z-index: 9000;
pointer-events: none;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.coll-pop-up--list {
pointer-events: none;
width: 100%;
height: 100%;
}
.coll-pop-up--item {
pointer-events: auto;
background-color: #0000004d;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.close--button {
width: 20px;
height: 20px;
color: var(--grey-s-20\);
transition: transform .4s;
}
.close--button:hover {
transform: scale(.9);
}
.wrap--pop-up-buttons {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.wrap--thumbnail-image {
position: relative;
}
.wrap-thumbnail--titel-on-image {
left: var(--_spacing---padding--small);
right: var(--_spacing---padding--small);
bottom: var(--_spacing---padding--small);
z-index: 200;
color: #fff;
position: absolute;
}
.section--recording {
width: 100%;
height: calc(100svh - var(--_scale---48));
display: none;
overflow: clip;
}
.flex-v--main {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
width: 100%;
}
.flex-v--main.max--60ch {
max-width: 60ch;
}
.flex-v--main.center {
justify-content: flex-start;
align-items: center;
}
.flex-h--from-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
width: 100%;
}
.flex-h--8 {
grid-column-gap: var(--_scale---8);
grid-row-gap: var(--_scale---8);
flex-flow: row;
}
.flex-h--8.allign-center {
justify-content: flex-start;
align-items: center;
}
.success-message {
padding-top: var(--_spacing---padding--big);
padding-bottom: var(--_spacing---padding--big);
background-color: var(--black-s-80\);
}
.label-hide {
display: none;
}
.flex-v--form {
width: 100%;
}
.max-60ch {
max-width: 60ch;
}
.wrap--thumbnail--webinar {
flex-flow: row;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative;
overflow: hidden;
}
.webinar-thumbnail-titel {
z-index: 800;
max-width: 15ch;
padding-top: var(--_scale---12);
padding-left: var(--_scale---12);
font-size: var(--_type-scale---x-large);
letter-spacing: 0;
text-wrap: balance;
line-height: 1.15;
position: absolute;
inset: 0% auto auto 0%;
}
.speaker-wrap {
width: 100%;
max-width: 33%;
position: relative;
}
.speaker-wrap.is-feature {
max-width: 50%;
}
.image--speaker-host {
z-index: 50;
}
.flex-v--speaker-info {
left: var(--_scale---12);
top: auto;
right: var(--_scale---12);
bottom: var(--_scale---12);
z-index: 100;
padding: var(--_scale---8);
grid-column-gap: .3rem;
grid-row-gap: .3rem;
background-color: var(--swatch--black);
color: var(--swatch--white);
justify-content: flex-end;
align-items: flex-start;
position: absolute;
}
.speaker--name {
color: var(--swatch--white);
font-size: var(--_type-scale---x-mall);
letter-spacing: .06em;
line-height: 1;
}
.speaker--info {
color: var(--swatch--white);
font-size: var(--_scale---8);
letter-spacing: .06em;
text-wrap: balance;
line-height: 1.05;
}
.flex-v--speaker-vertical {
z-index: 200;
}
.flex-h--speaker-outer {
z-index: 250;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.speaker--portrait {
max-width: 15rem;
}
.mono--small {
font-family: Fkgroteskmono Regular;
font-size: .65rem;
}
.flex-v--2 {
grid-column-gap: 2px;
grid-row-gap: 2px;
}
.fake-button--join-webinar {
z-index: 300;
height: 2.25rem;
padding-right: var(--_scale---12);
padding-left: var(--_scale---12);
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
text-transform: uppercase;
justify-content: space-between;
align-items: center;
line-height: 1;
position: relative;
}
.timer {
font-family: var(--font-family--mono);
font-size: var(--_type-scale---small);
}
.arrow {
width: var(--_scale---16);
}
.timer-wrapper {
height: var(--_scale---48);
letter-spacing: .02em;
justify-content: center;
align-items: center;
font-family: Fkgroteskmono Regular;
display: flex;
}
.flex--h--hero-graphic {
justify-content: center;
align-items: flex-end;
position: absolute;
inset: 0%;
}
.wrap--bg-colors {
z-index: 10;
position: absolute;
inset: 0%;
}
.bg-color--reihe-1 {
background-color: #96ded8;
width: 100%;
height: 100%;
display: block;
}
.bg-color--reihe-2 {
background-color: #ffcfba;
width: 100%;
height: 100%;
}
.bg-color--reihe-3 {
background-color: #ff6735;
height: 100%;
display: block;
}
.bg-color--reihe-4 {
background-color: #6aa2cd;
width: 100%;
height: 100%;
display: block;
}
.wrap--button {
position: relative;
overflow: hidden;
}
.image--webinar-reihe {
opacity: .4;
}
.speaker-wrap--horizontal {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.graphic-outer-wrap-thumbnail {
z-index: 250;
width: 100%;
max-width: 40%;
position: absolute;
inset: auto auto 0% 0%;
}
.graphic-outer-wrap--feature {
z-index: 20;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.feature--flex-h {
z-index: 500;
justify-content: space-between;
align-items: stretch;
position: relative;
}
.speaker-wrap--feature-section {
z-index: 300;
flex-flow: wrap;
justify-content: flex-end;
align-items: flex-start;
width: 50%;
}
.button-teinahme {
background-color: var(--orange\);
height: 2.3rem;
color: var(--swatch--white);
font-size: var(--_type-scale---small);
letter-spacing: .15rem;
text-transform: uppercase;
border-radius: 80px;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
padding: 3px 16px 0;
line-height: 1;
display: flex;
}
.button-teinahme:hover {
background-color: var(--offwhite\);
opacity: 1;
color: var(--orange\);
}
.coll-webinar--linkblock-sign-up {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
text-transform: none;
cursor: url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/68515a808bfcda456a4650df_sign-up.svg"), pointer;
flex-flow: column;
width: 100%;
transition-property: transform;
transition-duration: .6s;
display: flex;
}
.coll-webinar--linkblock-sign-up:hover {
opacity: 100;
transform: scale(.95);
}
.dropdown-list-4 {
background-color: #ddd;
}
.dropdown-list-4.w--open {
z-index: 99999999;
background-color: var(--offwhite\);
text-align: left;
}
.textlink--nav-menu {
width: 100%;
font-family: var(--font-family--sans);
text-align: left;
letter-spacing: -.05rem;
text-transform: none;
line-height: 1.15;
display: inline-flex;
overflow: hidden;
}
.textlink--nav-menu:hover {
opacity: 100;
color: var(--orange\);
}
.textlink--nav-text {
width: 100%;
color: var(--black-s-80\);
text-align: left;
letter-spacing: -.05rem;
text-transform: none;
font-size: 2.5vw;
}
.textlink--nav-text:hover {
opacity: 100;
color: var(--orange\);
}
.flex-v-menu-block {
grid-column-gap: var(--_scale---4);
grid-row-gap: var(--_scale---4);
width: 100%;
}
.hide-field {
display: none;
}
.qs--whitepaper {
width: 100%;
max-width: 1280px;
padding: var(--_scale---24) 0px 0px;
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
border-top: 1px solid var(--black-t-80\);
grid-template-rows: auto;
margin-left: auto;
margin-right: auto;
}
.qs--whitepaper.boarder-top-none {
border-top-style: none;
border-top-width: 0;
padding-top: 0;
}
.richtext--whitepaper {
width: 100%;
}
.richtext--whitepaper h2 {
padding-bottom: var(--_spacing---padding--main);
text-wrap: balance;
line-height: 1.05;
}
.richtext--whitepaper p {
max-width: none;
padding-bottom: var(--_spacing---padding--main);
line-height: 1.35;
}
.richtext--whitepaper blockquote {
padding-top: 0;
padding-right: 0;
padding-bottom: var(--_scale---24);
font-size: var(--_type-scale---x-large);
letter-spacing: 0;
text-wrap: balance;
border-left-width: 0;
margin-bottom: 0;
padding-left: 0;
line-height: 1.25;
}
.richtext--whitepaper h4 {
padding-bottom: var(--_spacing---padding--main);
font-size: var(--_type-scale---medium);
line-height: 1.3;
font-weight: var(--font-weight--medium);
margin-bottom: 0;
}
.richtext--whitepaper h3 {
margin-bottom: var(--_spacing---padding--main);
text-wrap: balance;
line-height: 1.25;
}
.richtext--whitepaper h5 {
padding-bottom: var(--_spacing---padding--main);
font-weight: var(--font-weight--medium);
letter-spacing: .02em;
margin-top: 0;
margin-bottom: 0;
}
.richtext--whitepaper ol {
padding-bottom: var(--_spacing---padding--main);
padding-left: var(--_scale---24);
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
letter-spacing: .03em;
flex-flow: column;
margin-bottom: 0;
display: flex;
}
.richtext--whitepaper li {
margin-bottom: 0;
}
.richtext--whitepaper ul {
padding-bottom: var(--_spacing---padding--main);
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
font-family: var(--font-family--sans);
font-size: var(--_type-scale---medium);
letter-spacing: .03em;
flex-flow: column;
margin-bottom: 0;
padding-left: 18px;
line-height: 1.3;
list-style-type: square;
display: flex;
overflow: visible;
}
.richtext--whitepaper a {
letter-spacing: .03em;
text-transform: none;
text-underline-offset: .25em;
text-decoration: underline;
-webkit-text-decoration-color: var(--swatch--black);
text-decoration-color: var(--swatch--black);
-webkit-text-decoration-skip-ink: auto;
text-decoration-skip-ink: auto;
text-decoration-style: solid;
text-decoration-thickness: .05em;
}
.richtext--whitepaper a:hover {
opacity: 1;
text-decoration: none;
}
.richtext--whitepaper strong {
font-weight: var(--font-weight--medium);
}
.richtext--whitepaper.max--60ch-sticky {
max-width: 60ch;
position: sticky;
top: 5rem;
}
.richtext--whitepaper h6 {
padding-bottom: var(--_spacing---padding--main);
}
.richtext--whitepaper figure {
margin-bottom: var(--_spacing---padding--main);
}
.richtext--whitepaper em {
font-size: var(--_type-scale---medium);
letter-spacing: .04em;
font-style: italic;
}
.whitepaper-content {
margin-top: 0;
padding: 48px 24px;
display: none;
}
.flex-h--pop-up {
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.flex-hero--podcast {
width: 100%;
height: 100%;
padding: var(--_spacing---padding--main);
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
background-image: linear-gradient(#0000004d, #0000004d);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: absolute;
}
.richtext--podcast-bulletpoints {
width: 100%;
}
.richtext--podcast-bulletpoints ul {
grid-column-gap: var(--_scale---48);
grid-row-gap: var(--_scale---48);
width: 100%;
font-family: var(--font-family--sans);
font-size: var(--_type-scale---medium);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.richtext--podcast-bulletpoints li {
padding-top: var(--_scale---16);
border-top: 1px solid var(--swatch--dark-gray);
font-size: var(--_type-scale---medium);
letter-spacing: .02em;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
line-height: 1.45;
overflow: hidden;
}
.richtext--podcast-bulletpoints strong {
max-width: 40ch;
margin-bottom: var(--_scale---12);
font-weight: var(--font-weight--medium);
letter-spacing: .06em;
text-wrap: balance;
display: block;
}
.grid--column--2 {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
grid-template-rows: auto;
width: 100%;
}
.grid--column--2._1-2 {
grid-template-columns: .5fr 1fr;
}
.grid--column--2.relativ--100 {
z-index: 100;
position: relative;
}
.grid--column--2.only--en {
display: none;
}
.grid--column--2.only--en:lang(en-gb) {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.textlink--big {
letter-spacing: 0;
text-transform: none;
text-underline-offset: .15em;
-webkit-text-decoration-skip-ink: auto;
text-decoration-skip-ink: auto;
text-underline-position: auto;
text-decoration: underline;
text-decoration-thickness: .01em;
}
.tc--gray {
color: var(--swatch--medium-gray);
}
.linkblock--stream {
width: var(--_scale---32);
height: var(--_scale---32);
color: inherit;
flex-flow: column;
justify-content: flex-end;
align-items: center;
}
.flex-h--16 {
grid-column-gap: var(--_scale---16);
grid-row-gap: var(--_scale---16);
}
.svg {
vertical-align: text-bottom;
justify-content: space-between;
align-items: flex-end;
}
.path {
align-self: flex-end;
}
.section--host {
min-height: 100svh;
padding: var(--_spacing---padding--main);
color: var(--swatch--offwhite);
background-image: linear-gradient(#0000004d, #0000004d), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/68bede1f0d1d6259e00c72e8_DSC01024.webp");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
}
.hero-wrap {
width: 100%;
height: 100%;
padding: var(--_spacing---padding--main);
justify-content: flex-end;
align-items: flex-start;
position: relative;
}
.absolut--right-bottom {
top: auto;
left: auto;
right: var(--_spacing---padding--main);
bottom: var(--_spacing---padding--main);
position: absolute;
}
.linkblock-podcast {
color: var(--swatch--offwhite);
position: relative;
}
.linkblock-podcast:hover {
opacity: 1;
}
.podcast-thumbnail--image {
aspect-ratio: 2 / 3;
filter: brightness(90%);
object-fit: cover;
object-position: 50% 50%;
}
.podcast-thumbnail--text-wrap {
z-index: 100;
padding: var(--_spacing---padding--small);
text-transform: none;
flex-flow: column;
justify-content: space-between;
transition: all .4s;
display: flex;
position: absolute;
inset: 0%;
}
.icon--play {
width: var(--_scale---24);
height: var(--_scale---24);
}
.paragraph--label {
padding: var(--_scale---4) var(--_scale---12);
background-color: var(--swatch--black);
color: var(--swatch--white);
font-size: var(--_type-scale---small);
border-radius: 100vw;
}
.flex-h--swiper-navigation {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
justify-content: flex-end;
align-items: flex-start;
}
.grid--credits {
grid-template-rows: auto;
grid-template-columns: 10rem 1fr;
width: 100%;
}
.linkblock--podcast {
text-transform: none;
text-underline-offset: .04em;
text-underline-position: under;
color: inherit;
text-decoration: underline;
text-decoration-thickness: .02em;
}
.image--4-5 {
aspect-ratio: 4 / 5;
color: #6aa2cd00;
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.image--4-5.brightnes--80 {
filter: brightness(80%);
}
.wrap--images {
width: 100%;
height: 100%;
}
.hero-image--desktop {
object-fit: cover;
width: 100%;
height: 100%;
}
.hero-image--mobile {
object-fit: cover;
width: 100%;
height: 100%;
display: none;
}
.flex-v--big {
grid-column-gap: var(--_spacing---padding--big);
grid-row-gap: var(--_spacing---padding--big);
}
.paragraph--large {
font-size: var(--_type-scale---large);
text-wrap: balance;
line-height: 1.15;
}
.paragraph--large.max--20ch {
max-width: 20ch;
}
.paragraph--large.tc--white {
color: var(--swatch--white);
}
.paragraph--large.min-2-lines {
min-height: 2.5em;
}
.paragraph--x-large {
font-family: var(--font-family--sans);
font-size: var(--_type-scale---x-large);
letter-spacing: 0;
text-transform: none;
line-height: 1.2;
}
.paragraph--x-large.max--30ch {
max-width: 30ch;
}
.paragraph--x-large.relativ--50 {
z-index: 50;
position: relative;
}
.paragraph--x-large.tc--orange {
color: var(--swatch--orange);
}
.section--main {
padding-top: var(--_spacing---padding--main);
padding-right: var(--_spacing---padding--main);
padding-bottom: var(--_spacing---padding--main);
padding-left: var(--_spacing---padding--main);
grid-column-gap: var(--_spacing---flex-v--x-large);
grid-row-gap: var(--_spacing---flex-v--x-large);
background-color: inherit;
flex-flow: column;
display: flex;
position: relative;
}
.section--main:where(.w-variant-67a391e1-9591-3de0-feb6-c3e09084aff1) {
background-color: var(--swatch--orange);
color: var(--swatch--white);
}
.section--main:where(.w-variant-3e01ac83-8bce-4255-8346-76a53b1299d2) {
background-color: var(--swatch--peach);
}
.section--main:where(.w-variant-68f9e292-0668-d314-344f-c83d5cd6571c) {
background-color: var(--swatch--green);
}
.section--main:where(.w-variant-9dbadf5b-8aba-f2fb-69f0-2c61795ef421) {
background-color: var(--swatch--blue);
border-radius: 1px;
}
.section--main:where(.w-variant-521add15-b734-8b90-57c7-fa7f0c194187) {
background-color: var(--swatch--yellow);
}
.section--main:hover:where(.w-variant-67a391e1-9591-3de0-feb6-c3e09084aff1) {
background-color: var(--swatch--orange);
}
.section--main.theme--black-white {
background-color: var(--swatch--black);
color: var(--swatch--offwhite);
}
.section--main.theme--black-white.about-us {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
background-color: var(--swatch--black);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section--main.theme--orange-white {
background-color: var(--swatch--orange);
color: var(--swatch--offwhite);
}
.section--main.padding--bottom-big {
padding-bottom: var(--_spacing---padding--big);
position: relative;
}
.section--main.padding--bottom-big.theme--white--green {
color: var(--swatch--dark-green);
}
.section--main.padding--bottom-big.theme--black--white {
background-color: var(--swatch--black);
color: var(--swatch--white);
}
.section--main.padding--bottom-big.theme--green--white {
background-color: var(--swatch--green);
color: var(--swatch--white);
}
.section--main.padding--bottom-big.theme--orange--white {
background-color: var(--swatch--orange);
color: var(--swatch--white);
}
.section--main.padding--bottom-big.theme--yellow--balck {
background-color: var(--swatch--yellow);
}
.section--main.theme--peach-blue {
background-color: var(--swatch--peach);
color: var(--swatch--blue);
}
.section--main.theme--white-black {
background-color: var(--swatch--offwhite);
color: var(--swatch--black);
}
.section--main.theme--red--white {
background-color: var(--swatch--red);
color: var(--swatch--white);
}
.section--main.theme--yellow--black {
background-color: var(--swatch--yellow);
}
.section--main.theme--light-gray--black {
background-color: var(--swatch--white);
}
.section--main.theme--offwhite--black {
background-color: var(--swatch--offwhite);
}
.section--main.theme--full-white--black {
background-color: var(--swatch--white);
}
.section--main.theme--orange--white {
background-color: var(--swatch--orange);
color: var(--swatch--white);
}
.section--main.theme--green--white {
background-color: var(--swatch--green);
color: var(--swatch--white);
}
.section--main.theme--blue--black {
background-color: var(--swatch--blue);
}
.section--main.boarder--top {
border-top: 1px solid var(--swatch--medium-gray);
}
.paragraph--xx-large {
font-size: var(--_type-scale---xx-large);
line-height: .95;
font-weight: var(--font-weight--medium);
letter-spacing: -.04em;
}
.paragraph--xx-large.center {
width: 100%;
}
.paragraph--xx-large.sticky--30vh {
position: sticky;
top: 30vh;
}
.paragraph--xx-large.tc--orange {
color: var(--swatch--orange);
}
.paragraph--xx-large.this-is-for-you {
text-align: justify;
white-space: nowrap;
width: 100%;
font-size: 16.4vw;
}
.section--hero--text {
width: 100%;
height: 100%;
padding: var(--_spacing---padding--main);
}
.section--hero--text.align--bottom {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.richtext--main {
grid-column-gap: var(--_scale---24);
grid-row-gap: var(--_scale---24);
width: 100%;
color: inherit;
flex-flow: column;
display: block;
}
.richtext--main blockquote {
padding-top: 0;
padding-right: 0;
padding-bottom: var(--_spacing---padding--small);
font-size: var(--_type-scale---large);
line-height: 1.15;
font-weight: var(--font-weight--medium);
text-wrap: balance;
border-left: 0 #e2e2e200;
margin-bottom: 0;
padding-left: 0;
}
.richtext--main h3 {
padding-bottom: var(--_spacing---padding--small);
}
.richtext--main p {
max-width: 60ch;
padding-bottom: var(--_spacing---padding--small);
}
.richtext--main.tc-white {
color: var(--swatch--white);
}
.richtext--main ul {
max-width: 60ch;
padding-bottom: var(--_spacing---padding--small);
padding-left: var(--_scale---16);
grid-column-gap: var(--_spacing---flex-v--small);
grid-row-gap: var(--_spacing---flex-v--small);
font-family: var(--font-family--sans);
letter-spacing: .02em;
flex-flow: column;
margin-bottom: 0;
display: flex;
}
.richtext--main strong {
line-height: 1.2;
font-weight: var(--font-weight--medium);
display: block;
}
.richtext--main a {
text-transform: none;
text-underline-offset: .2em;
text-decoration: underline;
-webkit-text-decoration-color: var(--swatch--black);
text-decoration-color: var(--swatch--black);
text-decoration-thickness: .04em;
}
.richtext--main h6 {
padding-bottom: var(--_spacing---padding--small);
font-family: var(--font-family--sans);
color: inherit;
font-weight: 400;
}
.richtext--main h5 {
padding-bottom: var(--_spacing---padding--small);
font-size: var(--_type-scale---medium);
font-weight: var(--font-weight--medium);
letter-spacing: .02em;
margin-top: 0;
margin-bottom: 0;
}
.richtext--main h1 {
padding-bottom: var(--_spacing---padding--small);
}
.richtext--main h2 {
margin-bottom: var(--_spacing---padding--large);
line-height: 1.2;
}
.richtext--main h4 {
padding-bottom: var(--_spacing---padding--small);
}
.richtext--main ol {
max-width: 60ch;
padding-bottom: var(--_spacing---flex-v--small);
padding-left: var(--_scale---20);
grid-column-gap: var(--_spacing---flex-v--small);
grid-row-gap: var(--_spacing---flex-v--small);
letter-spacing: .02em;
flex-flow: column;
margin-bottom: 0;
display: flex;
}
.richtext--main.max--40ch {
text-wrap: balance;
max-width: 40ch;
}
.flex-v--large {
grid-column-gap: var(--_spacing---flex-v--large);
grid-row-gap: var(--_spacing---flex-v--large);
flex-flow: column;
width: 100%;
display: flex;
}
.flex-v--large.sticky--we-build {
top: calc(21.5vh - var(--_type-scale---x-large) - var(--_spacing---flex-v--x-large));
position: sticky;
}
.flex-v--large.max--50ch {
max-width: 50ch;
}
.align--center {
font-size: var(--_type-scale---xx-large);
text-align: center;
}
.flex-v--x-large {
grid-column-gap: var(--_spacing---flex-v--x-large);
grid-row-gap: var(--_spacing---flex-v--x-large);
}
.flex-v--x-large.max--60ch {
max-width: 60ch;
}
.flex-v--small {
grid-column-gap: var(--_spacing---flex-v--x-small);
grid-row-gap: var(--_spacing---flex-v--x-small);
flex-flow: column;
display: flex;
}
.flex-v--small.max--60ch {
max-width: 60ch;
}
.flex-v--small.align--bottom {
justify-content: flex-end;
align-items: flex-start;
}
.flex-v--small.align--center {
justify-content: center;
align-items: flex-start;
}
.display--large {
font-size: var(--_type-scale---display-large);
letter-spacing: -.06em;
line-height: .7;
}
.display--large.height--0-65 {
line-height: .65;
}
.linkblock--main {
height: var(--_scale---40);
min-width: var(--_scale---220);
padding-right: var(--_scale---8);
padding-left: var(--_scale---20);
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
background-color: var(--swatch--black);
font-family: var(--font-family--mono);
color: var(--swatch--offwhite);
font-size: var(--_type-scale---x-mall);
line-height: 1;
font-weight: var(--font-weight--regular);
letter-spacing: .15em;
text-transform: uppercase;
border-radius: 10vw;
justify-content: space-between;
align-self: flex-start;
align-items: center;
display: flex;
}
.linkblock--main:where(.w-variant-7f6ea1f2-e508-6182-02dd-f14469db5f86) {
background-color: var(--swatch--white);
color: var(--swatch--black);
}
.linkblock--main:where(.w-variant-ed4289c9-6942-09fb-90cc-356a1976559f) {
padding-right: var(--_scale---16);
padding-left: var(--_scale---16);
}
.linkblock--main:where(.w-variant-965db85f-dd94-0609-fcce-43adb5f2d614) {
justify-content: space-between;
align-items: center;
}
.linkblock--main:hover {
background-color: var(--swatch--white);
opacity: 1;
color: var(--swatch--black);
font-weight: var(--font-weight--regular);
}
.linkblock--main:hover:where(.w-variant-7f6ea1f2-e508-6182-02dd-f14469db5f86) {
background-color: var(--swatch--black);
color: var(--swatch--white);
}
.opinuon-overlay {
z-index: 100;
padding: var(--_spacing---padding--small);
background-image: linear-gradient(#fff0 51%, #000);
justify-content: flex-end;
align-items: flex-start;
position: absolute;
inset: 0%;
}
.opinion--content {
position: relative;
}
.swiper-scrollbar-opinions, .swiper-scrollbar-cases, .swiper-scrollbar-drag-cases {
margin-left: auto;
margin-right: auto;
}
.weight--500 {
font-weight: var(--font-weight--medium);
}
.textlink--small {
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
font-weight: var(--font-weight--light);
letter-spacing: .1rem;
}
.textlink--small.align--right {
opacity: .3;
align-self: flex-end;
}
.linkblock--top {
left: auto;
top: var(--_spacing---padding--main);
right: var(--_spacing---padding--main);
padding: var(--_scale---16);
background-color: var(--swatch--white);
font-family: var(--font-family--mono);
color: var(--swatch--black);
font-size: var(--_type-scale---x-mall);
line-height: 1;
position: absolute;
bottom: auto;
}
.flex-v--xx-large {
grid-column-gap: var(--_spacing---flex-v--xx-large);
grid-row-gap: var(--_spacing---flex-v--xx-large);
}
.tc--black {
color: var(--swatch--black);
}
.tc--black.max--60ch {
max-width: 60ch;
}
.section--full-image {
color: var(--swatch--white);
height: calc(100svh - 2.8rem);
position: relative;
}
.picture {
width: 100%;
}
.picture.brightness-80 {
filter: brightness(80%);
}
.source-2 {
display: none;
}
.section-image--image {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 90svh;
}
.container--text-on-iamge {
z-index: 100;
width: 100%;
height: 100%;
padding: var(--_spacing---padding--main);
justify-content: flex-end;
align-items: flex-start;
position: absolute;
inset: 0%;
}
.container--text-on-iamge.flex-v--100 {
justify-content: space-between;
align-items: flex-start;
}
.container--text-on-iamge.flex--v--100 {
grid-column-gap: var(--_spacing---flex-v--large);
grid-row-gap: var(--_spacing---flex-v--large);
justify-content: space-between;
align-items: flex-start;
}
.paragraph--x-small {
font-size: var(--_type-scale---x-mall);
letter-spacing: .06em;
}
.paragraph--x-small.mono {
font-family: var(--font-family--mono);
letter-spacing: .02em;
}
.paragraph--x-small.mono.tc--gray {
color: var(--swatch--medium-gray);
}
.flex-v--medium {
grid-column-gap: var(--_spacing---flex-v--medium);
grid-row-gap: var(--_spacing---flex-v--medium);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.marquee-container {
background-color: var(--black-s-60\);
opacity: 1;
width: 164px;
height: 100%;
color: var(--offwhite\);
white-space: nowrap;
justify-content: flex-start;
align-items: center;
padding-left: 8px;
padding-right: 8px;
display: flex;
position: absolute;
overflow: hidden;
}
.marquee-container:hover {
opacity: 0;
}
.marquee-content {
vertical-align: middle;
white-space: nowrap;
display: inline-block;
}
.code-embed {
display: none;
}
.paragraph--xx-small {
font-size: var(--_type-scale---xx-small);
letter-spacing: .04em;
}
.hide-code {
display: none;
}
.swiper-scrollbar-podcast {
margin-left: auto;
margin-right: auto;
}
.icon--28 {
width: var(--_scale---28);
}
.icon--28.white {
color: var(--swatch--white);
}
.flex-v--hero--full {
z-index: 100;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
position: relative;
}
.image--hero--blog {
object-fit: contain;
width: 100%;
max-width: 75vw;
height: 100%;
max-height: 75svh;
}
.image--hero-wrap {
z-index: 50;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.linkblock--jobs {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
text-transform: none;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.swiper-scrollbar-staff {
margin-left: auto;
margin-right: auto;
}
.marquee-container-job {
background-color: var(--swatch--black);
width: 100%;
font-family: var(--font-family--mono);
font-size: var(--_type-scale---small);
line-height: 1;
font-weight: var(--font-weight--light);
white-space: nowrap;
padding: 0;
transition-property: all;
transition-duration: .2s;
}
.marquee-container-job:hover {
background-color: var(--offwhite\);
opacity: 1;
color: var(--black\);
}
.code-embed-2 {
display: none;
}
.flex-v--center {
justify-content: center;
align-items: center;
}
.richtext--nutchell ul {
grid-column-gap: var(--_spacing---flex-v--small);
grid-row-gap: var(--_spacing---flex-v--small);
flex-flow: column;
display: flex;
}
.button--sort {
height: var(--_scale---40);
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
letter-spacing: .2em;
text-transform: uppercase;
background-color: #efefef00;
justify-content: flex-start;
align-items: center;
padding: 0;
display: flex;
}
.button--sort:focus {
padding-right: var(--_scale---12);
padding-left: var(--_scale---12);
background-color: var(--swatch--black);
}
.button--sort.akign--right {
justify-content: flex-end;
align-items: center;
}
.button--sort.akign--right:active {
padding-right: var(--_scale---12);
}
.filter-btn--indicator {
width: var(--_scale---14);
height: var(--_scale---14);
opacity: 0;
}
.ui--none {
display: none;
}
.linkblock--load--ore {
width: 100%;
height: var(--_scale---72);
background-color: var(--swatch--offwhite);
font-family: var(--font-family--mono);
font-size: var(--_type-scale---small);
text-align: center;
border-style: none;
border-width: 0;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
transition-property: all;
display: flex;
}
.linkblock--load--ore:hover {
background-color: var(--swatch--orange);
opacity: 1;
color: var(--swatch--white);
border-style: none;
border-width: 0;
}
.max--50--right {
grid-column-gap: var(--_spacing---flex-v--x-large);
grid-row-gap: var(--_spacing---flex-v--x-large);
flex-flow: column;
align-self: flex-end;
max-width: 50%;
display: flex;
}
.image--2-3 {
aspect-ratio: 2 / 3;
object-fit: cover;
width: 100%;
}
.hero--text--wrap {
padding: 4rem var(--_spacing---padding--main) var(--_spacing---padding--main);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0%;
}
.hero--text--wrap.home {
z-index: 50;
justify-content: space-between;
align-items: flex-start;
}
.hero--text--wrap.home.center {
justify-content: center;
align-items: center;
}
.hero--text--wrap.home.bottom {
justify-content: flex-end;
align-items: flex-start;
}
.slide--on-top--wrapper {
z-index: 500;
grid-column-gap: var(--_spacing---flex-v--x-large);
grid-row-gap: var(--_spacing---flex-v--x-large);
width: 100%;
padding-top: 50vh;
padding-bottom: 50vh;
padding-left: 33.3333vw;
position: relative;
}
.linkblock--main--icon--wrap {
width: var(--_scale---40);
height: var(--_scale---40);
justify-content: center;
align-items: center;
display: flex;
}
.linkblock--main--icon--wrap:where(.w-variant-ed4289c9-6942-09fb-90cc-356a1976559f) {
display: none;
}
.linkblock--main--icon {
width: var(--_scale---18);
height: var(--_scale---18);
}
.display--none {
display: none;
}
.grid--team--slide {
grid-template-rows: auto;
grid-template-columns: 15.5vw 1fr 1fr;
align-content: end;
}
.flex-v--strech {
grid-column-gap: var(--_spacing---flex-v--medium);
grid-row-gap: var(--_spacing---flex-v--medium);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.image--about {
z-index: 10;
filter: brightness(90%);
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
max-height: calc(100svh - 2.8rem);
position: sticky;
inset: 2.8rem 0% 0%;
}
.wrap--image--about {
aspect-ratio: auto;
pointer-events: none;
width: 100%;
position: absolute;
inset: 0%;
}
.text--on--image--wrap {
z-index: 200;
position: relative;
}
.wrap--about--text {
grid-column-gap: 50vw;
grid-row-gap: 50vw;
text-wrap: pretty;
flex-flow: column;
padding-top: 150svh;
padding-bottom: 100svh;
display: flex;
}
.align--right {
text-align: right;
display: block;
}
.paragraph--hero--display {
font-size: 5vw;
line-height: 1;
font-weight: var(--font-weight--medium);
letter-spacing: -.2vw;
text-wrap: balance;
}
.paragraph--hero--display.right {
align-self: flex-end;
}
.paragraph--hero--display.center {
line-height: 1;
}
.padding--10 {
padding-left: 2vw;
}
.dot-animation {
z-index: 10;
width: 100%;
max-width: 33.3333%;
}
.wrap--dot--animation {
z-index: 10;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.flex-h--stretch {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.flex-h--stretch.align--bottom {
justify-content: space-between;
align-items: flex-end;
}
.textlink--main {
font-size: var(--_type-scale---small);
}
.icon--arrow--48 {
width: var(--_scale---48);
flex: none;
}
.swiper-scrollbar-whitepaper {
margin-left: auto;
margin-right: auto;
}
.image--hero--whitepaper {
object-fit: cover;
align-self: flex-end;
width: 100%;
height: 100svh;
}
.absolut--top-left {
left: var(--_spacing---padding--main);
z-index: 500;
height: 90svh;
top: calc(2.8rem + var(--_spacing---padding--main));
position: sticky;
}
.wrap--image--bu {
z-index: 500;
width: 50%;
height: calc(100svh - 2.8rem);
position: sticky;
inset: 2.8rem auto 0% 0%;
}
.hub--video {
width: 100%;
}
.swiper-scrollbar-promo {
margin-left: auto;
margin-right: auto;
}
.thumbnail--image-sqaure {
z-index: 1;
aspect-ratio: 1;
object-fit: cover;
object-position: 50% 0%;
width: 100%;
display: block;
position: relative;
}
.coll--service--wrap, .coll--service--list {
width: 100%;
}
.coll--service--item {
text-transform: none;
width: 100%;
}
.coll--service--linkblock {
width: 100%;
height: var(--_scale---48);
padding-right: var(--_scale---4);
padding-left: var(--_scale---4);
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.coll--service--linkblock:hover {
opacity: 1;
color: var(--swatch--white);
}
.max--60ch {
max-width: 60ch;
}
.marquee--presse-logo {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
justify-content: flex-start;
align-items: center;
display: flex;
}
.marquee--presse-logo--wrapper {
width: 100%;
overflow: hidden;
}
.marquee-press-move {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.paragraph--taschenlampe {
font-size: var(--_type-scale---xx-large);
line-height: .95;
font-weight: var(--font-weight--medium);
letter-spacing: -.04em;
}
.headline--taschenlampe {
color: var(--swatch--white);
}
.coll--service--linkblock--icon {
z-index: 50;
width: var(--_scale---24);
height: var(--_scale---24);
position: relative;
transform: rotate(-45deg);
}
.color--background {
z-index: 10;
background-color: var(--swatch--orange);
width: 100%;
height: 0;
position: absolute;
inset: auto 0% 0%;
}
.grid--pakete {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.grid--column--3 {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.grid--column--3.max--1200 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.max--40ch {
max-width: 40ch;
}
.icon--16 {
width: var(--_scale---18);
}
.paragraph--xs-large {
font-size: var(--_type-scale---xs-large);
}
.menu--plus {
width: var(--_scale---10);
height: var(--_scale---10);
transform: translate(0, -1px);
}
.menu--wrap {
width: var(--_scale---48);
height: var(--_scale---48);
padding: var(--_scale---16);
grid-column-gap: var(--_scale---4);
grid-row-gap: var(--_scale---4);
flex-flow: row;
justify-content: center;
align-items: center;
}
.dropdown-2 {
z-index: 2000;
}
.local--wrapper {
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
letter-spacing: .08em;
justify-content: center;
align-items: center;
display: flex;
}
.local--link {
height: var(--_scale---48);
padding-right: var(--_scale---12);
padding-left: var(--_scale---12);
justify-content: flex-start;
align-items: center;
display: flex;
}
.local--link:hover {
background-color: var(--swatch--peach);
opacity: 1;
}
.local--link.w--current {
line-height: 1;
display: none;
}
.flex-v--blog {
grid-column-gap: var(--_spacing---flex-v--x-large);
grid-row-gap: var(--_spacing---flex-v--x-large);
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.coll--faq--wrap, .coll--faq--list, .coll--faq--item, .coll--faq--dropdown--wrap {
width: 100%;
}
.coll--faq--dropdown--toggle {
width: 100%;
height: var(--_scale---56);
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
white-space: pre-wrap;
cursor: pointer;
text-wrap: balance;
justify-content: flex-start;
align-items: center;
padding: 0;
transition-property: all;
transition-duration: .8s;
transition-timing-function: cubic-bezier(.678, .008, .006, .996);
display: flex;
}
.coll--faq--dropdown--toggle:hover {
padding-right: var(--_scale---8);
padding-left: var(--_scale---8);
color: var(--swatch--white);
}
.coll--faq--dropdown--content {
background-color: #ddd0;
position: static;
}
.coll--faq--dropdown--content.w--open {
padding: var(--_spacing---flex-v--medium) 0rem var(--_spacing---flex-v--x-large);
}
.coll--faq--dropdown--icon {
color: var(--swatch--white);
margin: 0;
position: relative;
transform: scale(.9);
}
.canvas-wrapper {
z-index: 10;
background-color: var(--swatch--light-gray);
width: 100%;
height: 100%;
min-height: 35vw;
color: var(--swatch--blue);
position: absolute;
inset: 0%;
}
.canvas-wrapper:where(.w-variant-e5228906-ae9c-1099-f1c4-a17f6aa97124) {
background-color: var(--swatch--light-gray);
color: var(--swatch--orange);
justify-content: center;
align-items: center;
display: flex;
}
.canvas-wrapper:where(.w-variant-3fd442ed-d46e-6bbd-6b42-d62da8f68030) {
background-color: var(--swatch--light-gray);
color: var(--swatch--yellow);
}
.canvas-wrapper:where(.w-variant-5ffceb65-bcc4-af54-9e53-3e6a0387b007) {
background-color: var(--swatch--light-gray);
color: var(--swatch--green);
}
.canvas-wrapper:where(.w-variant-be6323af-ad48-86ee-91b9-144a1e21c85e) {
background-color: var(--swatch--light-gray);
color: var(--swatch--peach);
}
.canvas-code {
width: 100%;
height: 100%;
color: var(--swatch--blue);
background-color: #ededed00;
}
.canvas-code:where(.w-variant-e5228906-ae9c-1099-f1c4-a17f6aa97124) {
color: var(--swatch--orange);
}
.canvas-code:where(.w-variant-3fd442ed-d46e-6bbd-6b42-d62da8f68030) {
color: var(--swatch--yellow);
}
.canvas-code:where(.w-variant-5ffceb65-bcc4-af54-9e53-3e6a0387b007) {
color: var(--swatch--green);
background-color: #ededed00;
}
.canvas-code:where(.w-variant-be6323af-ad48-86ee-91b9-144a1e21c85e) {
color: var(--swatch--peach);
}
.section:where(.w-variant-e5228906-ae9c-1099-f1c4-a17f6aa97124), .section:where(.w-variant-5ffceb65-bcc4-af54-9e53-3e6a0387b007) {
background-color: var(--swatch--light-gray);
}
.flex-h--logo {
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
justify-content: flex-start;
align-items: center;
}
.image--hero {
width: 100%;
max-width: 33.3333%;
}
.divider {
background-color: var(--swatch--black);
width: 100%;
height: 1px;
}
.video--hero {
z-index: 1;
aspect-ratio: auto;
object-fit: cover;
width: 100%;
height: 100%;
padding: 0;
position: absolute;
inset: 0%;
}
.contact--section {
padding-top: var(--_spacing---padding--main);
padding-right: var(--_spacing---padding--main);
padding-bottom: var(--_spacing---padding--main);
padding-left: var(--_spacing---padding--main);
grid-column-gap: var(--_spacing---flex-v--x-large);
grid-row-gap: var(--_spacing---flex-v--x-large);
background-color: inherit;
flex-flow: column;
display: flex;
position: relative;
}
.contact--section:where(.w-variant-be6323af-ad48-86ee-91b9-144a1e21c85e) {
min-height: 45vw;
overflow: hidden;
}
.contact--section:hover {
background-color: inherit;
}
.contact--section.theme--black-white {
background-color: var(--swatch--black);
color: var(--swatch--offwhite);
}
.contact--section.theme--black-white.about-us {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.contact--section.theme--orange-white {
background-color: var(--swatch--orange);
color: var(--swatch--offwhite);
}
.contact--section.padding--bottom-big {
padding-bottom: var(--_spacing---padding--big);
position: relative;
}
.contact--section.padding--bottom-big.theme--white--green {
color: var(--swatch--dark-green);
}
.contact--section.padding--bottom-big.theme--black--white {
background-color: var(--swatch--black);
color: var(--swatch--white);
}
.contact--section.padding--bottom-big.theme--green--white {
background-color: var(--swatch--green);
color: var(--swatch--white);
}
.contact--section.padding--bottom-big.theme--orange--white {
background-color: var(--swatch--orange);
color: var(--swatch--white);
}
.contact--section.padding--bottom-big.theme--yellow--balck {
background-color: var(--swatch--yellow);
}
.contact--section.theme--peach-blue {
background-color: var(--swatch--peach);
color: var(--swatch--blue);
}
.contact--section.theme--white-black {
background-color: var(--swatch--offwhite);
color: var(--swatch--black);
}
.contact--section.theme--red--white {
background-color: var(--swatch--red);
color: var(--swatch--white);
}
.contact--section.theme--yellow--black {
background-color: var(--swatch--yellow);
}
.contact--section.theme--light-gray--black {
background-color: var(--swatch--white);
}
.contact--section.theme--offwhite--black {
background-color: var(--swatch--offwhite);
}
.contact--section.theme--full-white--black {
background-color: var(--swatch--white);
}
.contact--section--main {
min-height: 35vw;
padding-bottom: var(--_spacing---padding--big);
overflow: hidden;
}
.menu--icon {
width: 100%;
}
.paragraph--about {
font-size: 4vw;
line-height: 1.1;
font-weight: var(--font-weight--medium);
letter-spacing: -.2vw;
text-wrap: balance;
}
.paragraph--about.right {
align-self: flex-end;
}
.paragraph--about.center {
line-height: 1;
}
.promo-label {
left: var(--_spacing---padding--small);
top: var(--_spacing---padding--small);
z-index: 1000;
color: var(--swatch--white);
font-size: var(--_type-scale---x-large);
position: absolute;
}
.play--video {
padding: var(--_scale---8) var(--_scale---16);
background-color: var(--swatch--white);
color: var(--swatch--black);
font-size: var(--_type-scale---x-mall);
}
.coll--faq--dropdown--icon--wrap {
border-radius: var(--_scale---24);
background-color: var(--swatch--black);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.coll--faq--dropdown--icon--wrap:where(.w-variant-67a391e1-9591-3de0-feb6-c3e09084aff1) {
display: flex;
}
.coll--faq--dropdown--toggle--flex {
z-index: 10;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
position: relative;
}
.coll--faq--indicator {
z-index: 5;
background-color: var(--swatch--black);
width: 100%;
height: .04em;
position: absolute;
inset: 0% 0% auto;
}
.code-embed-3 {
display: none;
}
.no-schrink--wrap {
width: var(--_spacing---padding--main);
height: var(--_spacing---padding--main);
flex: none;
}
.no-schrink--wrap:where(.w-variant-67a391e1-9591-3de0-feb6-c3e09084aff1) {
width: var(--_scale---24);
height: var(--_scale---24);
}
.image--small-perople {
aspect-ratio: 2 / 3;
object-fit: cover;
}
.section--top--whitepaper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.whitepaper--hero--wrap {
width: 100%;
height: 100%;
padding: var(--_spacing---padding--main);
grid-column-gap: var(--_spacing---flex-v--x-small);
grid-row-gap: var(--_spacing---flex-v--x-small);
justify-content: flex-end;
align-items: flex-start;
}
.thumbnail--image--wrap {
z-index: 10;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.paragraph {
text-transform: none;
}
.coll--no-results {
min-height: var(--_scale---360);
background-color: var(--swatch--offwhite);
}
.value {
text-transform: uppercase;
}
.text-block-8 {
display: none;
}
.staff-video--wrap {
aspect-ratio: 9 / 16;
width: 100%;
height: 100%;
max-height: 90svh;
}
.input--video-2 {
background-color: #171717;
border: 1px solid #2d2d2d;
border-radius: .5rem;
width: 100%;
padding: 0;
box-shadow: inset 0 2px 8px #0003;
}
.input-staff-video {
aspect-ratio: 9 / 16;
background-color: var(--swatch--black);
max-height: 80svh;
padding: 0;
}
.hero-video--desktop {
object-fit: cover;
width: 100%;
height: 100%;
}
.hero-video--vertical {
object-fit: cover;
width: 100%;
height: 100%;
display: none;
}
.hero-video--horizontal {
object-fit: cover;
width: 100%;
height: 100%;
}
.button--submit--whitepaper {
height: var(--_scale---40);
background-color: var(--swatch--black);
font-family: var(--font-family--mono);
color: var(--swatch--white);
font-size: var(--_type-scale---x-mall);
letter-spacing: .2em;
text-transform: uppercase;
cursor: pointer;
border-radius: 100em;
justify-content: space-between;
padding: 8px 24px;
line-height: 1;
transition: all .4s;
display: flex;
}
.button--submit--whitepaper:where(.w-variant-e5228906-ae9c-1099-f1c4-a17f6aa97124) {
border-radius: 100rem;
}
.button--submit--whitepaper:hover {
background-color: var(--swatch--white);
color: var(--swatch--black);
}
.button--submit--whitepaper:hover:where(.w-variant-be6323af-ad48-86ee-91b9-144a1e21c85e) {
background-color: var(--swatch--offwhite);
}
.wrap--linkblock--right {
justify-content: flex-end;
align-items: center;
display: flex;
}
.blog-title {
font-size: var(--_type-scale---xs-large);
text-align: center;
}
@media screen and (min-width: 1280px) {
body {
--_type-scale---medium: var(--_scale---16);
--_type-scale---xx-large: 9.8vw;
--_type-scale---x-large: var(--_scale---24);
--_type-scale---large: var(--_scale---18);
--_type-scale---x-mall: var(--_scale---12);
--_type-scale---small: var(--_scale---14);
--_type-scale---display-large: 24vw;
--_type-scale---xx-small: var(--_scale---8);
--_type-scale---xs-large: 6vw;
}
h1 {
font-weight: 500;
}
.form-global_primary {
padding-left: 10%;
padding-right: 10%;
}
.grid-news-thumbnail-top {
grid-template-columns: 1fr 1fr;
}
.we-speak-collection_list {
padding-bottom: 0;
}
.thumbnail-block-cases {
text-wrap: balance;
}
.swiper.cases {
width: 100%;
overflow: hidden;
}
.swiper-wrapper.cases {
justify-content: flex-start;
align-items: center;
display: flex;
}
.coll-webinar--list {
grid-template-columns: 1fr 1fr 1fr;
}
.flex-v--main {
flex-flow: column;
display: flex;
}
.wrap--thumbnail--webinar {
justify-content: flex-end;
align-items: flex-start;
position: relative;
}
.webinar-thumbnail-titel {
z-index: 100;
max-width: 10ch;
font-size: 2vw;
position: absolute;
inset: 0% auto auto 0%;
}
.speaker-wrap.is-feature {
height: 100%;
}
.image--speaker-host {
object-fit: cover;
height: 100%;
}
.speaker--name.is-feature-section {
letter-spacing: .04em;
font-size: .95rem;
}
.flex-h--speaker-outer {
justify-content: flex-end;
align-items: flex-end;
}
.flex-v--small {
flex-flow: column;
display: flex;
}
.swiper-scrollbar-drag-cases {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1440px) {
body {
--_type-scale---medium: var(--_scale---16);
--_type-scale---xx-large: 9.8vw;
--_type-scale---x-large: var(--_scale---36);
--_type-scale---large: var(--_scale---20);
--_type-scale---x-mall: var(--_scale---12);
--_type-scale---small: var(--_scale---14);
--_type-scale---display-large: 24vw;
--_type-scale---xx-small: var(--_scale---8);
--_type-scale---xs-large: 6vw;
--_spacing---padding--small: var(--_scale---16);
--_spacing---flex-v--small: var(--_scale---12);
--_spacing---padding--main: var(--_scale---24);
--_spacing---padding--big: var(--_scale---160);
--_spacing---flex-v--x-large: var(--_scale---72);
--_spacing---flex-v--large: var(--_scale---40);
--_spacing---flex-v--xx-large: var(--_scale---120);
--_spacing---flex-v--medium: var(--_scale---24);
--_spacing---flex-v--xx-small: var(--_scale---4);
--_spacing---padding--large: var(--_scale---36);
--_spacing---flex-v--x-small: var(--_scale---8);
}
p {
letter-spacing: .02em;
}
ul {
padding-left: var(--_scale---20);
font-family: var(--font-family--sans);
list-style-type: none;
}
li {
font-family: var(--font-family--sans);
font-size: var(--_type-scale---medium);
letter-spacing: .02em;
list-style-type: square;
}
.p-big {
font-size: 1.75rem;
}
.form-global_primary {
padding-left: 10%;
padding-right: 10%;
}
.grid-contact-form {
padding-top: 48px;
padding-bottom: 48px;
}
.nested-footer-grid {
grid-column-gap: 32px;
width: 100%;
}
.nav-wrapper-two, .nav-wrapper-three {
padding-top: 32px;
}
.menu--botton {
top: 0;
}
.logo {
min-width: 7rem;
}
.div-flex-h {
grid-column-gap: 12px;
width: 100%;
}
.collection-list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.background-video-testimonial-1, .wrap-testimonial {
padding: 16px;
}
.zitat {
font-size: 1.25rem;
}
.background-video-testimonial-2 {
padding: 16px;
}
.wrapper-top-news {
width: 33.3333%;
left: 66.6667%;
}
.news-thumbnailtitel {
min-height: 6vw;
}
.displaytext-big {
font-size: 8rem;
}
.we-link {
padding-left: 24px;
padding-right: 24px;
}
.display-headline {
margin-left: -12px;
}
.grid-contact-form-pages {
grid-column-gap: 20px;
}
.we-speak-collection_linkblock {
padding-bottom: 8px;
}
.richtext--goals ul {
padding-left: 0;
}
.richtext--goals li {
margin-bottom: 24px;
font-size: 1.75rem;
}
.cases_list {
grid-template-columns: 1fr 1fr 1fr;
}
.wrap-cases-thumbnial-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.collection-logo-one_list {
margin-bottom: 33px;
}
.logo-mover-wrapper.rev {
padding-bottom: 30px;
}
.collection-hr_list {
grid-column-gap: 16px;
grid-template-columns: 1fr 1fr 1fr;
}
.coll-team-home_list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.button-main {
background-color: var(--offwhite\);
color: var(--black\);
border-radius: 100px;
}
.button-main:hover {
background-color: var(--black\);
opacity: 1;
color: var(--offwhite\);
}
.button-main.black {
align-self: flex-start;
}
.stack-numbers_cell {
grid-row-gap: 12px;
}
.button-open-pro-step-two {
border-radius: 100px;
padding-bottom: 9px;
}
.button-open-pro-step-two:hover {
opacity: 1;
}
.open-enterprise-step-two {
border-radius: 100px;
padding-bottom: 9px;
}
.open-enterprise-step-two:hover {
opacity: 1;
}
.case-wrapper-image {
padding-left: 24px;
padding-right: 24px;
}
.close-open-popup {
color: var(--black\);
border-radius: 16px;
}
.close-open-popup:hover {
border-radius: 0;
}
.background-video--career {
object-fit: cover;
}
.client-wolke-collection-list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.paragraph--medium {
letter-spacing: 0;
font-size: 1.3rem;
}
.section--top {
grid-column-gap: var(--_spacing---flex-v--large);
grid-row-gap: var(--_spacing---flex-v--large);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
}
.coll-webinar--list {
grid-template-columns: 1fr 1fr 1fr;
}
.speaker-wrap.is-feature {
height: 100%;
}
.image--speaker-host {
object-fit: cover;
height: 100%;
}
.flex-h--speaker-outer {
width: 100%;
}
.graphic-outer-wrap-thumbnail {
width: 33.3333%;
}
.button-teinahme {
background-color: var(--offwhite\);
color: var(--black\);
border-radius: 100px;
}
.button-teinahme:hover {
background-color: var(--black\);
opacity: 1;
color: var(--offwhite\);
}
.richtext--whitepaper h2 {
max-width: 16ch;
}
.richtext--podcast-bulletpoints ul {
padding-left: 0;
}
.section--main.padding--bottom-big.theme--orange--white {
background-color: var(--swatch--orange);
color: var(--swatch--white);
}
.richtext--nutchell ul {
font-size: var(--_type-scale---medium);
list-style-type: square;
}
.button--sort {
height: var(--_scale---32);
grid-column-gap: var(--_scale---12);
grid-row-gap: var(--_scale---12);
font-family: var(--font-family--mono);
font-size: var(--_type-scale---x-mall);
text-align: left;
letter-spacing: .2em;
text-transform: uppercase;
background-color: #3898ec00;
justify-content: flex-start;
align-items: center;
padding: 0;
line-height: 1;
display: flex;
}
.button--sort.akign--right {
justify-content: flex-end;
align-items: center;
}
.filter-btn--indicator {
width: var(--_scale---14);
height: var(--_scale---14);
border-radius: var(--_scale---8);
opacity: 0;
}
.contact--section.padding--bottom-big.theme--orange--white {
background-color: var(--swatch--orange);
color: var(--swatch--white);
}
}
@media screen and (min-width: 1920px) {
body {
--_type-scale---medium: var(--_scale---16);
--_type-scale---xx-large: 9.8vw;
--_type-scale---x-large: var(--_scale---36);
--_type-scale---large: var(--_scale---24);
--_type-scale---x-mall: var(--_scale---12);
--_type-scale---small: var(--_scale---14);
--_type-scale---display-large: 24vw;
--_type-scale---xx-small: var(--_scale---8);
--_type-scale---xs-large: 6vw;
--_spacing---padding--small: var(--_scale---16);
--_spacing---flex-v--small: var(--_scale---12);
--_spacing---padding--main: var(--_scale---32);
--_spacing---padding--big: var(--_scale---220);
--_spacing---flex-v--x-large: var(--_scale---72);
--_spacing---flex-v--large: var(--_scale---40);
--_spacing---flex-v--xx-large: var(--_scale---220);
--_spacing---flex-v--medium: var(--_scale---24);
--_spacing---flex-v--xx-small: var(--_scale---4);
--_spacing---padding--large: var(--_scale---36);
--_spacing---flex-v--x-small: var(--_scale---8);
}
h2 {
letter-spacing: -.03em;
}
.section--padding--main {
padding-left: 32px;
padding-right: 32px;
}
.p-medium {
letter-spacing: 0;
font-size: 1.5rem;
}
.p-big {
font-size: 2rem;
}
.h1-big {
transform: translate(-.7vw);
}
.h1-big.tc-white {
transform: none;
}
.section-footer {
padding: 32px;
}
.form-global_primary {
padding: 32px 20%;
}
.grid-contact-form {
padding-top: 0;
padding-bottom: 80px;
position: relative;
}
.form-field.message {
height: 100%;
}
.senden-celle {
grid-column-gap: 2px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.form-global_success {
padding: 32px;
}
.form-global_error {
height: 50vh;
padding-left: 32px;
padding-right: 32px;
}
.nested-footer-grid {
grid-column-gap: 40px;
}
.nav-wrapper-on {
width: 40%;
padding: 10%;
}
.nav-wrapper-two {
width: 35%;
padding-top: 48px;
}
.nav-wrapper-three {
width: 25%;
padding-top: 48px;
}
.big-vav-block {
padding-bottom: 48px;
}
.menu--botton {
top: 0;
}
.brand, .brand.w--current {
padding-left: 32px;
}
.lottie-animation-3 {
width: 100%;
}
.coll-clippings-item {
grid-column-gap: 24px;
}
.wrapper-filter-and-sort {
padding-left: 32px;
padding-right: 32px;
}
.filter-grid, .grid-sort-filter {
grid-column-gap: 24px;
}
.section-blackbox {
padding: 32px;
}
.grid-academy-inhalte {
grid-template-columns: 60% 20% 20%;
padding-left: 32px;
padding-right: 32px;
}
.div-wrap-numbers, .div-wrap-fast-track {
padding-left: 32px;
padding-right: 32px;
}
.collection-list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.zitat {
width: 50%;
font-size: 1.5rem;
}
.background-video-testimonial-2 {
height: 70%;
}
.wrapper-top-news {
width: 33.3333%;
padding-top: 32px;
padding-left: 32px;
padding-right: 32px;
left: 66.6667%;
right: 0%;
}
.hub-intro-text-wrap {
width: 25vw;
padding-left: 32px;
}
.coll-news-list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.collection-news-top-item {
width: 100%;
padding-bottom: 120px;
}
.grid-news-thumbnail-bottom {
grid-column-gap: 32px;
padding-top: 16px;
}
.news-thumbnail-text {
font-size: .9rem;
}
.news-thumbnailtitel {
letter-spacing: 0;
min-height: 3vw;
font-size: 1.5rem;
}
.displaytext-big {
letter-spacing: -.3rem;
font-size: 12rem;
transform: translate(-.6rem);
}
.wrap-service-trigger {
color: var(--black\);
font-size: 1.5rem;
}
.div-wrap-benefits {
height: 70vw;
}
.light-on-off-linkblock {
position: absolute;
inset: 32px 32px auto auto;
}
.light-on-off-linkblock:hover {
top: 32px;
right: 32px;
}
.we-link {
padding: 0 64px 8px;
}
.display-headline {
letter-spacing: -.6rem;
font-size: 10vw;
}
.svg-eam, .svg_t {
height: 17vw;
}
.checkbox-positiv-black {
font-size: 1rem;
}
.grid-contact-form-pages {
position: relative;
}
.form-field-packages {
font-size: 1rem;
}
.image-ansprechpartner {
max-width: 20vw;
}
.richtext--goals li {
font-size: 2.5rem;
}
.stack-section-into {
padding-bottom: 80px;
}
.stack-section-into.is-absolut {
padding-top: 32px;
padding-left: 32px;
padding-right: 32px;
}
.image-client-story-2 {
max-width: none;
}
.cases_list {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.image-hero-thumbnail {
width: 100%;
}
.collection-logo-one_wrapper {
height: 100px;
}
.logo-line {
width: 150px;
}
.collection-hr_wrapper {
padding-left: 25%;
}
.flexbox-submit.global {
flex-flow: row;
padding-top: 0;
}
.coll-team-home_list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.image-8 {
max-width: 60px;
}
.display-text {
letter-spacing: -.04rem;
max-width: none;
font-size: 4rem;
}
.paragraph-big {
max-width: 800px;
}
.wrap-zitat {
padding-right: 50%;
}
.stack-numbers_cell.boarder-left-right {
padding-left: 24px;
padding-right: 24px;
}
.relativ-hero-top-academy {
padding-left: 32px;
padding-right: 32px;
}
.sticky-inner {
grid-row-gap: 24px;
}
.case-wrapper-image {
padding-left: 32px;
padding-right: 32px;
}
.case-hero-wrapper-all {
padding-bottom: 40px;
}
.wrap-flex-v-case-left {
padding-bottom: 40px;
padding-left: 32px;
}
.light-on-off-linkblock-mobile {
position: absolute;
inset: 32px 32px auto auto;
}
.light-on-off-linkblock-mobile:hover {
top: 32px;
right: 32px;
}
.fs-cc-banner_container {
justify-content: center;
max-width: none;
}
.fs-cc-banner_text {
max-width: 1000px;
}
.flex-v--32 {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.background-video--career {
padding: 32px 32px 48px;
}
.client-wolke-collection-list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.recaptcha-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
transform-origin: 100%;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: flex-end;
display: block;
transform: scale(.7);
}
.form-whitepaper--form {
grid-column-gap: var(--_spacing---padding--main);
grid-row-gap: var(--_spacing---padding--main);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: none;
display: grid;
}
.coll-whitepaper--list, .coll-latest-whitepaper--list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.coll-webinar--list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.coll-upcoming-webinar--text-block {
max-width: 25%;
}
.webinar-thumbnail-titel {
letter-spacing: -.02rem;
max-width: 12ch;
font-size: 1.5vw;
}
.speaker--name.is-feature-section {
font-size: 1rem;
}
.graphic-outer-wrap-thumbnail {
width: 25%;
}
.graphic-outer-wrap--feature {
flex: 0 auto;
justify-content: center;
align-items: center;
display: flex;
}
.textlink--nav-text {
font-size: 2vw;
}
.richtext--whitepaper p {
padding-bottom: var(--_type-scale---medium);
}
.richtext--whitepaper blockquote {
padding-bottom: var(--_scale---32);
line-height: 1.15;
}
.whitepaper-content {
padding-left: 32px;
padding-right: 32px;
}
.richtext--podcast-bulletpoints ul {
grid-column-gap: var(--_scale---80);
grid-row-gap: var(--_scale---80);
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.flex-v--big {
grid-column-gap: var(--_spacing---padding--big);
grid-row-gap: var(--_spacing---padding--big);
}
.paragraph--xx-large.this-is-for-you {
font-size: 16.7vw;
}
.richtext--main h2 {
line-height: 1.15;
}
.align--center {
text-align: left;
}
.align--right {
text-align: right;
display: block;
}
.image--hero--whitepaper {
overflow: scroll;
}
}
@media screen and (max-width: 991px) {
body {
--_type-scale---medium: var(--_scale---16);
--_type-scale---xx-large: 13vw;
--_type-scale---x-large: var(--_scale---24);
--_type-scale---large: var(--_scale---16);
--_type-scale---x-mall: var(--_scale---12);
--_type-scale---small: var(--_scale---14);
--_type-scale---display-large: 24vw;
--_type-scale---xx-small: var(--_scale---8);
--_type-scale---xs-large: 10vw;
--_spacing---padding--small: var(--_scale---16);
--_spacing---flex-v--small: var(--_scale---12);
--_spacing---padding--main: var(--_scale---16);
--_spacing---padding--big: var(--_scale---160);
--_spacing---flex-v--x-large: var(--_scale---48);
--_spacing---flex-v--large: var(--_scale---40);
--_spacing---flex-v--xx-large: var(--_scale---80);
--_spacing---flex-v--medium: var(--_scale---24);
--_spacing---flex-v--xx-small: var(--_scale---4);
--_spacing---padding--large: var(--_scale---36);
--_spacing---flex-v--x-small: var(--_scale---8);
}
h3 {
font-size: 1.5rem;
}
a {
font-size: .8rem;
}
.section--padding--main {
padding-left: 16px;
padding-right: 16px;
}
.wrap.folloow {
padding-bottom: 32px;
}
.wrap.m-d-16 {
margin-bottom: 16px;
}
.textlink-big {
font-size: .9rem;
}
.p-medium {
font-size: 1.2rem;
}
.p-medium.weight-light.tc-white {
display: inline-block;
}
.p-big {
font-size: 1.5rem;
}
.h1-big {
letter-spacing: -.2rem;
}
.section-footer {
padding-left: 16px;
padding-right: 16px;
}
.form-global_primary {
padding-bottom: 16px;
padding-left: 0;
padding-right: 0;
}
.grid-contact-form {
grid-row-gap: 12px;
padding-left: 0%;
padding-right: 0%;
}
.ckeckbox-form {
margin-right: 0;
}
.ckeckbox-form.datenschutz-akzeptiren {
padding-left: 24px;
}
.button--submit {
justify-content: center;
align-items: center;
}
.svg-text-image {
width: 95%;
bottom: 16px;
left: 16px;
right: 16px;
}
.form-global_success {
min-height: auto;
padding-left: 16px;
padding-right: 16px;
}
.form-global_error {
padding-left: 15px;
padding-right: 15px;
}
.social-media-icon {
width: 24px;
}
.wrapper-footer-mobile {
display: block;
}
.grid-footer-mobile-top {
grid-column-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.dropdown-footer {
border-top: 1px solid var(--black-t-40\);
border-bottom: 1px solid var(--black-t-40\);
width: 100%;
margin-top: 32px;
margin-bottom: 32px;
padding: 16px 0;
display: block;
}
.dropdown-footer.w--open {
position: relative;
}
.dropdown {
width: 100%;
color: var(--offwhite\);
position: static;
}
.dropdown-icon-white {
color: var(--offwhite\);
}
.flex-h-footer {
justify-content: space-between;
display: flex;
}
.dropdown-list {
border-bottom: 1px solid var(--black-t-40\);
background-color: #0000;
margin-bottom: 32px;
}
.dropdown-list.w--open {
padding-bottom: 32px;
position: static;
}
.wrap-quick-nav {
display: none;
}
.brand {
padding-left: 16px;
}
.language-switch {
border-left-style: none;
}
.image {
width: 50%;
}
.coll-clippings-item {
grid-column-gap: 24px;
grid-row-gap: 8px;
border-bottom: 1px solid var(--black-t-80\);
grid-template-rows: auto auto auto;
grid-template-columns: 40% 1fr 1fr;
display: block;
}
.coll-clippings-item:hover {
background-color: #0000;
}
.filter-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-sort-filter {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
display: none;
}
.taschenlampe-wrapper {
display: none;
}
.div-wrap.p-t-30vw {
grid-column-gap: var(--_spacing---flex-v--xx-large);
grid-row-gap: var(--_spacing---flex-v--xx-large);
padding-top: 0;
}
.grid-academy-inhalte {
grid-template-rows: auto auto;
grid-template-columns: 50% 50%;
padding-top: 24px;
padding-bottom: 24px;
}
.grid-numbers {
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.div-wrap-numbers {
border-bottom: 1px solid var(--offwhite\);
border-right-style: none;
padding: 24px 0;
}
.rollende-kugel {
border-radius: 70vw;
width: 70vw;
height: 70vw;
left: -70vw;
}
.rollende-kugel:where(.w-variant-e5228906-ae9c-1099-f1c4-a17f6aa97124) {
border-radius: 70vw;
}
.fast-track-slide {
width: 33.3333%;
}
.left-arrow-3 {
z-index: 800;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin-right: 12px;
display: flex;
inset: 0% 32px auto auto;
}
.right-arrow-3 {
z-index: 800;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
inset: 0% 0% auto auto;
}
.collection-list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.background-video-testimonial-1, .wrap-testimonial, .background-video-testimonial-2 {
height: 100vw;
}
.coll-news-list {
grid-template-columns: 1fr 1fr;
}
.coll-news-list.about-page {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.displaytext-big {
font-size: 4rem;
line-height: 110%;
}
.div-wrap-benefits {
height: auto;
min-height: auto;
padding-bottom: 0;
}
.div-wrap-benefits.no-padding-bottom {
height: auto;
}
.light-on-off-wrapper-white, .light-on-off-wrapper-black {
padding-left: 12px;
padding-right: 12px;
}
.we-link {
font-size: var(--_type-scale---xx-large);
margin-top: 0;
}
.we-link:hover {
color: var(--blue\);
background-color: #0000;
}
.display-headline {
letter-spacing: -.2rem;
font-size: 15vw;
}
.grid-contact-form-pages {
grid-row-gap: 0px;
}
.form-field-packages-massage {
margin-bottom: 12px;
}
.contact-forn-cell_1 {
grid-row-gap: 12px;
}
.contact-forn-cell_2 {
grid-row-gap: 12px;
padding-top: 12px;
}
.we-speak-collection_list {
padding-top: 0;
padding-bottom: 0;
}
.we-speak-collection_item {
min-height: auto;
padding-bottom: 48px;
}
.we-speak-collection_linkblock {
padding-bottom: 8px;
}
.we-speak-collection_linkblock:hover {
padding-left: 0;
}
.image-ansprechpartner {
max-width: 100%;
}
.richtext--goals li {
font-size: 1rem;
}
.formblock-basis {
padding-top: 0;
padding-bottom: 40px;
}
.packages-form-basis {
padding-top: 72px;
padding-bottom: 12px;
overflow: visible;
}
.packages-form-enterprise {
overflow: visible;
}
.center-wrapper-form {
justify-content: flex-start;
min-height: auto;
overflow: visible;
}
.stack-section-into {
padding-bottom: 40px;
}
.stack-section-into_cell-2 {
align-items: flex-start;
}
.wrap-cases-thumbnial-text {
grid-template-columns: 1fr 1fr;
}
.team-panel-1 {
max-width: 100%;
padding-right: 16px;
}
.team-tabs {
width: 100%;
}
.team-tab-content {
max-width: 100%;
}
.flexbox-submit {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-end;
}
.cell-required {
justify-content: flex-start;
}
.coll-team-home_list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.sticky-div {
position: static;
}
.display-text {
font-size: 2rem;
line-height: 110%;
}
.button-main.academy-black.hide-mobile {
display: none;
}
.stack-support-bei {
padding-top: 24px;
padding-bottom: 24px;
}
.second-step-formular-enterprise {
height: 100%;
padding-top: 72px;
padding-bottom: 12px;
overflow: auto;
}
.second-step-formular-pro {
padding-top: 72px;
padding-bottom: 12px;
overflow: auto;
}
.wrapper-first-step-form-enterprise, .wrapper-first-step-form-pro {
padding-top: 72px;
padding-bottom: 12px;
}
.wrapper-first-step-form-basic {
padding-top: 0;
}
.section-pakete {
height: 100%;
padding-left: 16px;
padding-right: 16px;
overflow: auto;
}
.cell-flex-v {
grid-row-gap: 32px;
}
.stack-value {
grid-column-gap: 16px;
width: 100%;
}
.sticky-inner {
top: 20vw;
}
.iamge-medien-logos {
flex: 1;
height: 8vw;
}
.section-home-hero {
min-height: 100svh;
}
.grid-datenschutz {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
padding-bottom: 40px;
}
.contact-forn-cell_send-section {
grid-row-gap: 12px;
padding-top: 12px;
}
.light-on-off-linkblock-mobile {
font-size: .7rem;
}
.wrap-div {
padding-top: 32px;
}
.image-12 {
width: 16px;
}
.team-mobile {
display: block;
}
.team-desktop {
display: none;
}
.fs-cc-banner_container {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
}
.collection-paket--wrap, .collection-paket--item {
width: 100%;
}
.client-wolke-collection-list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.paragraph--medium {
font-size: 1.25rem;
}
.flex-case-logo {
justify-content: flex-end;
align-items: flex-end;
}
.logo-thumbnail {
width: 80px;
}
.cell-18-copy {
justify-content: flex-start;
}
.coll-whitepaper--list, .coll-latest-whitepaper--list {
grid-template-columns: 1fr 1fr;
}
.section--hero.narrativ-now {
background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/648076c662f7edb0c7568406/68d3dedb34da60ddf741453c_getpress_narrativ-now-hero_mobile.webp");
}
.grid--key-info--webinar {
grid-template-columns: 7rem 1fr;
}
.coll-webinar--list {
grid-template-columns: 1fr;
}
.webinar-thumbnail-titel {
font-size: 6vw;
}
.speaker-wrap {
max-width: 50%;
}
.flex-v--speaker-vertical {
width: 50%;
}
.speaker-wrap--feature-section {
width: 40%;
}
.qs--whitepaper {
grid-template-columns: 1fr;
}
.richtext--whitepaper li {
padding-left: 12px;
}
.richtext--whitepaper ul {
padding-left: 18px;
}
.richtext--whitepaper.max--60ch-sticky {
max-width: none;
position: static;
}
.whitepaper-content {
padding-left: 16px;
padding-right: 16px;
}
.flex-h--pop-up {
max-width: 75%;
}
.richtext--podcast-bulletpoints ul {
grid-template-columns: 1fr 1fr;
}
.grid--column--2 {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.grid--column--2._1-2 {
grid-template-columns: 1fr;
}
.grid--column--2.gap--xx-small {
grid-column-gap: var(--_spacing---flex-v--xx-small);
grid-row-gap: var(--_spacing---flex-v--xx-small);
}
.grid--column--2.gap--medium {
grid-column-gap: var(--_spacing---flex-v--medium);
grid-row-gap: var(--_spacing---flex-v--medium);
}
.grid--column--2.mobile--gap--v-xx-large {
grid-column-gap: var(--_spacing---flex-v--xx-large);
grid-row-gap: var(--_spacing---flex-v--xx-large);
}
.textlink--big {
font-size: var(--_scale---20);
}
.image--4-5.max-60ch {
width: 100%;
max-width: none;
}
.hero-image--desktop {
display: none;
}
.hero-image--mobile {
display: block;
}
.section--main.theme--black-white.about-us {
padding-bottom: var(--_spacing---padding--large);
grid-column-gap: var(--_spacing---flex-v--xx-large);
grid-row-gap: var(--_spacing---flex-v--xx-large);
grid-template-columns: 1fr;
}
.flex-v--large.sticky--we-build {
position: static;
}
.max--50--right {
max-width: none;
}
.wrap--image--about {
position: relative;
}
.wrap--about--text {
grid-column-gap: var(--_spacing---flex-v--xx-large);
grid-row-gap: var(--_spacing---flex-v--xx-large);
padding-top: 0;
padding-bottom: 0;
}
.paragraph--hero--display {
font-size: 6vw;
}
.icon--arrow--48 {
width: var(--_spacing---padding--large);
}
.image--hero--whitepaper {
height: 50svh;
position: static;
}
.absolut--top-left, .wrap--image--bu {
height: auto;
position: static;
}
.coll--service--linkblock:hover {
color: var(--swatch--black);
}
.coll--service--linkblock--icon {
opacity: 1;
color: var(--swatch--black);
transform: none;
}
.grid--pakete, .grid--column--3 {
grid-template-columns: 1fr;
}
.flex-h--logo {
flex: none;
}
.image--hero {
max-width: 50%;
}
.contact--section.theme--black-white.about-us {
padding-bottom: var(--_spacing---padding--large);
grid-column-gap: var(--_spacing---flex-v--xx-large);
grid-row-gap: var(--_spacing---flex-v--xx-large);
grid-template-columns: 1fr;
}
.paragraph--about {
font-size: 6vw;
}
.section--top--whitepaper {
flex-flow: column-reverse wrap;
display: flex;
}
.hero-video--vertical {
display: block;
}
.hero-video--horizontal {
display: none;
}
.button--submit--whitepaper {
justify-content: center;
align-items: center;
}
.blog-title {
font-size: var(--_type-scale---x-large);
}
}
@media screen and (max-width: 767px) {
body {
--_type-scale---medium: var(--_scale---14);
--_type-scale---xx-large: 13vw;
--_type-scale---x-large: var(--_scale---24);
--_type-scale---large: var(--_scale---18);
--_type-scale---x-mall: var(--_scale---10);
--_type-scale---small: var(--_scale---12);
--_type-scale---display-large: 24vw;
--_type-scale---xx-small: var(--_scale---8);
--_type-scale---xs-large: 10vw;
--_spacing---padding--small: var(--_scale---12);
--_spacing---flex-v--small: var(--_scale---8);
--_spacing---padding--main: var(--_scale---16);
--_spacing---padding--big: var(--_scale---120);
--_spacing---flex-v--x-large: var(--_scale---32);
--_spacing---flex-v--large: var(--_scale---32);
--_spacing---flex-v--xx-large: var(--_scale---48);
--_spacing---flex-v--medium: var(--_scale---12);
--_spacing---flex-v--xx-small: var(--_scale---4);
--_spacing---padding--large: var(--_scale---24);
--_spacing---flex-v--x-small: var(--_scale---8);
}
h1 {
letter-spacing: -.02em;
}
h2 {
letter-spacing: .02rem;
}
h3, h4 {
font-size: 1.25rem;
}
.section--padding--main {
padding-top: 24px;
}
.textlink-big {
font-size: .85rem;
}
.h1-big {
letter-spacing: -.1rem;
margin-bottom: 8px;
}
.grid-contact-form {
grid-row-gap: 24px;
}
.button--submit {
justify-content: center;
}
.top-button {
padding-top: 4px;
padding-bottom: 4px;
}
.nav-wrapper-full {
padding-left: 16px;
padding-right: 0;
}
.wrapper-ausklappmen {
flex-direction: column;
}
.nav-wrapper-on {
display: none;
}
.nav-wrapper-two {
border-style: solid none;
border-top-width: 1px;
border-top-color: var(--black-t-40\);
border-bottom-width: 1px;
border-bottom-color: var(--black-t-40\);
width: 100%;
margin-top: 64px;
padding-bottom: 24px;
}
.nav-wrapper-three {
width: 100%;
padding-bottom: 24px;
}
.nav--menu {
overflow: auto;
}
.nav-linkblock {
height: 5.3vw;
font-size: 5vw;
}
.brand, .brand.w--current {
padding-left: 0;
}
.grid-2-column {
grid-template-columns: 1fr;
}
.image {
width: 96%;
bottom: 12px;
left: 12px;
right: 12px;
}
.wrapper-filter-and-sort {
padding-top: 40px;
padding-left: 16px;
padding-right: 16px;
position: static;
}
.filter-grid {
grid-template-rows: auto auto;
grid-template-columns: 2fr 1fr;
}
.grid-sort-filter {
padding-top: 40px;
display: none;
}
.llinkblock-clippings {
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.div-wrap.p-t-30vw {
padding-top: 0;
}
.grid-academy-inhalte {
grid-template-columns: 25% 75%;
}
.fast-track-slide {
width: 50%;
}
.collection-list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.section-hub-start {
min-height: auto;
padding-top: 80px;
}
.wrapper-top-news {
width: 100%;
margin-top: 0;
padding-left: 16px;
padding-right: 16px;
position: static;
}
.hub-intro-text-wrap {
width: auto;
position: static;
}
.wrapper-big-headline-hub {
height: auto;
position: static;
}
.hub {
letter-spacing: -20px;
}
.news-thumbnailtitel {
font-size: 1.25rem;
}
.collection-news-filter-list {
grid-row-gap: 8px;
flex-direction: column;
}
.div-wrap-benefits {
height: auto;
padding-bottom: 40px;
}
.light-on-off-wrapper-white, .light-on-off-wrapper-black {
padding-top: 4px;
padding-bottom: 4px;
}
.display-headline {
font-size: 13vw;
}
.we-speak-collection_linkblock {
padding-bottom: 8px;
}
.image-ansprechpartner {
margin-bottom: 16px;
}
.pro-services-collection_list-four, .pro-services-collection_list-two {
grid-template-columns: 1fr;
}
.stack-section-into {
grid-row-gap: 12px;
}
.stack-section-into_cell-2 {
align-items: flex-start;
}
.stack-section-into_cell-3.align-right {
align-items: flex-end;
}
.grid-academy-hero {
grid-row-gap: 24px;
grid-template-rows: auto auto;
}
.flex-right-hero-wrapper {
padding-bottom: 0;
}
.image-client-story-2 {
min-width: auto;
}
.team-tab-menu-link {
padding: 4px 12px;
font-size: .7rem;
}
.coll-team-home_list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.display-text {
font-size: 1.25rem;
}
.paragraph-big {
line-height: 1.25;
}
.relativ-hero-top-academy {
padding-left: 16px;
padding-right: 16px;
}
.wrap-value-outer {
min-height: 100vw;
}
.grid-numbers-career {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.case-hero-section {
min-height: auto;
}
.case-wrapper-image {
padding-top: 24px;
padding-bottom: 24px;
}
.case-hero-wrapper-all {
flex-direction: column;
min-height: auto;
}
.wrap-flex-v-case-left {
grid-row-gap: 32px;
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.wrap-flex-v-case-right {
width: 100%;
}
.wrap-div {
padding-bottom: 24px;
}
.grid-behind-the-szenes {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
}
.flex-h-image-wrapper {
padding-right: 0%;
}
.image-13 {
width: 100%;
}
.fs-cc-prefs_title {
font-size: 20px;
}
.fs-cc-banner_container {
flex-direction: column;
align-items: flex-start;
}
.fs-cc-banner_buttons-wrapper {
margin-top: 12px;
}
.fs-cc-banner_text-link {
margin-right: 8px;
}
.fs-cc-banner_button {
margin-left: 0;
margin-right: 8px;
}
.richtext-paket h5 {
font-size: .85rem;
}
.client-wolke-collection-list {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.paragraph--medium {
font-size: 1.2rem;
}
.flex-v--24 {
grid-column-gap: var(--_scale---24);
grid-row-gap: var(--_scale---24);
}
.recaptcha-wrapper {
transform-origin: 0%;
align-self: flex-start;
}
.flex-v--64 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.form-webbinar-form {
padding-right: var(--_spacing---padding--main);
padding-left: var(--_spacing---padding--main);
}
.coll-upcoming-webinar--text-block {
max-width: none;
}
.pop-up--flex {
left: var(--_spacing---padding--small);
right: var(--_spacing---padding--small);
bottom: var(--_spacing---padding--small);
width: auto;
}
.flex-h--from-12 {
flex-flow: column;
}
.webinar-thumbnail-titel {
font-size: 5vw;
}
.flex-v--speaker-vertical {
width: 75%;
}
.feature--flex-h {
flex-flow: column-reverse wrap-reverse;
}
.speaker-wrap--feature-section {
width: 100%;
}
.textlink--nav-menu {
letter-spacing: 0;
height: auto;
font-size: 5vw;
}
.textlink--nav-menu.w--current {
height: auto;
}
.textlink--nav-text {
letter-spacing: 0;
font-size: 5vw;
}
.whitepaper-content {
padding-top: 24px;
}
.richtext--podcast-bulletpoints ul {
grid-template-columns: 1fr 1fr;
}
.grid--column--2 {
grid-template-columns: 1fr;
}
.textlink--big {
font-size: var(--_scale---16);
}
.image--4-5.max-60ch {
width: 100%;
}
.paragraph--hero--display {
font-size: 10vw;
}
.grid--column--3 {
grid-template-columns: 1fr;
}
.paragraph--about {
font-size: 10vw;
}
.hero-video--vertical {
display: none;
}
.hero-video--horizontal {
display: block;
}
.button--submit--whitepaper {
justify-content: center;
}
}
@media screen and (max-width: 479px) {
body {
--_type-scale---medium: var(--_scale---14);
--_type-scale---xx-large: 13vw;
--_type-scale---x-large: var(--_scale---20);
--_type-scale---large: var(--_scale---16);
--_type-scale---x-mall: var(--_scale---10);
--_type-scale---small: var(--_scale---12);
--_type-scale---display-large: 24vw;
--_type-scale---xx-small: var(--_scale---8);
--_type-scale---xs-large: 10vw;
--_spacing---padding--small: var(--_scale---12);
--_spacing---flex-v--small: var(--_scale---8);
--_spacing---padding--main: var(--_scale---16);
--_spacing---padding--big: var(--_scale---80);
--_spacing---flex-v--x-large: var(--_scale---32);
--_spacing---flex-v--large: var(--_scale---24);
--_spacing---flex-v--xx-large: var(--_scale---32);
--_spacing---flex-v--medium: var(--_scale---12);
--_spacing---flex-v--xx-small: var(--_scale---4);
--_spacing---padding--large: var(--_scale---24);
--_spacing---flex-v--x-small: var(--_scale---8);
}
h1 {
letter-spacing: 0;
}
h2 {
letter-spacing: .04rem;
}
h3 {
letter-spacing: 0;
font-size: 1.125rem;
}
h4 {
font-size: 1rem;
}
.section--padding--main {
padding-left: 12px;
padding-right: 12px;
}
.overline {
font-size: .65rem;
}
.wrap.m-d-16 {
flex-direction: column;
display: flex;
}
.p-small {
font-size: .75rem;
}
.textlink-big {
letter-spacing: .08rem;
font-size: .8rem;
}
.p-medium {
font-size: .9rem;
}
.p-big {
font-size: 1.5rem;
line-height: 115%;
}
.h1-big {
letter-spacing: 0;
margin-bottom: 8px;
font-size: 13vw;
}
.section-footer {
padding: 12px;
}
.form-global_primary {
padding-left: 0;
padding-right: 0;
}
.form-field {
padding-left: 8px;
font-size: .75rem;
}
.form-field::placeholder {
font-size: .75rem;
}
.form-selecr {
padding-left: 4px;
font-size: .75rem;
}
.ckeckbox-form {
width: 100%;
}
.senden-celle {
flex-direction: column;
}
.svg-text-image {
bottom: 12px;
left: 12px;
}
.form-global_success, .form-global_error {
padding-left: 12px;
padding-right: 12px;
}
.align-right {
text-align: right;
}
.top-button {
padding: 2px 12px;
}
.grid-footer-mobile-top {
grid-template-columns: 1fr .5fr;
}
.nav-wrapper-full {
padding-left: 12px;
padding-right: 0;
}
.nav-linkblock {
height: 7.9vw;
font-size: 8vw;
}
.big-vav-block {
padding-bottom: 16px;
}
.lottie-animation-2 {
width: 16px;
height: 16px;
}
.brand {
padding-left: 0;
}
.language-switch {
border-right: 1px solid var(--black-t-60\);
}
.h1-datenschutz {
font-size: 1.7rem;
}
.coll-clippings-item {
grid-column-gap: 12px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.wrapper-filter-and-sort {
position: static;
}
.filter-grid {
grid-template-columns: 1fr 80px;
}
.llinkblock-clippings {
grid-column-gap: 4px;
grid-row-gap: 4px;
grid-template-columns: 1fr .5fr;
}
.reverse {
width: 32px;
height: 32px;
padding: 4px 6px 8px;
}
.div-flex-h {
grid-column-gap: 4px;
}
.section-blackbox, .grid-academy-inhalte {
padding-left: 12px;
padding-right: 12px;
}
.grid-numbers {
grid-row-gap: 24px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.div-wrap-numbers {
border-bottom: 1px solid var(--offwhite\);
border-right-style: none;
border-right-width: 0;
padding-left: 0;
padding-right: 0;
}
.div-wrap-fast-track {
padding-top: 16px;
}
.fast-track-slide {
width: 100%;
}
.collection-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.testimonial-name, .testimonial-postion {
font-size: .65rem;
}
.zitat {
width: 100%;
}
.section-hub-start {
padding-top: 64px;
}
.wrapper-top-news {
position: static;
}
.coll-news-list, .coll-news-list.about-page {
grid-template-columns: 1fr;
}
.wrapper-big-headline-hub {
position: static;
}
.hub {
letter-spacing: -10px;
padding-left: 12px;
padding-right: 12px;
}
.news-thumbnailtitel {
font-size: 1rem;
}
.grid-news-top-section {
grid-row-gap: 8px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
align-content: start;
align-items: start;
}
.displaytext-big {
letter-spacing: -.05rem;
font-size: 2.6rem;
line-height: 115%;
}
.wrap-service-trigger {
color: var(--black\);
padding-left: 0;
font-size: 1.25rem;
line-height: 100%;
}
.div-wrap-benefits {
min-height: auto;
}
.light-on-off-wrapper-white {
padding-left: 12px;
padding-right: 12px;
font-size: .7rem;
}
.we-link {
padding-left: 32px;
padding-right: 32px;
font-size: 13vw;
}
.display-headline {
letter-spacing: -.1rem;
font-size: 13vw;
}
.packages_checkbox-label {
font-size: .75rem;
}
.submit-button-packages {
width: 100%;
}
.we-speak-collection_linkblock {
justify-content: space-between;
display: flex;
}
.center-wrapper-form {
padding-bottom: 40px;
}
.stack-section-into {
grid-column-gap: 12px;
grid-row-gap: 24px;
padding-bottom: 24px;
}
.stack-section-into_cell-3.align-right {
align-items: flex-start;
}
.grid-academy-hero {
grid-template-columns: 1fr;
}
.cases_wrapper {
padding-bottom: 0;
}
.cases_list {
grid-template-columns: 1fr;
}
.collection-logo-one_list {
width: 100%;
overflow: hidden;
}
.stack-benefits {
grid-row-gap: 8px;
}
.collection-hr_list {
grid-template-columns: 1fr;
}
.op-item {
padding-bottom: 16px;
}
.html-embed {
align-self: flex-start;
}
.team-panel-1 {
padding-right: 0;
}
.checkboxlabel-datenschutz {
font-size: .7rem;
}
.coll-team-home_list {
grid-template-columns: 1fr 1fr 1fr;
}
.display-text {
line-height: 120%;
}
.paragraph--small {
letter-spacing: .04em;
}
.paragraph--small.absolut--bottom--left {
left: var(--_scale---4);
bottom: var(--_scale---4);
}
.stack-numbers {
grid-row-gap: 48px;
}
.button-main {
padding-top: 6px;
padding-bottom: 6px;
font-size: .7rem;
}
.button-main.black {
padding-top: 7px;
}
.stack-numbers_cell {
grid-row-gap: 8px;
justify-content: flex-start;
}
.stack-numbers_cell.boarder-left-right {
border-left-style: none;
border-left-color: #f4f5f0;
border-right-style: none;
padding-left: 0;
padding-right: 0;
}
.checkbox-block-support {
font-size: .75rem;
}
.section-pakete {
padding-left: 12px;
padding-right: 12px;
}
.video {
align-items: center;
}
.relativ-hero-top-academy {
padding-left: 12px;
padding-right: 12px;
}
.wrap-value-outer {
min-height: 150vw;
}
.sticky-inner {
top: 30vw;
}
.iamge-medien-logos {
height: 14vw;
}
.contact-forn-cell_send-section {
flex-direction: column;
}
.case-wrapper-image {
padding: 16px;
}
.cliiping-titel {
white-space: normal;
word-break: break-all;
overflow-wrap: normal;
}
.landingpage-footer-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
}
.fs-cc-prefs_button {
margin-bottom: 8px;
}
.fs-cc-banner_close {
position: absolute;
inset: -22px 10px auto auto;
}
.fs-cc-banner_buttons-wrapper {
text-align: center;
flex-direction: column-reverse;
align-items: center;
width: 100%;
}
.fs-cc-prefs_component, .fs-cc-prefs_content {
padding: 24px;
}
.fs-cc-banner_button {
width: 100%;
margin-bottom: 10px;
}
.fs-cc-banner_text {
margin-right: 0;
}
.flex-v--32 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.richtext-paket h5 {
font-size: 14px;
}
.background-video--career {
object-fit: fill;
}
.client-wolke-collection-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: space-between;
}
.main-clients {
width: 75px;
}
.recaptcha-wrapper {
transform-origin: 0%;
align-self: flex-start;
}
.div-block {
transform-origin: 0%;
align-self: stretch;
transform: scale(.8);
}
.div-block-2, .div-block-3 {
transform-origin: 0%;
align-self: flex-start;
transform: scale(.9);
}
.form-whitepaper--block {
max-width: 100vw;
}
.swiper.whitepaper {
overflow: hidden;
}
.coll-whitepaper--list, .coll-latest-whitepaper--list {
grid-template-columns: 1fr;
}
.grid--key-info--webinar {
grid-column-gap: var(--_scale---48);
grid-row-gap: var(--_scale---48);
grid-template-columns: 1fr;
}
.coll-webinar--list {
grid-template-columns: 1fr;
}
.tab-link--webinar-tab-menu {
padding-top: var(--_scale---32);
justify-content: flex-start;
align-items: flex-start;
}
.flex-h--24.mobile--vertical {
flex-flow: column;
}
.pop-up--image {
aspect-ratio: 1;
object-position: 50% 0%;
width: 100%;
position: static;
}
.pop-up--flex {
position: static;
}
.coll-pop-up--wrap {
padding-top: var(--_scale---80);
justify-content: center;
align-items: flex-start;
overflow: auto;
}
.webinar-thumbnail-titel {
max-width: 15ch;
font-size: 6vw;
line-height: 1.2;
}
.flex-v--speaker-info {
left: var(--_scale---8);
right: var(--_scale---8);
bottom: var(--_scale---8);
}
.speaker--name {
font-size: .6rem;
}
.speaker--info {
font-size: .4rem;
}
.fake-button--join-webinar {
font-size: .6rem;
}
.feature--flex-h {
flex-flow: column-reverse wrap-reverse;
}
.button-teinahme {
padding-top: 6px;
padding-bottom: 6px;
font-size: .7rem;
}
.textlink--nav-menu, .textlink--nav-text {
font-size: 7vw;
}
.richtext--whitepaper ul {
padding-left: 16px;
}
.whitepaper-content {
padding-left: 12px;
padding-right: 12px;
}
.flex-h--pop-up {
flex-flow: column;
}
.richtext--podcast-bulletpoints ul {
grid-template-columns: 1fr;
}
.grid--credits {
grid-column-gap: 4px;
grid-row-gap: 4px;
grid-template-columns: 10rem;
}
.image--4-5.max-60ch {
width: 100%;
}
.paragraph--xx-large.this-is-for-you {
font-size: 15.6vw;
}
.slide--on-top--wrapper {
padding-left: 20vw;
}
.wrap--about--text {
grid-column-gap: var(--_spacing---flex-v--xx-large);
grid-row-gap: var(--_spacing---flex-v--xx-large);
}
.image--hero--whitepaper, .marquee--presse-logo {
width: 100%;
}
.marquee-press-move {
flex: none;
}
.image--hero {
max-width: 75%;
}
.hero-video--vertical {
padding: 0;
display: block;
}
.hero-video--horizontal {
display: none;
}
}
#w-node-cad9f07f-9fcb-9057-0432-81e5bc69fed4-c756840a {
align-self: start;
}
#w-node-b8f44ed9-431c-aacb-f84c-62da4c1b0cf3-c756840a, #w-node-b8f44ed9-431c-aacb-f84c-62da4c1b0cf4-c756840a, #w-node-b8f44ed9-431c-aacb-f84c-62da4c1b0cfa-c756840a, #w-node-b8f44ed9-431c-aacb-f84c-62da4c1b0d00-c756840a, #w-node-b8f44ed9-431c-aacb-f84c-62da4c1b0d06-c756840a, #w-node-b8f44ed9-431c-aacb-f84c-62da4c1b0d0c-c756840a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_84582135-db34-c9de-74b8-b100a12741ac-c756840a {
align-self: start;
}
#w-node-_46692a5a-b96e-fcd1-ec19-3881a1660f5e-c756840a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-ac74431d-374c-eabb-d304-ce9767dff049-c756840a {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-ac74431d-374c-eabb-d304-ce9767dff04a-c756840a, #w-node-ac74431d-374c-eabb-d304-ce9767dff04b-c756840a, #w-node-_6d258071-a8e2-bef9-fe15-7e0300e5be75-c756840a, #w-node-aa3ef4b0-9aaa-d195-260f-80863ad1ce25-c756840a, #w-node-_452edcd7-ce01-7577-98b1-9d6990e013b1-c756840a, #w-node-_9ecec266-b8aa-00ee-e1b1-ab2245dae0df-c756840a, #w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e707-c756840a, #w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e73f-c756840a, #w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e740-c756840a, #w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e741-c756840a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e742-c756840a {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_4f507522-3797-02db-4cc9-335b18b73e87-c756840a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4f507522-3797-02db-4cc9-335b18b73e88-c756840a {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_6ec69ac5-0d33-d6d4-5b27-61befd5136f5-fd5136b4 {
justify-self: end;
}
#w-node-_57fa4138-57f8-09bc-034d-365d4c54a6ee-cd81eed4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_57fa4138-57f8-09bc-034d-365d4c54a6ef-cd81eed4, #w-node-_57fa4138-57f8-09bc-034d-365d4c54a720-cd81eed4, #w-node-_57fa4138-57f8-09bc-034d-365d4c54a727-cd81eed4, #w-node-_57fa4138-57f8-09bc-034d-365d4c54a72a-cd81eed4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9e01b62f-d5ab-eea7-6acd-cccfcd81ef51-cd81eed4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_9e01b62f-d5ab-eea7-6acd-cccfcd81ef52-cd81eed4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9e01b62f-d5ab-eea7-6acd-cccfcd81ef55-cd81eed4, #w-node-_9e01b62f-d5ab-eea7-6acd-cccfcd81ef58-cd81eed4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-db32fa6a-bc75-2e0a-d4d1-abf58dc30f0d-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-ebdd88fb-ffa9-1c57-8274-66949975b76f-728fd096 {
justify-self: end;
}
#w-node-_195fc82f-1dca-0602-34b5-9381886a14b9-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_7344530a-0d58-cd4f-a805-e1a65038d6dc-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-e05892f5-b7bd-5ccd-f066-f693517750cc-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_4a47916a-c717-b5cf-e99d-d4ad8f07c6ed-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4a47916a-c717-b5cf-e99d-d4ad8f07c6ee-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_4a47916a-c717-b5cf-e99d-d4ad8f07c6f5-728fd096, #w-node-_4a47916a-c717-b5cf-e99d-d4ad8f07c6f6-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c0527399f2-728fd096 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c0527399f3-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a06-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a0d-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a10-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a22-728fd096 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a23-728fd096 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a26-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a29-728fd096, #w-node-_39dc25c3-b68e-f004-eba0-171f8aee2450-44c18313, #w-node-_39dc25c3-b68e-f004-eba0-171f8aee2451-44c18313, #w-node-_39dc25c3-b68e-f004-eba0-171f8aee2452-44c18313 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_39dc25c3-b68e-f004-eba0-171f8aee2453-44c18313 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8c0c414a-4564-856d-b14a-06153a6c1034-44c18313 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8c0c414a-4564-856d-b14a-06153a6c1035-44c18313 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8c0c414a-4564-856d-b14a-06153a6c103c-44c18313, #w-node-_8c0c414a-4564-856d-b14a-06153a6c103d-44c18313 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_697fe2ee-d031-6137-3859-d1a318b8686d-7b8245cb {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f9428e39-b150-55d1-20d8-0376a2a6161e-7b8245cb {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-f9428e39-b150-55d1-20d8-0376a2a6161f-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a61622-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a6162c-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a61636-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a6163e-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a61644-7b8245cb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_77e75578-10b8-30a3-080f-ff747918bd83-7b8245cb {
align-self: end;
}
#w-node-_2b15e9d1-e25f-1fb0-c168-512fb926758f-7b8245cb {
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
}
#w-node-_2b15e9d1-e25f-1fb0-c168-512fb9267590-7b8245cb, #w-node-_2b15e9d1-e25f-1fb0-c168-512fb9267591-7b8245cb, #w-node-_8be55464-bbb9-01d3-fa3c-deaa1cde64ae-7b8245cb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8be55464-bbb9-01d3-fa3c-deaa1cde64af-7b8245cb {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8be55464-bbb9-01d3-fa3c-deaa1cde64b6-7b8245cb, #w-node-_8be55464-bbb9-01d3-fa3c-deaa1cde64b7-7b8245cb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aca4aee3-31f1-d68b-e6a2-2c43e2022bc3-7b8245cb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d99235b3-e119-3abf-d80a-32f3714320cd-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f89947ae-fd9e-d3a0-fc23-44942b4316da-558abe17, #w-node-cff382db-1fcb-d1c6-eee1-68a4fb529128-558abe17 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_97817bbc-ce47-18e4-879c-b506b2041905-558abe17 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_97817bbc-ce47-18e4-879c-b506b2041906-558abe17 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_97817bbc-ce47-18e4-879c-b506b2041909-558abe17, #w-node-_97817bbc-ce47-18e4-879c-b506b204190c-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c3255f65-1311-b553-64f5-61fbeac5fe25-558abe17 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-c3255f65-1311-b553-64f5-61fbeac5fe26-558abe17, #w-node-c3255f65-1311-b553-64f5-61fbeac5fe27-558abe17, #w-node-_6da3563b-3bc3-3cec-0a61-103783ec052d-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_73c66b55-b3e8-a567-9868-1cc1c6cc2d42-558abe17, #w-node-_5dbe6165-d06d-0a52-446b-95e23a45da29-558abe17 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a159a695-7adc-a87d-fe8f-14bf2f62dd3a-558abe17 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a159a695-7adc-a87d-fe8f-14bf2f62dd3b-558abe17 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a159a695-7adc-a87d-fe8f-14bf2f62dd3e-558abe17, #w-node-a159a695-7adc-a87d-fe8f-14bf2f62dd41-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca187b93-ffa1-68a3-1512-dee8f188f071-558abe17 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-ca187b93-ffa1-68a3-1512-dee8f188f072-558abe17, #w-node-ca187b93-ffa1-68a3-1512-dee8f188f07f-558abe17, #w-node-ca187b93-ffa1-68a3-1512-dee8f188f08c-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5a2180ec-1c94-1ae5-a07a-55cb8b4e2ad4-558abe17, #w-node-_1e3c0b00-082d-19b2-be06-7cfc7a9f84c4-558abe17 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a8076295-9b08-dbcc-6537-ba679c8d8fd7-558abe17 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a8076295-9b08-dbcc-6537-ba679c8d8fd8-558abe17 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a8076295-9b08-dbcc-6537-ba679c8d8fdb-558abe17, #w-node-a8076295-9b08-dbcc-6537-ba679c8d8fde-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f0b6f9ec-0a3b-f2df-a2ea-16fd37c41324-558abe17 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-f0b6f9ec-0a3b-f2df-a2ea-16fd37c41325-558abe17 {
grid-column: span 3 / span 3;
}
#w-node-ae142027-5bb1-6957-c2fb-0023d1f02237-558abe17 {
align-self: start;
}
#w-node-c20fe245-3b25-5042-a12b-d0acf33a71d8-558abe17 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f56-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f5b-558abe17 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: auto;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f6b-558abe17 {
justify-self: end;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f8e-558abe17, #w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f8f-558abe17, #w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f90-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f91-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_11367ec1-2da5-8578-558e-18616a201d83-b4808432, #w-node-_1397272c-c315-a6d2-de62-5dfee9706ad3-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a693f683-e1ad-7fb2-cd6c-bd5c01f8e615-b4808432 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-df7ac8d4-8e1d-d883-f56a-78a009b4b3dc-b4808432 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-b278c1fa-12d6-e196-0e28-0b455dcd9228-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9cfc047e-4cb6-5c60-03f8-d85f1f9448a7-b4808432 {
justify-self: start;
}
#w-node-_47a06be1-d496-a5b4-59d6-f83feb28c6fe-b4808432 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_47a06be1-d496-a5b4-59d6-f83feb28c6ff-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_54a119e0-88f3-693d-8be6-94b8d8ff9a4c-b4808432 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-_54a119e0-88f3-693d-8be6-94b8d8ff9a4d-b4808432, #w-node-_54a119e0-88f3-693d-8be6-94b8d8ff9a4e-b4808432, #w-node-_057bd6ab-a329-1744-774b-d397ecb49c14-b4808432, #w-node-_6f01ca46-ac5f-5d4c-45d1-da9c2382ad19-b4808432, #w-node-_47a06be1-d496-a5b4-59d6-f83feb28c700-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f6c20e45-e487-6ed1-5591-370d49da6d54-b4808432 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-f6c20e45-e487-6ed1-5591-370d49da6d55-b4808432, #w-node-f6c20e45-e487-6ed1-5591-370d49da6d58-b4808432, #w-node-f6c20e45-e487-6ed1-5591-370d49da6d5b-b4808432, #w-node-f6c20e45-e487-6ed1-5591-370d49da6d5d-b4808432, #w-node-_8977bfbf-f829-bbcf-a7a4-ec6f4b6c9ee7-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a2d23a76-9046-fefc-7eaf-d9a797117271-b4808432 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-a2d23a76-9046-fefc-7eaf-d9a797117272-b4808432, #w-node-a2d23a76-9046-fefc-7eaf-d9a797117273-b4808432, #w-node-a2d23a76-9046-fefc-7eaf-d9a797117274-b4808432, #w-node-a2d23a76-9046-fefc-7eaf-d9a797117275-b4808432, #w-node-_4da723dd-8298-09da-d3ef-487a1bf769cd-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8acf7850-7624-0b1c-bb13-8c15d4c94da1-b4808432 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-_8acf7850-7624-0b1c-bb13-8c15d4c94da2-b4808432, #w-node-_8acf7850-7624-0b1c-bb13-8c15d4c94da3-b4808432, #w-node-_8acf7850-7624-0b1c-bb13-8c15d4c94da4-b4808432, #w-node-_8acf7850-7624-0b1c-bb13-8c15d4c94da5-b4808432, #w-node-_557166e4-144a-863f-01a5-ddb5264d1aa7-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f3e6b7a1-ecab-30e9-5a16-5a44ea659073-b4808432 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-f3e6b7a1-ecab-30e9-5a16-5a44ea659074-b4808432, #w-node-f3e6b7a1-ecab-30e9-5a16-5a44ea659075-b4808432, #w-node-f3e6b7a1-ecab-30e9-5a16-5a44ea659076-b4808432, #w-node-f3e6b7a1-ecab-30e9-5a16-5a44ea659077-b4808432, #w-node-_9182d65b-0020-b593-7445-4e7510c8d530-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_674e9d2f-1c71-a230-4fa5-fadac012fabe-b4808432 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-_674e9d2f-1c71-a230-4fa5-fadac012fabf-b4808432, #w-node-_674e9d2f-1c71-a230-4fa5-fadac012fac0-b4808432, #w-node-_674e9d2f-1c71-a230-4fa5-fadac012fac1-b4808432, #w-node-_674e9d2f-1c71-a230-4fa5-fadac012fac2-b4808432, #w-node-_0e1f286d-eb23-b321-d90d-57c16f4dca59-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-db3a5624-b80c-f309-d566-0bed2f5544db-b4808432 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-db3a5624-b80c-f309-d566-0bed2f5544dc-b4808432, #w-node-db3a5624-b80c-f309-d566-0bed2f5544dd-b4808432, #w-node-db3a5624-b80c-f309-d566-0bed2f5544de-b4808432, #w-node-db3a5624-b80c-f309-d566-0bed2f5544df-b4808432, #w-node-c6ea3ce0-f82b-ed33-e450-20349ac95535-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_29a5383e-934c-e464-ad06-42e90efa7ad6-b4808432 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-_29a5383e-934c-e464-ad06-42e90efa7ad7-b4808432, #w-node-_29a5383e-934c-e464-ad06-42e90efa7ad8-b4808432, #w-node-_29a5383e-934c-e464-ad06-42e90efa7ad9-b4808432, #w-node-_29a5383e-934c-e464-ad06-42e90efa7ada-b4808432, #w-node-_98fe3792-713b-c527-1d52-ee8b6d7d013c-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3e25d290-322d-6f6d-d23e-502b08516da7-b4808432 {
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
}
#w-node-_3e25d290-322d-6f6d-d23e-502b08516da8-b4808432, #w-node-_3e25d290-322d-6f6d-d23e-502b08516da9-b4808432, #w-node-_3e25d290-322d-6f6d-d23e-502b08516daa-b4808432, #w-node-_3e25d290-322d-6f6d-d23e-502b08516dab-b4808432, #w-node-_02fc6171-6855-f31f-c807-32eaafe1a75c-b4808432, #w-node-fb61ace9-cca4-6f7c-94b1-8db0b8369ea1-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ec92c3d9-a301-b858-f6ba-d0313d33299b-b4808432 {
justify-self: end;
}
#w-node-_7efbe4b1-8171-35eb-befe-1ad616677abb-b4808432 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_96a65530-cedf-8cfa-8b2f-d7be4ab81012-b4808432, #w-node-_19c41fee-8ad4-64e9-5ec0-e5a037111f9b-b4808432, #w-node-f086ae88-d3b6-7472-26ad-a5859ed96a79-392bab9b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e5fd3795-c019-8956-00f2-d639f3dfcc47-392bab9b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-c96eda60-4eec-9d9e-567b-81817878cb2c-392bab9b, #w-node-_4624b2dd-f22d-395b-9333-c26ea9bcf01a-392bab9b, #w-node-d266e4d5-9189-4819-7b92-c3ba9f0faca1-392bab9b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1d468ac3-6566-cc79-3768-bb98369b9a34-392bab9b {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_424536ec-0497-6618-5ccc-1e982d96d410-392bab9b, #w-node-ce0b2a99-5384-9280-cd96-25fea4fb3f4c-392bab9b, #w-node-c7d7b3da-af77-dffe-0b16-4283f78706d6-f454e173, #w-node-_2669da62-5bf8-c5f2-2a7d-33a57ef85d96-f454e173, #w-node-_09552aaa-feec-9f76-6ad5-4ee9ab02f0aa-f454e173, #w-node-_6f7d0f49-ac5b-bd4a-3471-884cfb8c4daa-f454e173, #w-node-_07437e67-e50e-0139-34ff-bb59978742fa-f454e173, #w-node-_6c2330ad-a6a4-a710-89d3-54b83cf97012-f454e173, #w-node-_27cf40f5-4ba0-6f0c-ebd4-8629e50567e5-f454e173, #w-node-_56a91738-9df9-a389-c6a1-1af411b1cc6a-f454e173, #w-node-ad070a11-e3f3-b033-b1ca-894c362021b7-f454e173, #w-node-_26720411-1165-b62a-3744-1e27b5e6e32e-f454e173, #w-node-f901790a-3bbd-284a-7dd9-b12bc4ece004-f454e173, #w-node-_50675418-ef10-47c8-e06c-e8833682be60-f454e173, #w-node-_7bba8991-5eff-1845-095d-bb2dbd6d50f5-f454e173, #w-node-_6242e503-7a73-5319-b32d-d4881c863360-f454e173, #w-node-_3d064204-e6d2-f445-f44e-e2a81619f87d-f454e173, #w-node-_8bd35fe2-5d29-b007-8575-d27a39b9219f-f454e173, #w-node-c33458a2-d405-0b8c-737f-eadfb050fb1c-f454e173, #w-node-b5805e2f-89ed-b92c-c40f-124390543c98-f454e173, #w-node-_27eb5845-4c89-47ff-6bc5-7154dfc7ad2d-f454e173, #w-node-a3f9506e-0cfa-f1b3-6a4d-e63907e52002-f454e173, #w-node-eb43f252-d038-d3d9-f125-24ff472e3f90-f454e173, #w-node-de71de41-184c-00ea-8619-f437f829829a-f454e173, #w-node-_511b647c-d70d-e4f3-076c-f298f79ebd64-f454e173, #w-node-_49e842d1-8d33-dcd2-303c-1e6912e19d77-f454e173, #w-node-_864c2e4c-2e02-7334-5adb-54d5d63e9d5b-f454e173, #w-node-_9318f192-03b8-873f-6190-d212f0165439-f454e173, #w-node-_6c2da16d-2144-ab9c-d056-5eeb462106cf-f454e173, #w-node-bab950f3-76dd-d1f5-0661-5e64d86c4b96-f454e173, #w-node-_7d01a6f8-3241-cd43-2616-347379834851-f454e173, #w-node-_6cf969f2-5111-98e0-a81d-477c51a9c78a-f454e173, #w-node-_7e2db943-dfbc-128c-d2bb-d1e68f6b1b3c-f454e173, #w-node-_6fb87e21-378c-0f21-b88e-d213af94469d-f454e173, #w-node-_96e97063-44cc-0de4-6edb-a3fcc4b01cfa-f454e173, #w-node-a248fb30-890c-4a97-ce17-e67d265835b3-f454e173, #w-node-_279faa0a-528f-4e62-3fcc-f8f2805333ca-f454e173, #w-node-_691ebc67-3bbb-65b6-2570-e409b88be38d-f454e173, #w-node-_9a77749f-9de4-3222-21e6-838b0b3bfc4c-f454e173, #w-node-_69a785dc-2031-c282-05e4-2d816973879b-f454e173, #w-node-_09016ddf-ea69-c126-e89a-1e7052bc68c2-f454e173, #w-node-a9864ee0-3e94-7cbd-ce1f-a25f4aa97feb-f454e173, #w-node-_75d38072-f94e-2383-b376-9b98e57c38d2-f454e173, #w-node-_75e92f42-de3b-fe7b-8fdc-8679e3cce434-f454e173, #w-node-_0c99ab5d-55d0-ff4d-9385-8b4cdef2faa7-f454e173, #w-node-_701a3a07-8286-6b1e-fe9a-7ea2b4c3e3b6-f454e173, #w-node-d8eb2041-4329-99f0-14d2-07eca0d4d737-f454e173, #w-node-_5482fe63-cc40-f4ee-e578-58e079717369-f454e173 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_86c21222-f7d0-af28-ba7c-58bcd5405c73-8ff498fd {
grid-area: 1 / 4 / 2 / 9;
}
#w-node-_042170f6-0d09-c775-0f5e-88f2ff42ea9d-8ff498fd {
grid-area: 1 / 1 / 2 / 6;
}
#w-node-d1010bc3-24be-b59a-3128-e1cf55620098-8ff498fd {
grid-area: 1 / 5 / 2 / 9;
}
#w-node-_7ad548b6-4276-c691-342c-c56369d89229-8ff498fd {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_1b189c49-d71a-a5c8-2053-cec152ec253b-8ff498fd {
justify-self: end;
}
#w-node-_3a46c369-9d6a-9db2-082c-f5558854347e-8ff498fd, #w-node-_3a46c369-9d6a-9db2-082c-f5558854347f-8ff498fd, #w-node-_3a46c369-9d6a-9db2-082c-f55588543480-8ff498fd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3a46c369-9d6a-9db2-082c-f55588543481-8ff498fd {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_456e5b4d-f81b-f92b-5c2c-ccde7606a3bc-8ff498fd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e15-8ff498fd {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e16-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e29-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e30-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e33-8ff498fd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e45-8ff498fd {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e46-8ff498fd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e49-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e4c-8ff498fd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_152db8c8-a7fc-0f72-3e90-42322f723ca5-392ee9c1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfca95-392ee9c1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfca9a-392ee9c1 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: auto;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcaa9-392ee9c1 {
justify-self: end;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcacc-392ee9c1, #w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcacd-392ee9c1, #w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcace-392ee9c1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcacf-392ee9c1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c5f-f9f2ab41 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c64-f9f2ab41 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: auto;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c74-f9f2ab41 {
justify-self: end;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c97-f9f2ab41, #w-node-_14f4b61c-54ff-bd5d-eef1-893858304c98-f9f2ab41, #w-node-_14f4b61c-54ff-bd5d-eef1-893858304c99-f9f2ab41 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c9a-f9f2ab41 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8bc4e543-a1c2-f48c-53cb-a73799b62f90-a1309cdf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4336e1cc-c8ba-4293-6b4c-b1fb0cd2c4ae-28a54860, #w-node-fe98ea2c-5560-ab9f-75b4-88b7145ba554-28a54860, #w-node-b38bff17-b1f9-ab91-3789-2642d47d4975-28a54860, #w-node-e29b05db-0654-c2e6-ae02-544df249f227-28a54860, #w-node-b4cd9c98-f4bb-5ce5-af73-0c1dc901d47a-28a54860, #w-node-_1e93a4a9-d501-10d7-4ac8-ff1c8e712998-28a54860, #w-node-_94234d8e-b08b-8dfc-9178-7d85cef5c5bc-28a54860, #w-node-f8de17fa-fafb-a9fa-ed7a-2b096a9af338-28a54860, #w-node-af7b1bb3-325f-a6e9-db1d-dd1b0814f3df-28a54860, #w-node-_938a8ced-f8a2-b4f0-1d45-d2811ef6f9b5-28a54860, #w-node-_37d2e840-cc7a-0deb-7585-80d137caa3cf-28a54860, #w-node-c0eb9ee9-e0c0-8d81-63c4-1e88743413bb-28a54860, #w-node-c64de86b-09a1-29f9-4195-f77ca0c3672e-28a54860, #w-node-_2ce52269-71ad-42ec-c053-026d112069ec-28a54860 {
align-self: start;
}
#w-node-_165b9066-d246-d919-ea75-c753fc2daec2-32bb22a4 {
justify-self: start;
}
#w-node-da49b7fa-a285-370e-48a4-9ebc207fab7b-2cbdc3fb {
justify-self: end;
}
#w-node-c028f17f-7d85-7172-c16b-bac27d34bbd5-03736edb {
grid-area: 1 / 2 / 2 / 3;
}
@media screen and (min-width: 1440px) {
#w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e734-c756840a, #w-node-_39dc25c3-b68e-f004-eba0-171f8aee2446-44c18313, #w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f83-558abe17, #w-node-_3a46c369-9d6a-9db2-082c-f55588543474-8ff498fd, #w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcac1-392ee9c1, #w-node-_14f4b61c-54ff-bd5d-eef1-893858304c8c-f9f2ab41 {
justify-self: auto;
}
}
@media screen and (max-width: 991px) {
#w-node-_46692a5a-b96e-fcd1-ec19-3881a1660f5e-c756840a {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e707-c756840a {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e73e-c756840a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6a97cd7c-3775-9fe8-b5a6-7bd34a7cc6dd-fd5136b4 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_6ec69ac5-0d33-d6d4-5b27-61befd5136f5-fd5136b4 {
justify-self: start;
}
#w-node-_57fa4138-57f8-09bc-034d-365d4c54a6ee-cd81eed4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_57fa4138-57f8-09bc-034d-365d4c54a6ef-cd81eed4, #w-node-_57fa4138-57f8-09bc-034d-365d4c54a720-cd81eed4, #w-node-_57fa4138-57f8-09bc-034d-365d4c54a727-cd81eed4, #w-node-_57fa4138-57f8-09bc-034d-365d4c54a72a-cd81eed4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c0527399f2-728fd096 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c0527399f3-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a06-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a0d-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a10-728fd096, #w-node-_39dc25c3-b68e-f004-eba0-171f8aee244f-44c18313, #w-node-_697fe2ee-d031-6137-3859-d1a318b8686d-7b8245cb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2b15e9d1-e25f-1fb0-c168-512fb926758f-7b8245cb {
grid-template-rows: auto;
grid-template-columns: auto 1fr;
}
#w-node-f89947ae-fd9e-d3a0-fc23-44942b4316da-558abe17 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-f89947ae-fd9e-d3a0-fc23-44942b4316db-558abe17, #w-node-f89947ae-fd9e-d3a0-fc23-44942b4316e0-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cff382db-1fcb-d1c6-eee1-68a4fb529128-558abe17 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-cff382db-1fcb-d1c6-eee1-68a4fb529129-558abe17, #w-node-cff382db-1fcb-d1c6-eee1-68a4fb52912c-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c3255f65-1311-b553-64f5-61fbeac5fe25-558abe17 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-c3255f65-1311-b553-64f5-61fbeac5fe26-558abe17, #w-node-c3255f65-1311-b553-64f5-61fbeac5fe27-558abe17, #w-node-_6da3563b-3bc3-3cec-0a61-103783ec052d-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_73c66b55-b3e8-a567-9868-1cc1c6cc2d42-558abe17 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_73c66b55-b3e8-a567-9868-1cc1c6cc2d43-558abe17, #w-node-_73c66b55-b3e8-a567-9868-1cc1c6cc2d4a-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5dbe6165-d06d-0a52-446b-95e23a45da29-558abe17 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_5dbe6165-d06d-0a52-446b-95e23a45da2a-558abe17, #w-node-_5dbe6165-d06d-0a52-446b-95e23a45da38-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca187b93-ffa1-68a3-1512-dee8f188f071-558abe17 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-ca187b93-ffa1-68a3-1512-dee8f188f072-558abe17, #w-node-ca187b93-ffa1-68a3-1512-dee8f188f07f-558abe17, #w-node-ca187b93-ffa1-68a3-1512-dee8f188f08c-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5a2180ec-1c94-1ae5-a07a-55cb8b4e2ad4-558abe17 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_5a2180ec-1c94-1ae5-a07a-55cb8b4e2ad5-558abe17, #w-node-_5a2180ec-1c94-1ae5-a07a-55cb8b4e2adc-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1e3c0b00-082d-19b2-be06-7cfc7a9f84c4-558abe17 {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_1e3c0b00-082d-19b2-be06-7cfc7a9f84c5-558abe17, #w-node-_1e3c0b00-082d-19b2-be06-7cfc7a9f84c8-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f56-558abe17 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f8d-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b278c1fa-12d6-e196-0e28-0b455dcd9228-b4808432 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_47a06be1-d496-a5b4-59d6-f83feb28c6fe-b4808432 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_47a06be1-d496-a5b4-59d6-f83feb28c6ff-b4808432, #w-node-_47a06be1-d496-a5b4-59d6-f83feb28c700-b4808432, #w-node-_8977bfbf-f829-bbcf-a7a4-ec6f4b6c9ee7-b4808432, #w-node-_4da723dd-8298-09da-d3ef-487a1bf769cd-b4808432, #w-node-_557166e4-144a-863f-01a5-ddb5264d1aa7-b4808432, #w-node-_9182d65b-0020-b593-7445-4e7510c8d530-b4808432, #w-node-_0e1f286d-eb23-b321-d90d-57c16f4dca59-b4808432, #w-node-c6ea3ce0-f82b-ed33-e450-20349ac95535-b4808432, #w-node-_98fe3792-713b-c527-1d52-ee8b6d7d013c-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e5fd3795-c019-8956-00f2-d639f3dfcc47-392bab9b {
justify-self: auto;
}
#w-node-_042170f6-0d09-c775-0f5e-88f2ff42ea9d-8ff498fd {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-d1010bc3-24be-b59a-3128-e1cf55620098-8ff498fd {
grid-area: 1 / 3 / 2 / 9;
}
#w-node-_7ad548b6-4276-c691-342c-c56369d89229-8ff498fd {
grid-area: 1 / 2 / 2 / 9;
}
#w-node-_3a46c369-9d6a-9db2-082c-f5558854347d-8ff498fd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e15-8ff498fd {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e16-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e29-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e30-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e33-8ff498fd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfca95-392ee9c1 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcacb-392ee9c1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c5f-f9f2ab41 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c96-f9f2ab41 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_165b9066-d246-d919-ea75-c753fc2daecb-32bb22a4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_7fab5c3e-f89e-7923-98a8-7c2121589149-571e71ed {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-da49b7fa-a285-370e-48a4-9ebc207fab7b-2cbdc3fb {
justify-self: start;
}
}
@media screen and (max-width: 767px) {
#w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e707-c756840a, #w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e73f-c756840a, #w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e741-c756840a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_677a8f55-6dea-7557-4dd9-4f3a5324e742-c756840a {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_57fa4138-57f8-09bc-034d-365d4c54a6ee-cd81eed4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_57fa4138-57f8-09bc-034d-365d4c54a6ef-cd81eed4, #w-node-_57fa4138-57f8-09bc-034d-365d4c54a720-cd81eed4, #w-node-_57fa4138-57f8-09bc-034d-365d4c54a727-cd81eed4, #w-node-_57fa4138-57f8-09bc-034d-365d4c54a72a-cd81eed4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9e01b62f-d5ab-eea7-6acd-cccfcd81ef51-cd81eed4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_9e01b62f-d5ab-eea7-6acd-cccfcd81ef52-cd81eed4, #w-node-_9e01b62f-d5ab-eea7-6acd-cccfcd81ef55-cd81eed4, #w-node-_9e01b62f-d5ab-eea7-6acd-cccfcd81ef58-cd81eed4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c0527399f2-728fd096 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c0527399f3-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a06-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a0d-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a10-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a22-728fd096 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a23-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a26-728fd096, #w-node-_98abe29b-7f01-d0f1-0e7d-12c052739a29-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_39dc25c3-b68e-f004-eba0-171f8aee2450-44c18313, #w-node-_39dc25c3-b68e-f004-eba0-171f8aee2452-44c18313 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_39dc25c3-b68e-f004-eba0-171f8aee2453-44c18313 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-d99235b3-e119-3abf-d80a-32f3714320d0-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_97817bbc-ce47-18e4-879c-b506b2041905-558abe17 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_97817bbc-ce47-18e4-879c-b506b2041906-558abe17, #w-node-_97817bbc-ce47-18e4-879c-b506b2041909-558abe17, #w-node-_97817bbc-ce47-18e4-879c-b506b204190c-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a159a695-7adc-a87d-fe8f-14bf2f62dd3a-558abe17 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-a159a695-7adc-a87d-fe8f-14bf2f62dd3b-558abe17, #w-node-a159a695-7adc-a87d-fe8f-14bf2f62dd3e-558abe17, #w-node-a159a695-7adc-a87d-fe8f-14bf2f62dd41-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a8076295-9b08-dbcc-6537-ba679c8d8fd7-558abe17 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-a8076295-9b08-dbcc-6537-ba679c8d8fd8-558abe17, #w-node-a8076295-9b08-dbcc-6537-ba679c8d8fdb-558abe17, #w-node-a8076295-9b08-dbcc-6537-ba679c8d8fde-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f56-558abe17 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f5b-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f8e-558abe17, #w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f90-558abe17 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f91-558abe17 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_0a46fc97-dde9-f184-c9c2-dc450f3afc3c-b4808432 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-df7ac8d4-8e1d-d883-f56a-78a009b4b3dc-b4808432 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_47a06be1-d496-a5b4-59d6-f83feb28c6fe-b4808432 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_47a06be1-d496-a5b4-59d6-f83feb28c6ff-b4808432, #w-node-_47a06be1-d496-a5b4-59d6-f83feb28c700-b4808432, #w-node-_8977bfbf-f829-bbcf-a7a4-ec6f4b6c9ee7-b4808432, #w-node-_4da723dd-8298-09da-d3ef-487a1bf769cd-b4808432, #w-node-_557166e4-144a-863f-01a5-ddb5264d1aa7-b4808432, #w-node-_9182d65b-0020-b593-7445-4e7510c8d530-b4808432, #w-node-_0e1f286d-eb23-b321-d90d-57c16f4dca59-b4808432, #w-node-c6ea3ce0-f82b-ed33-e450-20349ac95535-b4808432, #w-node-_98fe3792-713b-c527-1d52-ee8b6d7d013c-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-abf8e5b1-1856-e5cb-a6d8-77870c18b194-b4808432 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-ec92c3d9-a301-b858-f6ba-d0313d33299b-b4808432 {
justify-self: auto;
}
#w-node-c616a484-56f9-6ca2-e1e6-dd2f2a68f0bb-b4808432 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_3a46c369-9d6a-9db2-082c-f5558854347e-8ff498fd, #w-node-_3a46c369-9d6a-9db2-082c-f55588543480-8ff498fd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3a46c369-9d6a-9db2-082c-f55588543481-8ff498fd {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e15-8ff498fd {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e16-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e29-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e30-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e33-8ff498fd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e45-8ff498fd {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e46-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e49-8ff498fd, #w-node-_9ba93641-78a3-b7ef-bbe9-17126a324e4c-8ff498fd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfca95-392ee9c1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfca9a-392ee9c1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcacc-392ee9c1, #w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcace-392ee9c1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcacf-392ee9c1 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c5f-f9f2ab41 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c64-f9f2ab41 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c97-f9f2ab41, #w-node-_14f4b61c-54ff-bd5d-eef1-893858304c99-f9f2ab41 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c9a-f9f2ab41 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-da49b7fa-a285-370e-48a4-9ebc207fab7b-2cbdc3fb {
justify-self: auto;
}
#w-node-c028f17f-7d85-7172-c16b-bac27d34bbd5-03736edb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-ac74431d-374c-eabb-d304-ce9767dff049-c756840a {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-ac74431d-374c-eabb-d304-ce9767dff04a-c756840a, #w-node-ac74431d-374c-eabb-d304-ce9767dff04b-c756840a, #w-node-_6d258071-a8e2-bef9-fe15-7e0300e5be75-c756840a, #w-node-aa3ef4b0-9aaa-d195-260f-80863ad1ce25-c756840a, #w-node-_452edcd7-ce01-7577-98b1-9d6990e013b1-c756840a, #w-node-_9ecec266-b8aa-00ee-e1b1-ab2245dae0df-c756840a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-db32fa6a-bc75-2e0a-d4d1-abf58dc30f0d-728fd096 {
align-self: auto;
}
#w-node-fa713867-518a-5a66-266f-324cbc51eab5-728fd096, #w-node-ebdd88fb-ffa9-1c57-8274-66949975b76f-728fd096 {
justify-self: start;
}
#w-node-_195fc82f-1dca-0602-34b5-9381886a14b9-728fd096 {
justify-self: center;
}
#w-node-_7344530a-0d58-cd4f-a805-e1a65038d6dc-728fd096 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-e05892f5-b7bd-5ccd-f066-f693517750cc-728fd096 {
grid-area: 2 / 1 / 3 / 2;
justify-self: center;
}
#w-node-f9428e39-b150-55d1-20d8-0376a2a6161e-7b8245cb {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
#w-node-f9428e39-b150-55d1-20d8-0376a2a6161f-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a61622-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a6162c-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a61636-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a6163e-7b8245cb, #w-node-f9428e39-b150-55d1-20d8-0376a2a61644-7b8245cb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f5b-558abe17 {
grid-area: 2 / 1 / 3 / 4;
justify-self: auto;
}
#w-node-_05091d3a-ee61-6596-1483-4ce7fc7c9f6b-558abe17 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_47a06be1-d496-a5b4-59d6-f83feb28c6fe-b4808432 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
#w-node-_47a06be1-d496-a5b4-59d6-f83feb28c6ff-b4808432, #w-node-_47a06be1-d496-a5b4-59d6-f83feb28c700-b4808432, #w-node-_8977bfbf-f829-bbcf-a7a4-ec6f4b6c9ee7-b4808432, #w-node-_4da723dd-8298-09da-d3ef-487a1bf769cd-b4808432, #w-node-_557166e4-144a-863f-01a5-ddb5264d1aa7-b4808432, #w-node-_9182d65b-0020-b593-7445-4e7510c8d530-b4808432, #w-node-_0e1f286d-eb23-b321-d90d-57c16f4dca59-b4808432, #w-node-c6ea3ce0-f82b-ed33-e450-20349ac95535-b4808432, #w-node-_98fe3792-713b-c527-1d52-ee8b6d7d013c-b4808432 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_86c21222-f7d0-af28-ba7c-58bcd5405c73-8ff498fd {
grid-area: 1 / 3 / 2 / 9;
}
#w-node-_042170f6-0d09-c775-0f5e-88f2ff42ea9d-8ff498fd {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-d1010bc3-24be-b59a-3128-e1cf55620098-8ff498fd {
grid-area: 1 / 1 / 2 / 9;
}
#w-node-_7ad548b6-4276-c691-342c-c56369d89229-8ff498fd {
grid-area: 1 / 3 / 2 / 9;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfca9a-392ee9c1 {
grid-area: 2 / 1 / 3 / 4;
justify-self: auto;
}
#w-node-_4f2f6d80-7180-ce8c-d1bf-868b3bbfcaa9-392ee9c1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c64-f9f2ab41 {
grid-area: 2 / 1 / 3 / 4;
justify-self: auto;
}
#w-node-_14f4b61c-54ff-bd5d-eef1-893858304c74-f9f2ab41 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_165b9066-d246-d919-ea75-c753fc2daecb-32bb22a4 {
grid-area: 1 / 1 / 2 / 2;
}
}