html{
-ms-text-size-adjust:100%;
-webkit-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:transparent
}
a:active,a:hover{
outline:0
}
abbr[title]{
border-bottom:1px dotted
}
b,strong{
font-weight:700
}
dfn{
font-style:italic
}
h1{
margin:.67em 0;
font-size:2em
}
mark{
color:#000;
background:#ff0
}
small{
font-size:80%
}
sub,sup{
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative
}
sup{
top:-.5em
}
sub{
bottom:-.25em
}
img{
border:0
}
svg:not(:root){
overflow:hidden
}
figure{
margin:1em 40px
}
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
}
fieldset{
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}
legend{
border:0;
padding:0
}
textarea{
overflow:auto
}
optgroup{
font-weight:700
}
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:400;
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:400;
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{
min-height:100%;
color:#333;
background-color:#fff;
margin:0;
font-family:Arial,sans-serif;
font-size:14px;
line-height:20px
}
img{
max-width:100%;
vertical-align:middle;
display:inline-block
}
html.w-mod-touch *{
background-attachment:scroll!important
}
.w-block{
display:block
}
.w-inline-block{
max-width:100%;
display:inline-block
}
.w-clearfix:before,.w-clearfix:after{
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-clearfix:after{
clear:both
}
.w-hidden{
display:none
}
.w-button{
color:#fff;
line-height:inherit;
cursor:pointer;
background-color:#3898ec;
border:0;
border-radius:0;
padding:9px 15px;
text-decoration:none;
display:inline-block
}
input.w-button{
-webkit-appearance:button
}
html[data-w-dynpage] [data-w-cloak]{
color:transparent!important
}
.w-webflow-badge,.w-webflow-badge *{
z-index:auto;
visibility:visible;
box-sizing:border-box;
width:auto;
height:auto;
max-height:none;
max-width:none;
min-height:0;
min-width:0;
float:none;
clear:none;
box-shadow:none;
opacity:1;
direction:ltr;
font-family:inherit;
font-weight:inherit;
color:inherit;
font-size:inherit;
line-height:inherit;
font-style:inherit;
font-variant:inherit;
text-align:inherit;
letter-spacing:inherit;
-webkit-text-decoration:inherit;
text-decoration:inherit;
text-indent:0;
text-transform:inherit;
text-shadow:none;
font-smoothing:auto;
vertical-align:baseline;
cursor:inherit;
white-space:inherit;
word-break:normal;
word-spacing:normal;
word-wrap:normal;
background:0 0;
border:0 transparent;
border-radius:0;
margin:0;
padding:0;
list-style-type:disc;
transition:none;
display:block;
position:static;
top:auto;
bottom:auto;
left:auto;
right:auto;
overflow:visible;
transform:none
}
.w-webflow-badge{
white-space:nowrap;
cursor:pointer;
box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1);
visibility:visible!important;
z-index:2147483647!important;
color:#aaadb0!important;
opacity:1!important;
width:auto!important;
height:auto!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;
top:auto!important;
bottom:12px!important;
left:auto!important;
right:12px!important;
overflow:visible!important;
transform:none!important
}
.w-webflow-badge>img{
visibility:visible!important;
opacity:1!important;
vertical-align:middle!important;
display:inline-block!important
}
h1,h2,h3,h4,h5,h6{
margin-bottom:10px;
font-weight:700
}
h1{
margin-top:20px;
font-size:38px;
line-height:44px
}
h2{
margin-top:20px;
font-size:32px;
line-height:36px
}
h3{
margin-top:20px;
font-size:24px;
line-height:30px
}
h4{
margin-top:10px;
font-size:18px;
line-height:24px
}
h5{
margin-top:10px;
font-size:14px;
line-height:20px
}
h6{
margin-top:10px;
font-size:12px;
line-height:18px
}
p{
margin-top:0;
margin-bottom:10px
}
blockquote{
border-left:5px solid #e2e2e2;
margin:0 0 10px;
padding:10px 20px;
font-size:18px;
line-height:22px
}
figure{
margin:0 0 10px
}
figcaption{
text-align:center;
margin-top:5px
}
ul,ol{
margin-top:0;
margin-bottom:10px;
padding-left:40px
}
.w-list-unstyled{
padding-left:0;
list-style:none
}
.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{
width:100%;
height:100%;
border:none;
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:700;
display:block
}
.w-input,.w-select{
width:100%;
height:38px;
color:#333;
vertical-align:middle;
background-color:#fff;
border:1px solid #ccc;
margin-bottom:10px;
padding:8px 12px;
font-size:14px;
line-height:1.42857;
display:block
}
.w-input:-moz-placeholder,.w-select:-moz-placeholder{
color:#999
}
.w-input::-moz-placeholder,.w-select::-moz-placeholder{
color:#999;
opacity:1
}
.w-input::-webkit-input-placeholder,.w-select::-webkit-input-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:400;
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{
width:.1px;
height:.1px;
opacity:0;
z-index:-100;
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:400;
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:400;
display:block
}
.w-file-remove-link{
width:auto;
height:auto;
cursor:pointer;
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:400;
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;
width:28px;
height:20px;
text-align:center;
background:#fff;
border:1px solid #758696;
border-radius:3px;
display:inline-block;
position:relative
}
.w-widget-twitter-count-shim *{
pointer-events:none;
-webkit-user-select:none;
-ms-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:" ";
height:0;
width:0;
pointer-events:none;
border:solid transparent;
position:absolute;
top:50%;
left:0
}
.w-widget-twitter-count-shim:not(.w--vertical):before{
border-width:4px;
border-color:rgba(117,134,150,0) #5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
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:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);
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:" ";
height:0;
width:0;
pointer-events:none;
border:solid transparent;
position:absolute;
top:100%;
left:50%
}
.w-widget-twitter-count-shim.w--vertical:before{
border-width:5px;
border-color:#5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
margin-left:-5px
}
.w-widget-twitter-count-shim.w--vertical:after{
border-width:4px;
border-color:#fff rgba(255,255,255,0) rgba(255,255,255,0);
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{
height:500px;
color:#fff;
position:relative;
overflow:hidden
}
.w-background-video>video{
width:100%;
height:100%;
object-fit:cover;
z-index:-100;
background-position:50%;
background-size:cover;
margin:auto;
position:absolute;
top:-100%;
bottom:-100%;
left:-100%;
right:-100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button{
-webkit-appearance:none;
display:none!important
}
.w-background-video--control{
background-color:transparent;
padding:0;
position:absolute;
bottom:1em;
right:1em
}
.w-background-video--control>[hidden]{
display:none!important
}
.w-slider{
height:300px;
text-align:center;
clear:both;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
background:#ddd;
position:relative
}
.w-slider-mask{
z-index:1;
height:100%;
white-space:nowrap;
display:block;
position:relative;
left:0;
right:0;
overflow:hidden
}
.w-slide{
vertical-align:top;
width:100%;
height:100%;
white-space:normal;
text-align:left;
display:inline-block;
position:relative
}
.w-slider-nav{
z-index:2;
height:40px;
text-align:center;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
margin:auto;
padding-top:10px;
position:absolute;
top:auto;
bottom:0;
left:0;
right: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 rgba(51,51,51,.4)
}
.w-slider-nav-invert{
color:#fff
}
.w-slider-nav-invert>div{
background-color:rgba(34,34,34,.4)
}
.w-slider-nav-invert>div.w-active{
background-color:#222
}
.w-slider-dot{
width:1em;
height:1em;
cursor:pointer;
background-color:rgba(255,255,255,.4);
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{
width:80px;
cursor:pointer;
color:#fff;
-webkit-tap-highlight-color:transparent;
tap-highlight-color:transparent;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
margin:auto;
font-size:40px;
position:absolute;
top:0;
bottom:0;
left:0;
right: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;
top:0;
bottom:0;
left:0;
right:0
}
.w-slider-aria-label{
clip:rect(0 0 0 0);
height:1px;
width:1px;
border:0;
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;
-ms-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{
min-width:100%;
background:#ddd;
display:none;
position:absolute
}
.w-dropdown-list.w--open{
display:block
}
.w-dropdown-link{
color:#222;
padding:10px 20px;
display:block
}
.w-dropdown-link.w--current{
color:#0082f3
}
.w-dropdown-link:focus{
outline:0
}
@media screen and (max-width:767px){
.w-nav-brand{
padding-left:10px
}
}
.w-lightbox-backdrop{
cursor:auto;
letter-spacing:normal;
text-indent:0;
text-shadow:none;
text-transform:none;
visibility:visible;
white-space:normal;
word-break:normal;
word-spacing:normal;
word-wrap:normal;
color:#fff;
text-align:center;
z-index:2000;
opacity:0;
-webkit-user-select:none;
-moz-user-select:none;
-webkit-tap-highlight-color:transparent;
background:rgba(0,0,0,.9);
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;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transform:translate(0)
}
.w-lightbox-backdrop,.w-lightbox-container{
height:100%;
-webkit-overflow-scrolling:touch;
overflow:auto
}
.w-lightbox-content{
height:100vh;
position:relative;
overflow:hidden
}
.w-lightbox-view{
width:100vw;
height:100vh;
opacity:0;
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;
height:auto;
max-width:none
}
.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:rgba(0,0,0,.4);
padding:.5em 1em;
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden
}
.w-lightbox-embed{
width:100%;
height:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.w-lightbox-control{
width:4em;
cursor:pointer;
background-position:50%;
background-repeat:no-repeat;
background-size:24px;
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{
height:2.6em;
background-image:url(data:image/svg+xml;
base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size:18px;
right:0
}
.w-lightbox-strip{
white-space:nowrap;
padding:0 1vh;
line-height:0;
position:absolute;
bottom:0;
left:0;
right:0;
overflow-x:auto;
overflow-y:hidden
}
.w-lightbox-item{
width:10vh;
box-sizing:content-box;
cursor:pointer;
padding:2vh 1vh;
display:inline-block;
-webkit-transform:translate(0,0)
}
.w-lightbox-active{
opacity:.3
}
.w-lightbox-thumbnail{
height:10vh;
background:#222;
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:translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide{
height:100%;
left:50%;
transform:translate(-50%)
}
.w-lightbox-spinner{
box-sizing:border-box;
width:40px;
height:40px;
border:5px solid rgba(0,0,0,.4);
border-radius:50%;
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 transparent;
border-bottom-color:#fff;
border-radius:50%;
position:absolute;
top:-4px;
bottom:-4px;
left:-4px;
right:-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;
top:0;
bottom:0;
left:0;
right: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:transparent;
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{
width:100%;
max-width:100%;
text-align:center;
clear:both;
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;
min-width:200px;
background:#c8c8c8;
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:transparent;
tap-highlight-color:transparent;
-webkit-user-select:none;
-ms-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)
}
to{
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
}
.w-checkbox{
margin-bottom:5px;
padding-left:20px;
display:block
}
.w-checkbox:before{
content:" ";
grid-area:1/1/2/2;
display:table
}
.w-checkbox:after{
content:" ";
clear:both;
grid-area:1/1/2/2;
display:table
}
.w-checkbox-input{
float:left;
margin:4px 0 0 -20px;
line-height:normal
}
.w-checkbox-input--inputType-custom{
width:12px;
height:12px;
border:1px solid #ccc;
border-radius:2px
}
.w-checkbox-input--inputType-custom.w--redirected-checked{
background-color:#3898ec;
background-image:url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
border-color:#3898ec
}
.w-checkbox-input--inputType-custom.w--redirected-focus{
box-shadow:0 0 3px 1px #3898ec
}
.w-form-formrecaptcha{
margin-bottom:8px
}
body{
color:#232323;
font-family:degular,sans-serif;
font-size:18px;
font-weight:400;
line-height:1.5
}
h1{
margin-top:0;
margin-bottom:0;
font-family:degular-display,sans-serif;
font-size:4.5em;
font-weight:700;
line-height:1
}
h2{
margin-top:0;
margin-bottom:0;
font-family:degular-display,sans-serif;
font-size:3.25em;
font-weight:700;
line-height:1
}
h3{
margin-top:0;
margin-bottom:0;
font-family:degular-display,sans-serif;
font-size:2em;
font-weight:700;
line-height:1
}
h4{
margin-top:0;
margin-bottom:0;
font-family:degular-display,sans-serif;
font-size:1.5em;
font-weight:700;
line-height:1
}
h5{
margin-top:10px;
margin-bottom:10px;
font-size:14px;
font-weight:700;
line-height:20px
}
h6{
margin-top:10px;
margin-bottom:10px;
font-size:12px;
font-weight:700;
line-height:18px
}
p{
color:#232323;
margin-bottom:0;
font-size:18px;
line-height:1.5
}
a{
color:#232323;
text-decoration:none
}
ul,ol{
margin-top:0;
margin-bottom:10px;
padding-left:40px
}
img{
max-width:100%;
border-radius:0;
display:inline-block
}
label{
margin-bottom:5px;
font-weight:700;
display:block
}
blockquote{
border-left:5px solid #e2e2e2;
margin-bottom:10px;
padding:10px 20px;
font-size:18px;
line-height:22px
}
figure{
border-radius:16px
}
figcaption{
text-align:center;
margin-top:5px
}
.page-wrapper{
width:100%;
font-size:1em;
position:relative;
overflow:hidden
}
.text-size-h1{
align-self:auto
}
.text-size-h1.is--dark{
color:#232323;
align-self:auto
}
.text-size-h1.is--left{
text-align:left
}
.text-size-h1.is--large{
font-size:5.5em
}
.text-size-h2{
font-size:3.25em
}
.styleguide_rich-text h1{
margin-bottom:.6em
}
.styleguide_rich-text h2{
margin-bottom:24px;
font-size:48px
}
.styleguide_rich-text h4{
margin-bottom:24px;
font-size:24px
}
.styleguide_rich-text blockquote{
border:1px #000;
border-left:2px solid #fac413;
margin-top:48px;
margin-bottom:48px;
padding:0 0 0 24px;
font-size:24px;
font-weight:700;
line-height:1.3
}
.styleguide_rich-text p{
margin-bottom:24px;
line-height:1.4
}
.styleguide_rich-text h3{
margin-bottom:24px;
font-size:32px
}
.styleguide_rich-text h5,.styleguide_rich-text h6{
margin-top:0;
margin-bottom:.6em
}
.styleguide_rich-text ul{
margin-bottom:24px;
padding-left:24px;
font-size:18px;
line-height:1.5;
list-style-type:disc;
overflow:visible
}
.styleguide_rich-text li{
margin-bottom:6px;
line-height:1.4
}
.styleguide_rich-text figure{
margin-bottom:24px;
margin-left:auto;
margin-right:auto;
overflow:hidden
}
.styleguide_rich-text figcaption{
margin-top:12px;
font-size:14px;
position:relative
}
.styleguide_rich-text.is--image{
margin-bottom:3.25em
}
.styleguide_rich-text img{
object-fit:fill
}
.styleguide_rich-text a{
text-decoration:underline
}
.styleguide_rich-text ol{
margin-bottom:24px;
padding-left:24px;
font-size:18px;
overflow:visible
}
.global_symbol{
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.text-size-display{
z-index:2;
color:#fff;
text-align:center;
margin-bottom:0;
padding-bottom:0;
font-family:degular-display,sans-serif;
font-size:10.9vw;
font-weight:700;
line-height:1.06;
position:relative
}
.text-size-display.is--left{
object-fit:fill;
flex-flow:column;
flex:none;
justify-content:center;
align-items:center;
font-size:37em;
line-height:.95;
display:block;
position:static;
top:0%;
bottom:0%;
left:0%;
right:0%;
overflow:hidden
}
.container{
width:100%;
max-width:97.5em;
grid-column-gap:7em;
grid-row-gap:7em;
flex-direction:column;
flex:1;
align-self:stretch;
margin:-1em 5%;
display:flex;
position:static
}
.container.is--intro{
width:auto;
margin-left:5em;
margin-right:5em
}
.container.is--centered{
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.container.is--smaller{
max-width:75em
}
.container.is--slider{
min-height:100vh;
flex-direction:column;
flex:1;
justify-content:center;
align-items:center;
display:flex
}
.container.is--header{
max-width:250em;
grid-column-gap:2.25em;
grid-row-gap:2.25em;
flex-direction:column;
justify-content:center;
align-self:stretch;
align-items:stretch;
margin:0 10% 10em;
display:flex
}
.container.is--line{
margin-top:auto;
margin-bottom:0
}
.container.is--slider2{
margin-left:auto;
margin-right:auto;
padding-left:5%;
padding-right:5%
}
.text-size-h4{
font-family:degular-display,sans-serif;
font-size:1.6em;
font-weight:700;
line-height:1.1
}
.global_embed{
width:0;
height:0;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%;
overflow:hidden
}
.styleguide_list{
grid-column-gap:2.5em;
grid-row-gap:2.5em;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
display:flex
}
.text-size-h5{
color:#edeff1;
text-transform:none;
font-size:1.67em;
line-height:1.3
}
.text-size-h3{
font-size:2em;
font-weight:700;
line-height:1
}
.text-size-h6{
font-size:1.2em
}
.styleguide_form-submit{
font-size:1.25em
}
.styleguide_form-input{
height:3em;
border:1px solid rgba(0,0,0,.2);
border-radius:0;
margin-bottom:1em;
padding:0 .9em;
font-size:1.25em
}
.section{
justify-content:center;
align-items:center;
display:flex
}
.section.is--footer{
color:#fff;
background-color:#232323;
border-top-left-radius:4em;
border-top-right-radius:4em;
align-items:stretch
}
.section.is--footer.is--notop{
border-top-left-radius:0;
border-top-right-radius:0
}
.section.is--relative{
position:relative
}
.section.is--big-heading{
height:50vh;
min-height:40em;
flex-direction:row;
justify-content:flex-start;
align-items:center;
display:flex;
position:static
}
.section.is--products{
height:auto;
min-height:70vh;
position:relative
}
.section.is--gradient-hero{
height:100%;
min-height:20em;
flex-direction:row;
justify-content:center;
align-items:flex-end;
margin-bottom:8em;
position:relative;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.section.is--gradient{
flex-direction:column;
align-items:center;
display:flex;
position:relative
}
.section.is--static{
display:block;
overflow:visible
}
.section.is--big-hero{
height:80vh;
min-height:68em;
grid-column-gap:0em;
grid-row-gap:0em;
color:#fff;
flex-direction:column;
justify-content:center;
align-items:stretch;
padding-top:0;
position:relative
}
.section.is--last{
margin-bottom:8em
}
.section.is--presse{
margin-top:7em
}
.section.is--showreel{
display:flex
}
.navbar{
z-index:999;
margin-bottom:-4em;
position:-webkit-sticky;
position:sticky;
top:0;
bottom:auto;
left:0%;
right:0%
}
.navbar.is--dark{
height:auto;
color:#232323;
background-color:transparent;
margin-top:.4em;
margin-bottom:0;
display:block;
position:fixed
}
.navbar-wrapper{
height:4em;
justify-content:space-between;
align-items:center;
margin-top:0;
margin-left:1.13em;
margin-right:1.13em;
display:flex
}
.navbar-left{
width:auto;
height:100%;
grid-column-gap:.35em;
grid-row-gap:.35em;
flex-direction:row;
flex:none;
justify-content:flex-start;
align-items:center;
display:flex
}
.navbar-right{
padding-bottom:.5em
}
.nav-link{
color:#fff;
white-space:nowrap;
background-color:#303030;
border:1px solid rgba(255,255,255,.18);
border-radius:8px;
flex:none;
align-self:center;
padding:10px 14px 11px;
font-size:18px;
font-weight:700;
line-height:1;
position:static
}
.nav-link:hover,.nav-link.w--current,.nav-link.w--open{
color:#232323;
background-color:#fff
}
.nav-link.is--dark{
grid-column-gap:.6em;
grid-row-gap:.6em;
color:#232323;
display:inline-block
}
.nav-link.is--dark:hover{
color:#edeff1;
background-color:#232323
}
.nav-link.is--dark.w--current{
grid-column-gap:.6em;
grid-row-gap:.6em;
color:#fff;
background-color:#232323;
flex-direction:column;
display:flex
}
.nav-link.is--dark.w--current:hover{
color:#edeff1
}
.nav-link.is--dropdown{
grid-column-gap:.6em;
grid-row-gap:.6em;
color:#232323;
flex-flow:row;
flex:none;
justify-content:flex-start;
align-items:center;
padding:.4em 0 .4em .6em;
display:flex
}
.nav-link.is--dropdown:hover{
color:#edeff1;
background-color:transparent;
border-radius:100vw;
flex-flow:row;
justify-content:flex-start;
align-items:center;
display:flex
}
.nav-link.is--dropdown{
grid-column-gap:.25em;
grid-row-gap:.25em;
color:#232323;
padding-top:.4em;
padding-bottom:.4em;
padding-right:.4em;
display:flex
}
.nav-link.is--dropdown:hover{
color:#edeff1;
background-color:#232323
}
.nav-link.is--dropdown.w--current{
grid-column-gap:.6em;
grid-row-gap:.6em;
color:#232323;
flex-direction:column;
text-decoration:underline;
display:flex
}
.nav-link.is--dropdown.w--current:hover{
color:#232323
}
.gradient-wrapper{
z-index:-1;
width:auto;
height:100%;
flex:none;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%;
overflow:visible
}
.gradient-wrapper.is--slider{
z-index:5;
grid-column-gap:4.17em;
grid-row-gap:4.17em;
background-color:#edeff1;
border-radius:3.33em;
flex-direction:column;
flex:0 auto;
justify-content:flex-start;
align-items:stretch;
margin-right:0;
padding:5em;
display:flex;
position:static;
overflow:visible
}
.gradient-wrapper.is--big-hero{
z-index:-10;
height:100%;
flex-direction:column;
flex:none;
display:block;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.img{
width:100%;
height:100%;
object-fit:cover;
padding-top:0%;
display:inline-block
}
.img.is--big-hero{
display:none
}
.img.is--blur{
object-fit:fill
}
.img.is--1by1{
perspective-origin:50% 0;
transform-origin:50% 0
}
.img.is--bw{
filter:saturate(0%)
}
.gradient-overlay{
height:33%;
background-image:linear-gradient(rgba(255,255,255,0),#fff);
flex:1;
position:absolute;
top:auto;
bottom:0%;
left:0%;
right:0%
}
.hero-subline{
grid-column-gap:1.5em;
flex:none;
justify-content:center;
align-items:center;
margin-top:0;
margin-bottom:0;
display:block
}
.button-bar{
grid-column-gap:.75em;
flex-direction:row;
align-items:flex-start;
display:flex
}
.button{
color:#fff;
text-align:center;
text-transform:none;
background-color:#232323;
border-radius:8px;
padding:18px 20px;
font-size:16px;
font-weight:700;
line-height:1
}
.button:hover{
background-color:#303030
}
.button.is--outline{
background-color:transparent;
padding-top:17px;
padding-bottom:17px;
box-shadow:0 0 0 1px #fff
}
.button.is--outline:hover{
background-color:rgba(255,255,255,.08)
}
.intro-skin{
color:#232323;
background-color:#fff;
border-top-left-radius:4em;
flex:0 auto;
margin-top:0;
margin-left:5%;
padding-top:0;
position:absolute;
top:auto;
bottom:-14%;
left:0%;
right:0%
}
.introblock-wrapper{
grid-column-gap:3.75em;
grid-row-gap:3.75em;
justify-content:space-between;
align-self:stretch;
display:flex
}
.introblock-wrapper.has--background{
grid-column-gap:0em;
grid-row-gap:0em;
align-self:stretch;
position:static;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.introblock-left{
width:50%;
flex:0 auto
}
.introblock-left.is--spacing{
grid-column-gap:1em;
grid-row-gap:1em;
flex-direction:column;
display:flex
}
.introblock-right{
width:60ch
}
.intro{
color:#232323;
flex:0 auto;
align-self:auto;
margin-bottom:0;
font-size:1.4em;
font-weight:600;
line-height:1.3
}
.intro.is--white{
color:#edeff1;
flex:none;
font-size:1em;
line-height:1
}
.intro.is--collection{
margin-top:0;
margin-bottom:0;
font-size:1.1em;
line-height:1.5
}
.intro.is--category{
font-size:1em;
line-height:1
}
.intro.is--cases{
margin-top:0;
margin-bottom:0;
font-size:24px;
line-height:1.4
}
.intro.is--quote{
color:#edeff1;
font-size:1.1em;
line-height:1.5
}
.logoleiste-wrapper{
grid-row-gap:3.25em;
text-align:center;
flex-direction:column;
padding-top:3.25em;
padding-bottom:3.25em;
display:flex
}
.logoleiste-grid{
grid-column-gap:3.25em;
grid-row-gap:2em;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.logoleiste-logo{
width:6em;
height:4em
}
.logoleiste-img{
width:100%;
height:100%;
border-radius:0
}
.case-studies-teaser{
height:auto;
color:#fff;
border-radius:1em;
flex:1;
align-items:stretch;
padding-top:125%;
display:flex;
position:relative;
overflow:hidden
}
.case-studies-teaser:hover{
box-shadow:0 0 0 2px #232323
}
.case-studies-content{
z-index:100;
flex-direction:column;
justify-content:space-between;
align-items:flex-start;
padding:2.5em;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.case-studies-content-inner{
grid-row-gap:.75em;
flex-direction:column;
display:block
}
.tag{
background-color:#232323;
border-radius:100vw;
padding:8px 12px 10px;
font-size:14px;
font-weight:700
}
.headline-topper{
justify-content:flex-end;
align-self:stretch;
align-items:flex-end;
margin-top:-6em;
margin-bottom:-2em;
padding-top:5.5em;
display:flex;
position:relative
}
.headline-topper.is-secondary{
margin-top:0
}
.mega{
color:#ff6f0093;
font-size:11.72em
}
.mega-offset{
z-index:-1;
position:absolute;
bottom:-6.8em;
left:-6%
}
.mega-offset.is--ma{
left:auto;
right:-35%
}
.text-link{
grid-column-gap:.5em;
justify-content:flex-end;
align-items:center;
font-size:16px;
font-weight:700;
line-height:1;
transition:all .2s;
display:flex
}
.text-link:hover{
grid-column-gap:.75em;
color:#303030
}
.text-link.is--collection{
margin-top:2%
}
.link-button-svg{
margin-bottom:-4px
}
.footer-content-top{
justify-content:space-between;
align-items:flex-start;
margin-bottom:6em;
display:flex
}
.footer-content-top-left{
width:40ch
}
.footer-cta-text-wrapper{
color:#232323;
background-color:#fff;
border:1px solid #fff;
border-radius:1em;
align-items:center;
padding:0 1em 1em;
font-weight:700;
line-height:1;
display:flex
}
.footer-cta-text{
font-family:degular-display,sans-serif;
font-size:4.2em;
font-weight:700;
line-height:.95
}
.footer-cta-outer{
grid-column-gap:2px;
display:flex
}
.footer-cta-icon-wrapper{
width:10em;
height:10em;
color:#232323;
background-color:#fff;
border:1px solid #fff;
border-radius:1em;
justify-content:center;
align-items:center;
font-weight:700;
line-height:1;
display:flex
}
.footer-cta-icon-wrapper:hover{
color:#fff;
background-color:#232323;
border-color:#fff
}
.footer-content-middle{
justify-content:space-between;
align-items:flex-end;
display:flex
}
.footer-content-middle-left{
grid-row-gap:1.5em;
flex-direction:column;
align-items:flex-start;
display:flex
}
.footer-logo{
height:2.5em
}
.footer-info{
font-size:12px
}
.footer-content-middle-right{
grid-column-gap:1.5em;
color:#fff;
flex-direction:row;
display:flex
}
.footer-link{
color:#fff;
font-size:16px;
font-weight:700;
line-height:18px
}
.footer-link.hide,.footer-link.hide.w--current{
display:none
}
.footer-content-bottom{
background-image:url(https://assets-global.website-files.com/6390aab0931182e328b06031/63999b640932524f65141e18_Hero_Gradient_HI.webp);
background-position:0 0;
background-size:100vw
}
.footer-image-bottom{
width:100vw
}
.produkt-portfolio-teaser-wrapper{
grid-column-gap:16px;
grid-row-gap:3.25em;
background-color:#edeff1;
border-radius:2em;
flex-direction:column;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
grid-auto-flow:row;
padding:5em;
display:flex
}
.produkt-portfolio-teaser-top{
grid-column-gap:3em;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1.5fr 1fr;
grid-auto-columns:1fr;
justify-content:space-between;
display:grid
}
.produkt-portfolio-teaser-single{
min-height:12em;
background-color:#fac413;
border-radius:1.3em;
flex-direction:column;
justify-content:space-between;
align-items:stretch;
padding:2em 2.5em;
display:flex
}
.produkt-portfolio-teaser-single:hover{
box-shadow:0 0 0 2px #232323
}
.produkt-portfolio-teaser-bottom{
flex:none;
justify-content:flex-end;
align-items:stretch;
display:flex
}
.dms-talk-teaser-wrapper{
grid-column-gap:1.5em;
grid-row-gap:1.5em;
display:flex
}
.dms-talk-teaser-hero{
width:60%;
grid-row-gap:1.5em;
flex-direction:column;
display:flex
}
.dms-talk-teaser-hero-img-wrapper{
border-radius:1.5em;
padding-top:60%;
display:flex;
position:relative;
overflow:hidden
}
.dms-talk-teaser-hero-img-wrapper.is--small{
border-radius:.5em;
flex:1;
overflow:hidden
}
.dms-talk-teaser-hero-img-wrapper.is--small:hover{
box-shadow:none
}
.dms-talk-teaser-hero-img{
flex:0 auto;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%;
overflow:visible
}
.dms-talk-teaser-hero-text{
grid-row-gap:1em;
flex-direction:column;
display:flex
}
.text-tag{
text-transform:uppercase;
font-size:12px;
font-weight:700;
line-height:12px
}
.dms-talk-teaser-extras{
grid-row-gap:1.5em;
flex-direction:column;
flex:1;
justify-content:flex-start;
display:flex
}
.dms-talk-teaser-extras-single{
grid-column-gap:1em;
grid-row-gap:1em;
margin-bottom:1.5em;
display:flex
}
.dms-talk-teaser-extras-single-image-wrapper{
width:30%;
padding-top:20%;
position:relative
}
.dms-talk-teaser-extras-single-image{
border-radius:.75em;
justify-content:center;
align-items:center;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%;
overflow:hidden
}
.dms-talk-teaser-extras-single-text{
grid-row-gap:.4em;
flex-direction:column;
flex:1;
justify-content:center;
display:flex
}
.about-us-teaser-wrapper{
z-index:1;
width:65em;
grid-row-gap:1em;
text-align:center;
flex-direction:column;
flex:0 auto;
justify-content:center;
align-items:center;
margin-top:7em;
margin-bottom:7em;
display:flex;
position:relative;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.section-blur-wrapper{
z-index:-1;
flex:0 auto;
display:flex
}
.blur-image{
width:100vw;
position:absolute;
top:-40vw;
right:-48.5vw
}
.blur-image.is--left{
top:auto;
bottom:-86vh;
left:-45vw;
right:auto
}
.main-wrapper.is--overflow-visible{
overflow:visible
}
.section-blur-wrapper-inner{
display:block
}
.headline-wrapper{
text-align:center;
-webkit-text-fill-color:inherit;
background-clip:border-box;
flex:0 auto;
order:0;
justify-content:center;
align-self:auto;
align-items:center;
font-size:3em;
display:flex;
position:relative;
bottom:-1.6em
}
.headline-wrapper.is--cases{
width:70ch;
-webkit-text-fill-color:inherit;
background-image:none;
background-clip:border-box;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
font-size:1.2em;
position:static;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.subheadline-wrapper{
flex-direction:row;
flex:none;
justify-content:space-between;
align-items:center;
margin-left:0%;
display:flex
}
.teaser_link{
justify-content:flex-end;
align-items:flex-end;
margin-top:.6em;
display:flex
}
.collection-list-wrapper{
width:100%;
height:33.13em;
background-color:transparent;
border-radius:5%;
flex-direction:column;
justify-content:space-between;
padding:2.24em 2.08em 2.97em;
display:flex
}
.collection-list-wrapper.is--products{
height:100%;
grid-column-gap:1.5em;
grid-row-gap:1.5em;
border-radius:1.6em;
flex-flow:column;
justify-content:space-between;
align-items:stretch;
display:flex;
overflow:hidden
}
.collection-list-wrapper.is--products:hover{
box-shadow:0 0 0 2px #000
}
.collection-list-wrapper.is--products.is--nolink:hover{
box-shadow:none
}
.collection-list-top{
height:auto;
flex-direction:column;
justify-content:flex-end;
margin-bottom:2em;
display:flex
}
.collection-list-bottom{
height:auto;
min-height:3em;
grid-column-gap:1em;
grid-row-gap:1em;
flex-direction:column;
flex:0 auto;
justify-content:flex-end;
display:flex
}
.product-wrapper{
max-width:62.5em;
flex-direction:row;
justify-content:center;
align-items:center;
margin-bottom:1.25em;
margin-left:auto;
margin-right:auto;
display:flex
}
.text-size-h3-wrapper{
width:30%
}
.products-image{
height:auto;
max-height:14em;
max-width:none
}
.products-image-wrapper{
height:46%;
justify-content:center;
align-items:center;
display:flex
}
.collection-products-headline-wrapper{
width:60%;
height:auto;
grid-column-gap:2.75em;
grid-row-gap:2.75em;
flex-direction:column;
flex:0 auto;
justify-content:flex-start;
align-items:flex-start;
display:flex
}
.collection-products-headline-icon{
width:auto;
height:auto;
justify-content:center;
align-items:center;
display:flex
}
.collection-products-icon{
height:100%;
max-width:80%;
object-fit:fill
}
.collection-products-headline{
width:100%;
grid-column-gap:1.3em;
grid-row-gap:1.3em;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
margin-bottom:0;
display:flex
}
.back-button{
width:3em;
height:3em;
background-color:transparent;
border-radius:0%;
flex:none;
align-self:auto;
margin-top:0;
margin-right:1.3em;
padding-top:.94em
}
.back-button.is--left{
margin-right:0;
padding-top:0
}
.back-button.is--right{
margin-right:0;
padding-top:0;
transform:rotate(180deg)
}
.collection-content-left{
width:760px;
flex:0 auto
}
.collection-content-right{
width:40%;
height:100%;
border-radius:0%;
flex-direction:column;
justify-content:flex-start;
align-items:center;
display:flex;
position:static;
top:10px
}
.quote-wrapper{
background-color:#232323;
border-radius:1.5em;
padding:1.5em
}
.contact-wrapper{
flex-direction:row;
justify-content:flex-end;
align-items:stretch;
display:flex
}
.contact-icon-wrapper{
width:3em;
-webkit-text-fill-color:inherit;
background-color:transparent;
background-clip:border-box;
border:1px solid #000;
border-radius:100vw;
align-self:auto;
padding-top:3em;
position:relative;
overflow:hidden
}
.contact-name-wrapper{
color:#fff;
background-color:#232323;
border-radius:100vw;
flex:0 auto;
justify-content:center;
align-items:center;
padding:.9em 1.4em;
font-size:1em;
font-weight:700;
line-height:1;
display:flex
}
.product-line{
width:80%;
height:1px;
max-width:97.5em;
background-color:#edeff1;
flex-direction:column;
justify-content:center;
align-items:center;
margin-left:10%;
margin-right:10%;
display:flex
}
.collection-richtext-wrapper{
width:760px;
grid-column-gap:32px;
grid-row-gap:32px;
flex-direction:column;
justify-content:center;
margin-left:auto;
margin-right:auto;
display:flex
}
.collection-richtext-wrapper.has-gap{
width:960px;
grid-column-gap:1.5em;
grid-row-gap:1.5em;
margin-bottom:0
}
.video{
border-radius:1em
}
.gradient{
height:100%;
background-image:url(https://assets-global.website-files.com/6390aab0931182e328b06031/63999b640932524f65141e18_Hero_Gradient_HI.webp);
background-position:0 0;
background-size:cover;
border-bottom-right-radius:50px;
border-bottom-left-radius:50px
}
.gradient.is--absolute{
z-index:-999;
height:auto;
background-image:url(https://assets-global.website-files.com/6390aab0931182e328b06031/639c51a56bda873f51a504f3_blurs.jpg);
background-position:50% 0;
background-repeat:no-repeat;
background-size:140%;
display:flex;
position:absolute;
top:-10%;
bottom:0%;
left:0%;
right:0%
}
.gradient.is--big-hero{
height:100%;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
display:block
}
.breadcrumbs-wrapper{
grid-column-gap:10px;
grid-row-gap:10px;
align-items:center;
font-size:18px;
display:flex
}
.text-wrapper{
width:56ch;
grid-column-gap:2em;
grid-row-gap:2em;
flex-direction:column;
justify-content:flex-start;
align-self:center;
align-items:flex-start;
margin-top:2em;
margin-left:auto;
margin-right:auto;
padding-right:0;
font-size:14px;
display:flex
}
.image-wrapper{
width:auto;
object-fit:fill;
border-radius:.8em;
flex:1;
position:relative;
overflow:hidden
}
.image-wrapper.center{
flex:0 auto;
justify-content:center;
align-items:center;
margin-left:auto;
margin-right:auto;
display:block;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.image-wrapper.center:hover{
transform:scale(1)
}
.image-wrapper.is--aboutpage{
z-index:5;
height:auto;
white-space:normal;
object-fit:fill;
border-radius:1em;
flex:0 auto;
position:relative;
top:0%;
bottom:0%;
left:0%;
right:0%;
overflow:hidden
}
.image-wrapper.is--collection,.image-wrapper.is--blog{
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.image-text-wrapper{
grid-column-gap:3em;
grid-row-gap:3em;
flex-direction:row;
justify-content:space-between;
align-items:stretch;
display:flex
}
.image-text-wrapper.is--reverse{
flex-direction:row-reverse
}
.breadcrumb{
margin-bottom:0
}
.breadcrumb.is--bold{
color:#232323;
background-color:rgba(35,35,35,.08);
border-radius:8px;
margin-left:0;
padding:6px 10px;
font-weight:700
}
.breadcrumb.is--bold:hover{
box-shadow:0 0 0 2px #232323
}
.category-wrapper{
width:100%;
grid-column-gap:1.5em;
grid-row-gap:1.5em;
white-space:normal;
background-color:#edeff1;
border-radius:1em;
flex:none;
padding:1.5em
}
.h3-headline-wrapper.is--center{
text-align:center;
align-self:center
}
.contact-icon{
height:100%;
border-radius:50%
}
.background-image-wrapper{
z-index:-999;
width:100vw;
background-image:url(https://assets-global.website-files.com/6390aab0931182e328b06031/63999a7528a4d16efecf15c9_Hero_Gradient.webp);
background-position:50% 0;
background-repeat:no-repeat;
background-size:auto;
position:absolute;
top:-485px;
bottom:21%;
left:0%;
right:0%
}
.cases-richtext-wrapper{
width:50%;
max-width:760px;
margin-left:auto;
margin-right:auto;
padding-left:0;
padding-right:0
}
.collection-headline-wrapper{
width:auto;
grid-column-gap:1.67em;
grid-row-gap:1.67em;
text-align:left;
flex-direction:column;
flex:1;
justify-content:center;
align-items:flex-start;
margin-left:5%;
margin-right:5%;
padding-top:6.7em;
display:flex;
position:relative;
top:auto;
bottom:-1.9em;
right:0%
}
.collection-headline-wrapper.is--blog{
flex-direction:row;
justify-content:space-between;
align-items:flex-end
}
.cases-intro-parts{
grid-column-gap:1.5em;
grid-row-gap:1.5em;
flex-direction:column;
display:flex
}
.cases-intro-parts.is--last{
grid-column-gap:1.25em;
grid-row-gap:1.25em;
flex-flow:column wrap;
align-content:space-between;
margin-bottom:0;
display:flex
}
.product-tags-wrapper{
grid-column-gap:.5em;
grid-row-gap:.5em;
flex-flow:wrap;
flex:1;
justify-content:flex-start;
align-items:center;
display:flex
}
.product-tags{
grid-column-gap:8px;
grid-row-gap:8px;
text-align:center;
white-space:nowrap;
border-radius:.75em;
justify-content:center;
margin-bottom:0;
padding:1em 2em;
font-weight:700;
display:flex
}
.product-tags:hover{
box-shadow:0 0 0 2px #232323
}
.case-studies-clients-wrapper{
grid-column-gap:.25em;
grid-row-gap:.25em;
display:flex
}
.cases-studies-imagewrapper{
width:100%;
height:100%;
object-fit:fill;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%;
overflow:hidden
}
.collection-list-cases-teaser{
display:block
}
.dms-talk-teaser-background{
width:100%;
height:100%;
grid-column-gap:.75em;
grid-row-gap:.75em;
object-fit:fill;
background-color:#edeff1;
border-radius:1em;
flex-direction:column;
justify-content:space-between;
align-items:stretch;
padding:.5em;
display:flex;
overflow:visible
}
.dms-talk-teaser-background:hover{
box-shadow:0 0 0 2px #232323
}
.collection-dms-talks-list{
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
align-content:stretch;
justify-content:stretch;
align-items:stretch;
justify-items:stretch;
display:grid
}
.collection-dms-talks{
z-index:1
}
.dms-talk-teaser-inner{
grid-row-gap:.5em;
flex-direction:column;
padding-bottom:.75em;
padding-left:.5em;
padding-right:.5em;
display:flex
}
.dms-talk-teaser-hero-item{
width:100%;
grid-row-gap:1.5em;
flex-direction:column;
display:flex
}
.gradient-heading-wrapper{
white-space:normal;
-webkit-text-fill-color:transparent;
object-fit:fill;
background-image:url(https://assets-global.website-files.com/6390aab0931182e328b06031/63999b640932524f65141e18_Hero_Gradient_HI.webp);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
-webkit-background-clip:text;
background-clip:text;
flex-flow:row;
justify-content:space-between;
align-self:flex-start;
align-items:stretch;
margin-top:0%;
display:block;
position:static;
top:0%;
bottom:auto;
left:0%;
right:0%;
overflow:visible
}
.slider-wrapper{
flex-flow:wrap;
justify-content:space-between;
align-items:stretch;
padding-top:0;
padding-left:0;
padding-right:0;
display:flex;
position:static
}
.slider-left{
width:50%;
grid-column-gap:2em;
grid-row-gap:2em;
flex-direction:column;
justify-content:space-between;
display:flex;
position:relative
}
.slider-right{
width:40%
}
.slider-left-content{
flex-direction:column;
display:flex
}
.slider_height{
width:100%;
grid-column-gap:.75em;
grid-row-gap:.75em;
flex-direction:column;
padding:140% 0 0;
position:relative;
overflow:visible
}
.arrows{
z-index:100;
grid-column-gap:.75em;
grid-row-gap:.75em;
align-items:flex-end;
display:flex;
position:absolute;
top:auto;
bottom:0%;
left:0%;
right:auto
}
.mitarbeiter-text{
width:80ch;
padding-left:10%;
padding-right:10%;
font-size:16px
}
.mitarbeiter-text.is--slider{
width:auto;
max-width:50ch;
color:#232323;
margin-bottom:0;
padding:0 0%
}
.bold-text{
font-weight:600
}
.blur_rectangle{
width:6em;
height:6em;
background-color:#fc8122;
border-radius:.8em;
position:absolute;
top:5%;
bottom:auto;
left:5%;
right:auto
}
.blur_rectangle.is--blue{
z-index:-33;
width:8em;
height:8em;
filter:blur(4px);
background-color:#afcde5;
top:7%;
bottom:auto;
left:auto;
right:23%
}
.blur_rectangle.is--yellow{
z-index:-33;
width:10em;
height:10em;
filter:none;
background-color:transparent;
background-image:radial-gradient(circle farthest-side,#fac413,#fac413 58%,#fff),url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:0 0,0 0;
background-size:auto,auto;
top:auto;
bottom:0%;
left:28%;
right:0%
}
.blur_rectangle.is--orange{
z-index:-33;
width:12em;
height:12em;
filter:none;
background-color:transparent;
background-image:radial-gradient(circle farthest-side,#fc8122,#fc8122 32%,transparent);
top:2%;
left:1%
}
.image-blocks-wrapper{
width:50%;
flex:none;
position:relative
}
.address-wrapper{
grid-column-gap:1em;
grid-row-gap:1em;
flex-direction:column;
display:flex
}
.map{
width:auto;
height:30em;
flex:1;
align-self:stretch
}
.form-wrapper{
grid-column-gap:2em;
grid-row-gap:2em;
background-color:#fff;
border:1px solid #000;
border-radius:1em;
flex-direction:column;
padding:1.83em 2.93em;
display:flex
}
.contentblock-60{
width:58%;
max-width:50em
}
.text-field{
height:60px;
color:#232323;
background-color:#fff;
border:1px solid #232323;
border-radius:8px;
margin-bottom:0;
padding-left:20px;
padding-right:20px;
font-size:20px
}
.text-field:hover{
box-shadow:inset 0 0 0 2px #000
}
.text-field:focus{
border-color:#232323;
box-shadow:inset 0 0 0 2px #000,0 0 0 2px rgba(0,0,0,.18)
}
.text-field::-ms-input-placeholder{
color:#8996a4
}
.text-field::placeholder{
color:#8996a4
}
.text-field.is--high{
height:10em
}
.formfield{
width:100%;
grid-column-gap:8px;
grid-row-gap:8px;
flex-direction:column;
display:flex
}
.formfield.has--top-padding{
padding-top:2em
}
.form{
grid-column-gap:12px;
grid-row-gap:12px;
flex-flow:column wrap;
grid-template-rows:auto auto auto auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
align-items:flex-start;
display:grid
}
.field-label{
margin-bottom:0;
font-size:12px
}
.checkbox{
width:16px;
height:16px;
border-color:#232323;
border-radius:4px;
flex:none;
margin:0;
font-size:14px;
line-height:1.2
}
.checkbox:hover{
box-shadow:0 0 0 2px #232323
}
.checkbox.w--redirected-checked{
background-color:#232323;
border-color:#232323
}
.contentblock-40{
width:40%;
grid-column-gap:4em;
grid-row-gap:4em;
flex-direction:column;
flex:0 auto;
justify-content:space-between;
align-items:stretch;
margin-left:0;
display:flex
}
.cases-collection-item-wrapper{
top:28px
}
.cases-collection-item-wrapper:first-child{
top:-.4em
}
.cases-collection-item-wrapper:last-child{
top:-1.1em
}
.cases-collection-item-wrapper:hover{
margin-top:0
}
.products-headline-wrapper{
width:100%;
flex:0 auto;
justify-content:flex-start;
align-items:center;
padding-top:7em;
display:flex
}
.products-content-wrapper{
grid-column-gap:0em;
grid-row-gap:0em;
flex-direction:row;
flex:0 auto;
justify-content:center;
align-items:stretch;
display:flex;
position:relative
}
.blur-teaser{
width:24em;
height:24em;
background-color:transparent;
display:none;
position:absolute;
top:auto;
bottom:-22%;
left:-17%;
right:auto
}
.is--orange{
width:18em;
height:18em;
opacity:1;
filter:blur(18px);
background-color:rgba(252,129,34,.94);
border-radius:50%
}
.is--yellow{
width:18em;
height:18em;
opacity:.9;
filter:blur(18px);
background-color:rgba(250,196,19,.94);
border-radius:50%
}
.floating-heads-wrapper{
min-height:30em;
flex-direction:row;
flex:0 auto;
justify-content:center;
align-items:center;
margin-top:0;
margin-bottom:4em;
display:none;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.floating-head{
justify-content:center;
align-items:center;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:auto;
right:4%
}
.floating-head.is--1{
height:100%;
justify-content:center;
align-items:center;
padding:2em;
position:relative;
top:0%;
bottom:auto;
left:6%;
right:auto
}
.text-column-left{
width:60%;
grid-column-gap:2em;
grid-row-gap:2em;
flex-flow:column;
flex:0 auto;
justify-content:space-between;
align-items:flex-start;
display:flex
}
.image-column-left{
width:90%;
padding-top:40%;
position:relative
}
.image-wrapper-outer{
width:100%;
border-radius:1.5em;
align-self:center;
padding-top:60%;
display:none;
position:relative;
overflow:hidden
}
.image-wrapper-outer.is--presse{
display:block
}
.small-teaser-grid{
grid-column-gap:16px;
grid-row-gap:16px;
grid-template:"Area-1 Area-1 Area-2 Area-3 Area-3""Area-4 Area-5 Area-5 Area-6 Area-7"/1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.big-product-teaser{
grid-column-gap:1.5em;
grid-row-gap:1.5em;
flex-flow:wrap;
grid-template:"Area-1 Area-2"1fr"Area-3 Area-3"100px"Area-4 Area-5"1fr"Area-6 Area-6".5fr/1fr 1fr;
grid-auto-columns:1fr;
align-content:space-between;
justify-content:stretch;
align-items:stretch;
justify-items:end;
display:flex
}
.products_text-wrapper{
width:100%;
grid-column-gap:2em;
grid-row-gap:2em;
flex-direction:column;
justify-content:flex-start;
padding-right:0;
font-size:14px;
display:flex
}
.arrow-button{
width:3.25em;
height:3.25em;
background-color:#232323;
border-radius:1em;
flex:none;
justify-content:center;
align-items:center;
margin-top:1em;
display:flex
}
.arrow-button:hover{
background-color:#303030
}
.arrow-button.is--left{
display:flex
}
.arrow-button.is--textlink-right{
width:26px;
height:26px;
border-radius:.5em;
margin-top:0;
display:flex
}
.arrow-button.is--up{
transform:rotate(90deg)
}
.arrow-button.is--left,.arrow-button.is--right{
z-index:10
}
.arrow-left{
width:.75em
}
.image{
max-width:2.71em;
border-radius:50%
}
.employee-grid{
height:40em;
min-height:auto;
grid-column-gap:10px;
grid-row-gap:10px;
grid-template:"Area-1. .Area-2 Area-2"15%". . . .Area-3"30%"Area-4. . .Area-5"30%"Area-6 Area-6 Area-7 Area-7 Area-7"15%/1.75fr 1fr 1fr 1fr 1.75fr;
grid-auto-columns:1fr;
align-content:space-between;
justify-content:space-between;
align-items:center;
justify-items:center;
display:grid;
position:relative
}
.arrow-right.is--textlink{
transform:rotate(180deg)
}
.richtext-image-wrapper{
width:auto;
height:auto;
border-radius:.8em;
overflow:hidden
}
.collection-category-teaser{
flex:auto
}
.radial-gradient.is--1{
z-index:10;
width:22em;
height:22em;
background-color:transparent;
background-image:radial-gradient(circle farthest-side,#fc8122,transparent),radial-gradient(circle farthest-side,#fc8122,#fc8122 0%,#fc8122 39%,transparent);
border-radius:50%;
position:absolute;
top:auto;
bottom:-20%;
left:-30%;
right:auto
}
.radial-gradient.is--2{
z-index:10;
width:20em;
height:20em;
background-color:transparent;
background-image:radial-gradient(circle farthest-side,#fac413,transparent),radial-gradient(circle farthest-side,#fac413,#fac413 0%,#fac413 39%,transparent);
border-radius:50%;
position:absolute;
top:auto;
bottom:-30%;
left:11%;
right:0%
}
.shadow{
z-index:2;
background-image:linear-gradient(transparent,transparent 62%,rgba(0,0,0,.59));
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.arrow-down{
color:#edeff1;
transform:rotate(90deg)
}
.arrow-down.is--dark{
display:none
}
.icon{
color:#edeff1;
background-color:transparent;
flex:none;
margin-top:auto;
margin-bottom:auto;
display:none
}
.navbar-dropdown-wrapper-inner{
width:auto;
color:#ececec;
background-color:transparent;
border-radius:2em;
flex-flow:column wrap;
flex:none;
align-items:flex-start;
margin-top:0;
padding:0;
display:flex;
position:static;
top:118%;
bottom:auto;
left:0%;
right:0%
}
.nav-arrow-wrapper{
width:auto;
grid-column-gap:0em;
grid-row-gap:0em;
flex-direction:row-reverse;
flex:none;
align-self:auto;
align-items:center;
padding:0 .4em .1em;
display:flex
}
.nav-arrow-wrapper:hover{
background-color:transparent;
border-radius:100vw
}
.navbar-text{
color:#232323;
mix-blend-mode:normal
}
.navbar-text:hover{
color:#232323;
background-color:transparent
}
.dropdown{
grid-column-gap:0em;
grid-row-gap:0em;
color:#232323;
background-color:transparent;
border-radius:100vw;
flex-direction:row;
align-items:center;
padding:0 0 0 0;
display:flex
}
.dropdown.w--open{
background-color:transparent
}
.logo{
width:96px;
display:block
}
.navbar-icon{
display:none
}
.dropdown-wrapper-outer{
height:auto;
background-color:rgba(231,231,231,.74);
background-image:none;
background-repeat:repeat;
background-size:auto;
border-radius:1.2em;
flex-direction:column;
align-items:flex-start;
margin-top:.8em;
margin-bottom:0;
padding:1.2em .6em 2em;
display:flex;
position:absolute;
overflow:visible
}
.dropdown-wrapper{
display:flex
}
.dropdown-wrapper:hover{
background-color:#232323;
border-radius:100vw;
padding-right:.9em
}
.dropdown-wrapper.is--dark{
border-radius:200vw
}
.dropdown-wrapper.is--dark:hover{
color:#edeff1;
background-color:transparent
}
.dropdown-list,.dropdown-list.w--open{
background-color:transparent
}
.sticky-div{
width:19.44em;
position:-webkit-sticky;
position:sticky;
top:112px
}
.navigation{
background-color:#edeff1;
position:-webkit-sticky;
position:sticky;
top:0
}
.product-menu-wrapper{
opacity:0;
background-color:#fff;
justify-content:space-between;
align-items:center;
margin-top:0;
padding-left:1.4em;
padding-right:1.4em;
display:flex;
position:relative
}
.prod-menu-left{
grid-column-gap:1em;
grid-row-gap:1em;
align-items:center;
display:flex
}
.prod-menu-content{
flex-direction:column;
display:flex
}
.prod-title-wrapper{
font-size:14px
}
.hero_heading{
width:100%;
height:auto;
flex:none;
margin-left:auto;
margin-right:auto;
padding-left:0;
font-size:14px
}
.hero_sub-heading{
grid-column-gap:4em;
grid-row-gap:4em;
color:#4f26e9;
text-transform:uppercase;
justify-content:flex-end;
align-self:flex-end;
align-items:center;
margin-top:2em;
margin-bottom:2.06em;
padding-top:.4em;
padding-bottom:.4em;
padding-right:.4em;
font-weight:500;
display:flex;
position:relative
}
.main-title_tag-wrapper{
z-index: 3;
height: auto;
opacity: 1;
color: #1f1f1f;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
display: block;
position: absolute;
top: auto;
bottom: -8%;
margin-left: -4%;
}
.subline_text{
color:#fff;
text-transform:none;
font-family:degular,sans-serif;
font-size:1.13em;
font-weight:400;
line-height:1.3
}
.main-title{
width:auto;
max-width:100%;
padding-bottom:0;
position:relative
}
.main-title_bg{
z-index:1;
width:100%;
height:100%;
background-color:#232323;
border-radius:1em;
margin-bottom:0;
padding-bottom:0;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.main-title_tag{
z-index:1;
margin-top:0;
padding:0 1.6em 1.6em;
position:relative
}
.hero{
width:100%;
flex:none;
justify-content:center;
align-self:center;
display:flex
}
.menu-dropdown{
margin-left:0;
margin-right:0
}
.nav{
z-index:1000;
justify-content:center;
align-items:center;
padding-top:18px;
padding-left:18px;
padding-right:18px;
display:flex;
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.nav-wrapper{
width:100%;
max-width:97.5em;
grid-column-gap:24px;
grid-row-gap:24px;
flex-direction:row;
justify-content:space-between;
align-items:center;
display:flex;
position:relative
}
.nav-wrapper-left{
background-color:rgba(216,216,216,.26);
border:1px solid rgba(255,255,255,.36);
border-radius:12px;
align-self:center;
align-items:center;
padding:10px
}
.desktop-menu-dropdown{
position:static
}
.dropdown-list-menu{
top:0%;
bottom:auto;
left:0%;
right:0%
}
.dropdown-list-menu.w--open{
background-color:#edeff1;
border-radius:1.7em;
justify-content:space-between;
padding:1em;
top:110%;
bottom:auto;
left:0%;
right:0%
}
.nav-left{
grid-column-gap:8px;
grid-row-gap:8px;
align-self:center;
display:flex
}
.mobile-menu-dropdown{
display:none
}
.desktop-wrapper{
grid-column-gap:8px;
grid-row-gap:8px;
align-items:center;
display:flex
}
.mobile-menu-dropdown-1{
display:none;
position:static
}
.overflow-hidden{
position:relative;
overflow:hidden
}
.nav-teaser-grid{
grid-column-gap:16px;
grid-row-gap:16px;
grid-template:"Area-1 Area-1 Area-2 Area-3 Area-3""Area-4 Area-5 Area-5 Area-6 Area-7"/1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid
}
.image-text-image-wrapper{
width:50%;
justify-content:center;
align-self:center;
align-items:center;
display:flex;
position:relative
}
.image-text-image-wrapper.is--tabs{
width:100%;
margin-top:7%
}
.image-text-blur-wrapper{
width:20%;
background-color:#fc8122;
border-radius:1.5em;
padding-top:20%;
position:absolute;
top:auto;
bottom:77%;
left:0%;
right:auto
}
.image-text-blur-wrapper.is--2nd{
width:15%;
background-color:#afcde5;
padding-top:15%;
top:auto;
bottom:85%;
left:auto;
right:24%
}
.image-text-blur-wrapper.is--3rd{
width:10%;
background-color:#fac413;
border-radius:1em;
padding-top:10%;
top:89%;
bottom:auto;
left:33%;
right:auto
}
.image-test-image-inner-wrapper{
width:80%;
position:relative
}
.dsgvo-link{
text-decoration:underline
}
.checkbox-wrapper{
grid-column-gap:8px;
justify-content:flex-start;
align-items:center;
margin-bottom:0;
padding-left:0;
display:flex
}
.checkbox-label{
margin-bottom:auto;
font-weight:400
}
.checkbox-label.is--small{
font-size:14px
}
.case-quote-wrapper{
grid-column-gap:24px;
grid-row-gap:24px;
flex-direction:column;
display:flex
}
.quote{
font-family:degular-display,sans-serif;
font-size:32px;
font-weight:700;
line-height:1.3
}
.case-quote-author{
font-size:18px;
line-height:1.3
}
.case-quote-author.is--bold{
font-weight:700
}
.trennlinie{
width:100%;
height:1px;
background-color:#edeff1;
margin-top:64px;
margin-bottom:64px
}
.n-small-teaser-grid{
grid-column-gap:1em;
grid-row-gap:1em;
flex-wrap:wrap;
grid-template:"Area-1 Area-1 Area-2 Area-3 Area-3""Area-4 Area-5 Area-5 Area-6 Area-7"/1fr 1fr 1fr 1fr 1fr;
grid-auto-columns:1fr;
display:flex
}
.n-produkt-portfolio-teaser-single{
color: #090909;
padding: 0.7em 1.7em;
font-size: 18px;
border-radius: 0.5em;
background: #d5d5d5;
cursor: pointer;
border: 1px solid #fbeda0;
transition: all 0.3s;
box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
height:100%;
min-height:12em;
grid-column-gap:1.5em;
grid-row-gap:1.5em;
background-color:#ffffff;
border-radius:1.3em;
flex-direction:column;
justify-content:space-between;
align-items:stretch;
padding:2em 2.5em;
display:flex
}
.n-produkt-portfolio-teaser-single:hover{
color: #666;
box-shadow: inset 4px 4px 12px #c5c5c5, inset 14px 14px 12px #ffffff;
}
.n-produkt-portfolio-teaser-single.is--product-teaser{
color:#fff;
background-color:#232323
}
.n-produkt-portfolio-teaser-single.is--product-teaser:hover{
background-color:#303030
}
.n-produkt-portfolio-teaser-item{
flex:17em
}
.dropdown-2{
position:static
}
.dsfdghjtr{
top:0%;
bottom:auto;
left:0%;
right:0%
}
.nav-right{
background-color:#232323;
border:1px rgba(255,255,255,.26);
border-radius:12px;
padding:10px
}
.slider-left-content-header{
grid-column-gap:.75em;
grid-row-gap:.75em;
flex-direction:column;
margin-bottom:1.5em;
display:flex
}
.gradient-white{
display:none
}
.contact-icon-wrapper-inner{
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.collection-item{
flex:20em
}
.cases-collection-onsite-item-wrapper{
padding-left:0;
padding-right:0;
position:static;
top:28px
}
.cases-collection-onsite-item-wrapper:first-child{
position:static;
top:-.4em
}
.cases-collection-onsite-item-wrapper:last-child{
top:-1.1em
}
.cases-collection-onsite-item-wrapper:hover{
margin-top:0
}
.cases-collection-onsite-list-wrapper{
grid-column-gap:.75em;
grid-row-gap:.75em;
flex-wrap:wrap;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
display:grid;
top:28px
}
.cases-collection-onsite-list-wrapper:first-child{
position:static;
top:-.4em
}
.cases-collection-onsite-list-wrapper:last-child{
top:-1.1em
}
.cases-collection-onsite-list-wrapper:hover{
margin-top:0
}
.case-studies-onsite-teaser{
height:auto;
color:#fff;
border-radius:1em;
flex:1;
align-items:stretch;
padding-top:125%;
display:flex;
position:relative;
overflow:hidden
}
.case-studies-onsite-teaser:hover{
box-shadow:0 0 0 2px #000
}
.nav-link-dropdown{
padding:0
}
.swiper.is-content{
width:100%;
height:100%;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.swiper.is--gallery{
width:100%;
height:100%;
border-radius:.8em;
overflow:hidden
}
.slider_wrap{
width:100%;
flex-wrap:wrap;
justify-content:center;
align-items:stretch;
display:flex;
position:relative
}
.slider_right{
width:30%
}
.arrow{
width:7em;
height:3.1em;
border:1px solid rgba(184,165,255,.24);
border-radius:100vw;
justify-content:center;
align-items:center;
margin-right:1em;
transition:all .2s;
display:flex
}
.arrow:hover{
color:#111;
background-color:#b8a5ff;
border-color:#b8a5ff
}
.swiper-slide.is-content{
width:100%;
height:100%;
flex-direction:column;
justify-content:space-between;
align-items:flex-start;
display:flex;
position:relative;
top:0%;
bottom:0%;
left:0%;
right:auto
}
.swiper-slide.is-photos{
width:100%;
height:100%;
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
border-radius:1.2em;
position:relative;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.swiper-slide.is--gallery{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
padding-top:60%
}
.arrow_svg{
width:.8em;
height:1.13em
}
.arrow_svg.is-alt{
transform:rotate(-180deg)
}
.swiper-wrapper.is-photos{
width:100%;
position:relative
}
.swiper-wrapper.is-content{
width:100%;
height:100%;
position:relative;
overflow:hidden
}
.slider_left{
width:50%;
position:relative
}
.arrows-2{
z-index:100;
justify-content:flex-start;
align-items:center;
display:flex;
position:absolute;
top:auto;
bottom:0%;
left:0%;
right:auto
}
.slider-height{
padding-top:140%
}
.slider-info-top{
width:65ch;
grid-column-gap:0em;
grid-row-gap:0em
}
.slider-title{
margin-bottom:.75em
}
.ma-position{
margin-bottom:1em;
font-size:16px
}
.utility-page-wrap{
width:100vw;
height:100vh;
max-height:100%;
max-width:100%;
justify-content:center;
align-items:center;
display:flex
}
.utility-page-content{
width:260px;
text-align:center;
flex-direction:column;
display:flex
}
.utility-page-form{
flex-direction:column;
align-items:stretch;
display:flex
}
._404-wrapper{
width:100vw;
height:100vh;
grid-column-gap:3.25em;
grid-row-gap:3.25em;
flex-direction:column;
justify-content:center;
align-items:center;
display:flex
}
.error-message{
color:#fff;
text-align:center;
background-color:#ff4c4c;
border-radius:8px;
font-size:16px;
font-weight:700
}
.success-message{
background-color:#fac413;
border-radius:8px;
font-size:18px;
font-weight:700
}
.inline-text-link{
text-decoration:underline
}
.anmeldung-wrapper{
grid-column-gap:1.5em;
grid-row-gap:1.5em;
text-align:center;
background-color:#fac413;
border-radius:1.5em;
flex-direction:row;
justify-content:space-between;
align-items:center;
padding:1.5em 2em;
display:flex
}
.anmeldung-wrapper:hover{
box-shadow:0 0 0 2px #232323
}
.anmeldung-content{
grid-column-gap:8px;
grid-row-gap:8px;
text-align:left;
flex-direction:column;
align-items:flex-start;
display:flex
}
.anmeldung-icon{
width:3.5em;
height:3.5em
}
.anmeldung-top{
grid-column-gap:32px;
grid-row-gap:32px;
flex-direction:row;
align-items:center;
display:flex
}
.referenzen-wrapper{
background-color:#edeff1;
border-radius:1em;
padding:.75em;
display:flex
}
.referenzen-wrapper:hover{
box-shadow:0 0 0 2px #232323
}
.referenzen-image-sizer{
width:10.25em;
border-radius:.5em;
padding-top:10.25em;
position:relative;
overflow:hidden
}
.referenzen-image-wrapper{
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:0%
}
.referenzen-outer-wrapper{
grid-column-gap:2em;
grid-row-gap:2em;
flex-direction:column;
display:flex
}
.referenzen-text{
flex:1;
align-self:center;
margin-left:2em;
margin-right:2em
}
.referenzen-collection-list{
grid-column-gap:1em;
grid-row-gap:1em;
flex-direction:column;
display:flex
}
.referenzen.hide,.empty-state{
display:none
}
.blog-header-image-wrapper{
width:100%;
max-width:63.44em;
align-self:stretch;
margin-left:auto;
margin-right:auto;
padding-top:43%;
position:relative;
overflow:hidden
}
.collection-dms-blog-list{
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto;
grid-template-columns:1fr 1fr 1fr;
grid-auto-columns:1fr;
align-content:stretch;
justify-content:stretch;
align-items:stretch;
justify-items:stretch;
display:grid
}
.copy{
font-size:16px
}
.author-wrapper{
display:flex
}
.author-image-wrapper{
width:52px;
border:1px solid #000;
border-radius:100%;
padding-top:52px;
position:relative;
overflow:hidden
}
.author-name-wrapper{
grid-column-gap:4px;
grid-row-gap:4px;
color:#fff;
background-color:#232323;
border-radius:100vw;
flex:none;
align-self:stretch;
align-items:center;
padding-left:20px;
padding-right:20px;
font-size:16px;
font-weight:600;
display:flex
}
.gallery-slide{
background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
padding-top:60%
}
.swiper-outer{
width:100%;
align-self:stretch;
margin-left:auto;
margin-right:auto;
position:relative
}
.arrow-prev{
align-items:center;
padding-left:3%;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:0%;
right:auto
}
.arrow-next{
align-items:center;
padding-left:3%;
display:flex;
position:absolute;
top:0%;
bottom:0%;
left:auto;
right:3%
}
.tab-wrapper{
width:100%;
align-self:stretch
}
.tabs{
justify-content:space-between;
display:flex
}
.tabs-menu{
width:40%;
grid-column-gap:1em;
grid-row-gap:1em;
flex-direction:column;
flex:0 auto;
display:flex
}
.tabs-content{
flex:1;
justify-content:flex-end;
padding-left:5em;
display:flex;
overflow:visible
}
.tab-link{
background-color:#edeff1;
border-radius:1em;
padding:2em
}
.tab-link:hover{
outline-offset:0px;
outline:2px solid #232323
}
.tab-link.w--current{
background-color:#fac413
}
.tabs-pane{
width:auto;
max-width:800px;
flex:1
}
.tabs-image-wrapper{
width:100%;
border-radius:.8em;
overflow:hidden
}
.spacer-s{
height:2em
}
.contact-line{
height:1px;
background-color:#ececec;
margin-top:12px;
margin-bottom:12px
}
.spacerxs{
height:24px
}
@media screen and (min-width:1920px){
.text-size-display{
line-height:1
}
.intro-skin{
justify-content:center;
align-items:center;
display:flex
}
.main-title_tag{
padding:0 2.2em 1.9em 2rem
}
}
@media screen and (max-width:991px){
.text-size-h1{
font-size:5.6em
}
.text-size-h1.is--dark,.text-size-h1.is--left{
font-size:6em
}
.styleguide_rich-text figure{
margin-bottom:4px
}
.global_symbol{
}
.text-size-display.is--left{
font-size:38em
}
.container.is--smaller{
max-width:none
}
.text-size-h4{
font-size:2.5em
}
.text-size-h4.is--smaller{
font-size:1.6em
}
.text-size-h3{
font-size:3.5em
}
.text-size-h3.is--tabs{
font-size:3em
}
.text-size-h6{
font-size:1.4em
}
.section.is--relative{
min-height:auto
}
.section.is--big-heading{
height:40vh
}
.section.is--products{
height:auto;
min-height:45vh;
align-items:flex-end;
padding-top:8em
}
.section.is--gradient-hero{
height:auto;
min-height:22vh;
margin-bottom:8em;
padding-top:0
}
.section.is--big-hero{
height:70vh;
min-height:75em;
padding-top:0
}
.section.is--presse{
margin-top:12em
}
.navbar.is--dark{
background-color:transparent;
display:block
}
.navbar-wrapper{
background-color:transparent;
flex-direction:row-reverse
}
.navbar-left{
z-index:-1;
height:0;
min-height:0;
grid-column-gap:1em;
grid-row-gap:1em;
background-color:rgba(237,239,241,.89);
flex-direction:column;
flex:0 auto;
grid-template-rows:auto auto;
grid-template-columns:1fr 1fr;
grid-auto-columns:1fr;
justify-content:center;
align-items:flex-start;
margin-bottom:0;
padding:0 10em;
display:flex;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%;
overflow:hidden
}
.nav-link.is--dark{
color:#232323;
padding-top:.4em;
padding-bottom:.4em;
display:block;
position:relative
}
.nav-link.is--dark:hover,.nav-link.is--dark:focus{
color:#edeff1;
background-color:#232323;
display:inline-block
}
.nav-link.is--dropdown{
grid-column-gap:1.5em;
grid-row-gap:1.5em;
padding-left:.6em;
padding-right:0;
font-size:18px;
display:flex
}
.nav-link.is--dropdown:hover{
flex-flow:row;
display:flex
}
.nav-link.is--dropdown{
grid-column-gap:.25em;
grid-row-gap:.25em;
padding-top:.4em;
padding-bottom:.4em;
position:relative
}
.nav-link.is--dropdown:hover{
grid-column-gap:0em;
grid-row-gap:0em;
color:#edeff1;
background-color:#232323;
display:flex
}
.gradient-wrapper{
height:auto;
position:absolute
}
.gradient-wrapper.is--big-hero{
flex-direction:column;
flex:none;
display:flex
}
.button-bar{
grid-column-gap:12px;
grid-row-gap:12px;
flex-direction:row
}
.button{
font-size:16px
}
.button.is---noshrink{
flex:none
}
.introblock-wrapper{
grid-column-gap:0em;
grid-row-gap:0em
}
.introblock-wrapper.has--background{
grid-column-gap:4em;
grid-row-gap:4em;
flex-direction:column
}
.introblock-wrapper.is--2col{
grid-column-gap:4em;
grid-row-gap:4em;
flex-wrap:wrap
}
.introblock-left{
width:50%
}
.intro.is--white{
font-size:1em
}
.intro.is--collection{
font-size:1.4em;
line-height:1.3
}
.intro.is--category{
font-size:1.1em
}
.intro.is--cases{
font-size:20px
}
.intro.is--quote{
color:#edeff1;
font-size:1.5em;
line-height:1.5
}
.logoleiste-grid{
grid-column-gap:5em;
grid-row-gap:3em
}
.logoleiste-logo{
width:8em
}
.case-studies-teaser{
border-radius:1em
}
.tag{
padding-top:6px;
padding-bottom:8px;
font-size:12px
}
.text-link.is--collection{
margin-top:1%
}
.footer-content-top-left{
width:50ch
}
.footer-content-middle-left{
grid-column-gap:3em;
grid-row-gap:3em
}
.produkt-portfolio-teaser-top{
grid-template-columns:1fr 2fr 1fr
}
.produkt-portfolio-teaser-single{
height:100%;
min-height:12em
}
.dms-talk-teaser-hero-img-wrapper.is--small{
border-radius:1em
}
.about-us-teaser-wrapper{
width:65em;
grid-column-gap:2em;
grid-row-gap:2em;
margin-top:12.2em
}
.blur-image.is--left{
bottom:-42.4vw
}
.headline-wrapper.is--cases{
width:70vw;
grid-column-gap:2em;
grid-row-gap:2em
}
.collection-list-wrapper{
height:40em;
grid-column-gap:1em;
grid-row-gap:1em;
justify-content:flex-end
}
.collection-list-wrapper.is--products{
grid-column-gap:1.5em;
grid-row-gap:1.5em;
border-radius:2em;
padding:2.5em
}
.product-wrapper{
width:auto;
max-width:none
}
.collection-products-headline-wrapper{
width:80%
}
.collection-products-icon{
height:100%;
max-width:60%
}
.collection-content-left{
width:auto;
flex:1
}
.collection-content-right{
width:40%
}
.quote-wrapper{
border-radius:2em
}
.contact-icon-wrapper{
width:auto;
min-width:5em;
padding-top:5em
}
.contact-name-wrapper{
font-size:1.5em
}
.collection-richtext-wrapper{
width:100%;
max-width:760px
}
.collection-richtext-wrapper.has-gap{
width:100%
}
.gradient{
height:100%
}
.gradient.is--absolute{
width:200vw;
top:0%;
bottom:0%;
left:-50vw;
right:0%
}
.text-wrapper{
width:50%;
margin-top:0
}
.image-wrapper.is--collection{
border-radius:2em
}
.image-wrapper.is--blog{
border-radius:1.6em
}
.image-text-wrapper{
width:100%;
grid-column-gap:2em;
grid-row-gap:2em;
padding-left:0%;
padding-right:0%
}
.category-wrapper{
border-radius:2em;
padding:1.5em
}
.contact-icon{
width:100%;
height:100%;
max-width:none
}
.background-image-wrapper{
width:110vw;
position:absolute;
top:-85%;
bottom:auto;
left:0%;
right:0%
}
.cases-richtext-wrapper{
width:100%
}
.collection-headline-wrapper{
width:90%;
padding-top:14.5em
}
.collection-headline-wrapper.is--blog{
grid-column-gap:4em;
grid-row-gap:4em;
flex-direction:column;
align-items:flex-start
}
.product-tags-wrapper{
grid-column-gap:.75em;
grid-row-gap:.75em
}
.product-tags{
grid-column-gap:0px;
grid-row-gap:0px;
border-radius:1em;
flex-direction:row;
justify-content:center;
padding-top:1.25em;
padding-bottom:1.25em
}
.dms-talk-teaser-background{
border-radius:2em;
padding:1em
}
.collection-dms-talks-list{
grid-template-columns:1fr 1fr 1fr
}
.dms-talk-teaser-inner{
flex:1
}
.gradient-heading-wrapper{
margin-top:5%
}
.slider-left{
width:50%
}
.mitarbeiter-text{
width:120ch;
padding-left:0%;
padding-right:0%
}
.blur_rectangle.is--blue{
width:8em;
height:8em;
filter:blur(8px);
top:6%
}
.blur_rectangle.is--yellow{
width:10em;
height:10em;
filter:blur(8px);
bottom:3%
}
.blur_rectangle.is--orange{
filter:blur(10px)
}
.map{
height:50em;
flex:0 auto
}
.form-wrapper{
padding-top:2.9em
}
.contentblock-60{
width:auto;
max-width:none
}
.text-field{
height:52px
}
.formfield{
width:100%
}
.field-label{
font-size:1.4em
}
.checkbox{
font-size:1.2em;
line-height:1.2
}
.contentblock-40{
width:auto
}
.text-block{
font-size:12px
}
.cases-collection-item-wrapper{
padding-left:3px;
padding-right:3px
}
.text-column-left{
width:100%;
grid-column-gap:5em;
grid-row-gap:5em;
flex:1
}
.image-column-left{
width:100%;
padding-top:58%;
overflow:hidden
}
.image-wrapper-outer{
width:100%;
border-radius:2em;
padding-top:60%
}
.small-teaser-grid{
grid-column-gap:11px;
grid-row-gap:10px;
grid-template:"Area-1 Area-1 Area-2""Area-3 Area-3 Area-4""Area-6 Area-5 Area-5""Area-7 Area-7 Area-7"/1fr 1fr 1fr
}
.big-product-teaser{
grid-column-gap:2em;
grid-row-gap:2em
}
.arrow-button{
width:4em;
height:4em;
margin-top:1.2em
}
.arrow-button.is--textlink-right{
margin-top:0
}
.arrow-left{
width:1em
}
.employee-grid{
height:46em;
grid-column-gap:6px;
grid-row-gap:6px;
grid-template:"Area-1 Area-1.Area-2 Area-2."15%". . . .Area-3 Area-3"15%"Area-4 Area-4. . . ."20%"Area-5 Area-5. .Area-6 Area-6"20%".Area-7 Area-7 Area-7. ."15%/1fr 1fr 1fr 1fr 1fr .5fr;
grid-auto-flow:row
}
.collection-category-teaser{
flex:8em
}
.arrow-down.is--light{
display:none
}
.arrow-down.is--dark{
display:block
}
.nav-arrow-wrapper{
padding:.3em 1em
}
.navbar-text{
color:#232323;
font-size:2em
}
.navbar-text:hover{
color:#edeff1
}
.dropdown{
background-color:transparent;
flex:none
}
.dropdown:hover{
background-color:transparent
}
.dropdown.w--open{
background-color:transparent;
display:flex
}
.navbar-icon{
flex-direction:row;
padding:1.2em 2em;
display:flex
}
.dropdown-wrapper-outer{
height:auto;
background-color:transparent;
padding-top:0;
padding-bottom:0;
position:static
}
.dropdown-text{
color:#232323
}
.dropdown-wrapper{
display:flex
}
.dropdown-wrapper:hover{
background-color:#d3d3d3;
border-radius:100vw
}
.dropdown-wrapper.is--dark:hover{
background-color:rgba(231,231,231,.3)
}
.dropdown-list.w--open{
background-color:transparent;
position:static
}
.sticky-div{
width:50ch
}
.nav-text{
font-size:2em
}
.prod-title-wrapper{
font-size:12px
}
.hero_heading{
font-size:10px
}
.hero_sub-heading{
width:100%;
grid-column-gap:2em;
grid-row-gap:2em;
text-align:center;
flex-direction:column;
align-self:center;
padding-right:0
}
.subline_text{
font-size:16px
}
.nav-wrapper-left{
align-items:center
}
.dropdown-list-menu.w--open{
border-radius:2.7em
}
.mobile-menu-dropdown{
display:none
}
.desktop-wrapper{
display:flex
}
.nav-teaser-grid{
grid-column-gap:11px;
grid-row-gap:10px;
grid-template:"Area-1 Area-1 Area-2""Area-3 Area-3 Area-4""Area-6 Area-5 Area-5""Area-7 Area-7 Area-7"/1fr 1fr 1fr
}
.checkbox-label{
font-size:14px
}
.n-small-teaser-grid{
grid-template:"Area-1 Area-1 Area-2""Area-3 Area-3 Area-4""Area-6 Area-5 Area-5""Area-7 Area-7 Area-7"/1fr 1fr 1fr
}
.n-produkt-portfolio-teaser-single{
height:100%;
min-height:12em;
grid-column-gap:3em;
grid-row-gap:3em;
border-radius:2em
}
.n-produkt-portfolio-teaser-item{
flex-basis:25em
}
.collection-item{
flex-basis:31.25em
}
.cases-collection-onsite-list-wrapper{
grid-column-gap:1.25em;
grid-row-gap:1.25em
}
.case-studies-onsite-teaser{
border-radius:1em
}
.swiper.is--gallery{
border-radius:1.6em
}
.slider_wrap{
justify-content:center
}
.swiper-slide.is--gallery,.swiper-wrapper{
border-radius:1.6em
}
.slider-title{
margin-top:1em
}
.ma-position{
font-size:14px;
line-height:1
}
.anmeldung-wrapper{
grid-column-gap:2em;
grid-row-gap:2em;
padding:2.5em 3em 2.5em 2.5em
}
.anmeldung-content{
width:100ch;
grid-column-gap:1em;
grid-row-gap:1em;
flex-direction:column;
align-items:flex-start
}
.anmeldung-icon{
width:32px;
height:32px
}
.anmeldung-top{
grid-column-gap:12px;
grid-row-gap:12px;
flex-direction:column;
align-items:flex-start
}
.referenzen-wrapper{
border-radius:16px;
padding:12px
}
.referenzen-image-sizer{
width:164px;
border-radius:8px;
padding-top:164px
}
.referenzen-outer-wrapper{
grid-column-gap:32px;
grid-row-gap:32px
}
.referenzen-text{
margin-left:32px
}
.referenzen-collection-list{
grid-column-gap:16px;
grid-row-gap:16px
}
.blog-header-image-wrapper{
max-width:100vw;
padding-top:59%
}
.collection-dms-blog-list{
grid-template-columns:1fr 1fr
}
.author-image-wrapper{
flex:none
}
.tabs-menu{
grid-column-gap:1.5em;
grid-row-gap:1.5em
}
.tab-link{
border-radius:1.5em;
padding-top:2.5em;
padding-bottom:2.5em
}
.spacer-s{
height:4em
}
}
@media screen and (max-width:767px){
.text-size-h1,.text-size-h1.is--left{
font-size:48px
}
.text-size-h1.is--subhero{
font-size:64px
}
.text-size-h1.is--large{
font-size:52px
}
.text-size-h2{
font-size:24px
}
.styleguide_rich-text.is--image{
margin-bottom:52px
}
.container{
margin-top:52px;
margin-bottom:52px;
position:static;
left:0
}
.container.is--centered{
margin-top:52px;
margin-bottom:52px
}
.container.is--header{
margin-bottom:112px
}
.container.is--line{
grid-column-gap:32px;
grid-row-gap:32px
}
.container.is--no-bottom{
margin-bottom:0
}
.text-size-h4{
font-size:20px;
line-height:1
}
.text-size-h4.is--smaller,.text-size-h3{
font-size:20px
}
.text-size-h3.is--tabs{
font-size:24px
}
.text-size-h6{
font-size:2.4em
}
.section.is--relative{
min-height:70em
}
.section.is--big-heading{
height:auto
}
.section.is--products{
width:auto;
height:auto;
min-height:35vh
}
.section.is--gradient-hero{
min-height:35em;
margin-bottom:24px
}
.section.is--big-hero{
height:auto;
min-height:auto;
padding-top:112px
}
.section.is--presse{
margin-top:64px;
margin-bottom:-52px
}
.navbar-wrapper{
flex-direction:row-reverse
}
.navbar-left{
height:0;
grid-column-gap:0em;
grid-row-gap:0em
}
.nav-link.w--open{
color:#232323;
background-color:#fff
}
.nav-link.is--dark{
width:auto;
color:#232323;
flex:none;
padding-top:.3em;
padding-bottom:.3em;
display:inline-block
}
.nav-link.is--dark:hover{
color:#edeff1
}
.nav-link.is--dark.w--current{
padding-top:.3em;
padding-bottom:.3em
}
.nav-link.is--dropdown{
grid-column-gap:1.5em;
grid-row-gap:1.5em
}
.nav-link.is--dropdown:hover{
color:#232323;
background-color:transparent;
border-radius:100vw
}
.nav-link.is--dropdown{
width:auto;
grid-column-gap:0em;
grid-row-gap:0em;
color:#232323;
flex:none;
padding-top:.3em;
padding-bottom:.3em;
display:flex
}
.nav-link.is--dropdown.w--current{
padding-top:.3em;
padding-bottom:.3em
}
.gradient-wrapper{
height:100%
}
.gradient-overlay{
height:auto;
background-color:#fff;
background-image:none;
flex:0 auto;
position:static
}
.intro-skin{
border-radius:0;
margin-left:0%;
position:static
}
.introblock-wrapper{
grid-column-gap:24px;
grid-row-gap:24px;
flex-direction:column
}
.introblock-wrapper.has--background{
grid-column-gap:32px;
grid-row-gap:32px;
flex-direction:column-reverse
}
.introblock-wrapper.is--2col{
grid-column-gap:52px;
grid-row-gap:52px
}
.introblock-left{
width:100%
}
.introblock-right{
width:auto
}
.intro{
font-size:18px;
line-height:1.3
}
.intro.is--white{
flex:none;
font-size:1.6em
}
.intro.is--collection{
font-size:1.8em;
line-height:1.2
}
.intro.is--category{
font-size:1.1em
}
.intro.is--cases{
font-size:18px
}
.intro.is--quote{
font-size:20px;
line-height:1.3
}
.logoleiste-wrapper{
padding-top:32px;
padding-bottom:32px
}
.logoleiste-grid{
grid-column-gap:40px;
grid-row-gap:20px
}
.logoleiste-logo{
width:52px;
height:40px
}
.case-studies-teaser{
width:50%;
border-radius:16px;
flex-wrap:wrap;
margin-bottom:2em;
padding-top:130%
}
.case-studies-content{
justify-content:space-between;
padding:24px
}
.tag{
padding-bottom:7px
}
.headline-topper{
justify-content:flex-end;
margin-top:0;
margin-bottom:-20px;
padding-top:0;
padding-bottom:52px;
position:relative
}
.mega{
white-space:nowrap;
font-size: 62px
}
.mega-offset{
z-index:-1;
position:absolute;
left:-13%
}
.text-link{
font-size:12px
}
.text-link:hover{
grid-column-gap:.5em;
grid-row-gap:.5em
}
.footer-content-top{
flex-wrap:wrap
}
.footer-content-top-left{
width:70ch
}
.footer-cta-text-wrapper{
border-radius:12px;
padding-left:1.5em;
padding-right:1.5em
}
.footer-cta-icon-wrapper,.footer-cta-icon-wrapper.w--current{
border-radius:12px
}
.footer-content-middle{
grid-column-gap:24px;
grid-row-gap:24px;
flex-wrap:wrap-reverse
}
.footer-content-middle-left{
width:auto;
grid-column-gap:1em;
grid-row-gap:1em;
flex-wrap:wrap
}
.footer-logo{
height:8em
}
.footer-content-middle-right{
flex-wrap:wrap
}
.produkt-portfolio-teaser-wrapper{
grid-column-gap:8em;
grid-row-gap:8em;
border-radius:24px;
padding:24px
}
.produkt-portfolio-teaser-top{
grid-template-columns:1fr
}
.produkt-portfolio-teaser-single{
border-radius:16px;
padding:16px
}
.dms-talk-teaser-wrapper{
flex-direction:column
}
.dms-talk-teaser-hero{
width:100%
}
.dms-talk-teaser-hero-img-wrapper{
border-radius:2.5em
}
.dms-talk-teaser-hero-img-wrapper.is--small{
border-radius:8px
}
.dms-talk-teaser-extras{
margin-top:4em
}
.dms-talk-teaser-extras-single{
grid-column-gap:24px;
grid-row-gap:24px;
margin-bottom:2em
}
.dms-talk-teaser-extras-single-image{
border-radius:2.5em
}
.dms-talk-teaser-extras-single-text{
grid-column-gap:8px;
grid-row-gap:8px;
justify-content:center
}
.about-us-teaser-wrapper{
width:auto;
grid-column-gap:20px;
grid-row-gap:20px
}
.main-wrapper.is--overflow-visible{
overflow:hidden
}
.headline-wrapper{
bottom:-23px
}
.headline-wrapper.is--cases{
width:auto;
max-width:none;
grid-column-gap:12px;
grid-row-gap:12px
}
.collection-list-wrapper.is--products{
grid-column-gap:24px;
grid-row-gap:24px;
border-radius:16px;
padding:24px
}
.collection-list-top{
margin-bottom:3.8em
}
.collection-products-headline-wrapper{
width:100%;
grid-column-gap:24px;
grid-row-gap:24px
}
.collection-products-icon{
height:auto
}
.collection-products-headline{
grid-column-gap:12px;
grid-row-gap:12px
}
.collection-content-left{
flex:none
}
.collection-content-right{
width:auto
}
.quote-wrapper{
border-radius:24px;
padding:24px
}
.contact-icon-wrapper{
min-width:40px;
padding-top:40px
}
.contact-name-wrapper{
padding:10px 16px;
font-size:16px
}
.collection-richtext-wrapper{
width:100%;
margin-bottom:0
}
.collection-richtext-wrapper.has-gap{
grid-column-gap:16px;
grid-row-gap:16px
}
.gradient{
height:100%;
border-bottom-right-radius:8em;
border-bottom-left-radius:8em
}
.gradient.is--absolute{
top:1%
}
.text-wrapper{
width:100%;
grid-column-gap:12px;
grid-row-gap:12px;
flex-wrap:nowrap
}
.image-wrapper.is--aboutpage{
border-radius:16px;
position:relative
}
.image-wrapper.is--collection{
border-radius:16px
}
.image-text-wrapper{
grid-column-gap:52px;
grid-row-gap:52px;
flex-wrap:wrap;
justify-content:center
}
.category-wrapper{
width:100%;
border-radius:16px;
padding:12px
}
.background-image-wrapper{
width:200vw;
top:-129%;
bottom:auto;
left:-39%;
right:auto
}
.collection-headline-wrapper{
width:auto;
grid-column-gap:12px;
grid-row-gap:12px;
flex:1;
padding-top:112px;
bottom:-15px
}
.collection-headline-wrapper.is--blog{
grid-column-gap:32px;
grid-row-gap:32px
}
.cases-intro-parts{
grid-column-gap:12px;
grid-row-gap:12px
}
.product-tags-wrapper{
grid-column-gap:10px;
grid-row-gap:10px
}
.product-tags{
border-radius:12px;
padding:12px 20px
}
.cases-studies-imagewrapper{
height:100%
}
.dms-talk-teaser-background{
grid-row-gap:8px;
border-radius:12px;
padding:8px
}
.collection-dms-talks-list{
grid-column-gap:12px;
grid-row-gap:21px;
grid-template-columns:1fr 1fr
}
.dms-talk-teaser-inner{
grid-row-gap:4px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px
}
.gradient-heading-wrapper{
margin-top:10%
}
.slider-wrapper{
flex-direction:column-reverse;
align-items:center
}
.slider-left{
width:100%
}
.slider-right{
width:80%;
padding-bottom:32px
}
.arrows{
display:none
}
.mitarbeiter-text{
font-size:11px
}
.mitarbeiter-text.is--slider{
max-width:none
}
.bold-text{
line-height:1.2
}
.blur_rectangle.is--blue{
width:14em;
height:14em;
top:9%
}
.blur_rectangle.is--yellow{
width:18em;
height:18em;
bottom:0%
}
.blur_rectangle.is--orange{
width:20em;
height:20em
}
.image-blocks-wrapper{
width:100%
}
.map{
height:100vw
}
.form-wrapper{
border-radius:24px;
padding:24px
}
.contentblock-60{
width:100%;
margin-left:auto;
margin-right:auto
}
.text-field{
border-radius:.4em
}
.form{
grid-column-gap:3.25em;
grid-template-columns:1fr 1fr
}
.field-label{
font-size:14px
}
.checkbox{
flex:none;
font-size:14px
}
.contentblock-40{
width:100%;
grid-column-gap:24px;
grid-row-gap:24px;
flex-wrap:nowrap;
order:1;
margin-bottom:4em;
margin-left:auto;
margin-right:auto
}
.cases-collection-item-wrapper{
width:50%;
flex-wrap:wrap;
display:flex
}
.cases-collection-item-wrapper:last-child{
top:0
}
.products-headline-wrapper{
grid-column-gap:.75em;
grid-row-gap:.75em;
padding-top:0
}
.products-content-wrapper{
flex-direction:column;
flex:0 auto
}
.blur-teaser{
bottom:-6%;
left:-17%
}
.is--orange{
width:25em;
height:24em
}
.is--yellow{
width:24em;
height:24em
}
.text-column-left{
width:100%;
grid-column-gap:32px;
grid-row-gap:32px;
flex-flow:column;
justify-content:space-between;
align-items:stretch
}
.image-column-left{
width:100%;
padding-top:59%
}
.image-wrapper-outer{
border-radius:16px
}
.small-teaser-grid{
grid-template-columns:1fr;
grid-template-areas:"Area-1 Area-1 Area-2""Area-3 Area-3 Area-4""Area-6 Area-5 Area-5""Area-7 Area-7 Area-7"
}
.big-product-teaser{
grid-column-gap:16px;
grid-row-gap:16px;
grid-template:"Area-1""Area-2""Area-3""Area-4""Area-5""Area-6"/1fr
}
.products_text-wrapper{
width:auto;
flex-wrap:nowrap
}
.arrow-button{
width:40px;
height:40px;
border-radius:12px;
margin-top:8px
}
.arrow-button.is--textlink-right{
border-radius:8px;
margin-top:0
}
.arrow-left{
width:10px
}
.employee-grid{
height:40vh
}
.richtext-image-wrapper{
border-radius:16px
}
.collection-category-teaser{
flex-basis:164px
}
.radial-gradient.is--1{
width:32em;
height:32em;
bottom:-17%;
left:-30%
}
.radial-gradient.is--2{
width:32em;
height:32em;
left:8%
}
.nav-arrow-wrapper{
padding-left:.6em;
padding-right:.6em
}
.navbar-text{
font-size:2.4em
}
.dropdown{
width:auto
}
.logo{
width:88px
}
.dropdown-wrapper-outer{
width:auto;
height:auto;
padding-left:3em
}
.dropdown-text:hover{
color:#edeff1
}
.dropdown-list.w--open{
background-color:transparent;
position:static
}
.sticky-div{
width:auto;
max-width:300px
}
.prod-menu-left{
grid-column-gap:1em;
grid-row-gap:1em
}
.prod-menu-content{
flex:none
}
.prod-title-wrapper{
font-size:10px
}
.hero_heading{
font-size:1.6vw
}
.hero_sub-heading{
grid-column-gap:24px;
grid-row-gap:24px
}
.main-title_tag-wrapper{
left:-2%
}
.subline_text{
color:#fff
}
.main-title_tag{
padding-top:0;
padding-bottom:.6em
}
.nav{
padding-top:12px;
padding-left:12px;
padding-right:12px
}
.nav-wrapper{
z-index:1001
}
.dropdown-list-menu.w--open{
color:#fff;
background-color:#232323;
border-radius:16px;
flex-direction:column;
padding:8px 24px;
display:flex
}
.mobile-menu-dropdown{
display:flex
}
.desktop-wrapper{
display:none
}
.mobile-menu-dropdown-1{
display:flex
}
.mobile-menu-link{
color:#fff;
border-bottom:1px solid rgba(255,255,255,.03);
padding:20px 0;
font-size:20px;
font-weight:700;
line-height:1
}
.mobile-menu-link.is--last{
border-bottom-style:none
}
.text-block-2{
font-size:20px
}
.nav-teaser-grid{
grid-template-columns:1fr;
grid-template-areas:"Area-1 Area-1 Area-2""Area-3 Area-3 Area-4""Area-6 Area-5 Area-5""Area-7 Area-7 Area-7"
}
.image-text-image-wrapper{
width:80%
}
.image-text-image-wrapper.is--tabs{
margin-top:12%
}
.quote{
font-size:24px
}
.trennlinie{
margin-top:52px;
margin-bottom:52px
}
.n-small-teaser-grid{
grid-column-gap:12px;
grid-row-gap:12px;
grid-template-columns:1fr;
grid-template-areas:"Area-1 Area-1 Area-2""Area-3 Area-3 Area-4""Area-6 Area-5 Area-5""Area-7 Area-7 Area-7"
}
.n-produkt-portfolio-teaser-single{
grid-column-gap:16px;
grid-row-gap:16px;
border-radius:16px;
padding:16px
}
.n-produkt-portfolio-teaser-item{
flex-basis:135px
}
.nav-right{
border-radius:14px;
padding:8px
}
.slider-left-content-header{
margin-bottom:24px
}
.gradient-white{
z-index:1000;
height:112px;
background-image:linear-gradient(#fff,rgba(255,255,255,0));
display:block;
position:fixed;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.collection-item{
flex-basis:250px
}
.cases-collection-onsite-item-wrapper{
flex-wrap:wrap
}
.cases-collection-onsite-item-wrapper:last-child{
top:0
}
.cases-collection-onsite-list-wrapper{
grid-column-gap:12px;
grid-row-gap:12px;
flex-wrap:wrap;
grid-template-columns:1fr 1fr
}
.cases-collection-onsite-list-wrapper:last-child{
top:0
}
.case-studies-onsite-teaser{
border-radius:16px;
flex-wrap:wrap;
padding-top:130%
}
.swiper.is-content{
position:relative
}
.swiper.is-photos{
width:100%;
padding-left:9%;
padding-right:9%
}
.slider_wrap{
flex-direction:column-reverse;
align-items:center
}
.slider_right{
width:100%;
justify-content:center;
padding-bottom:32px;
display:flex
}
.swiper-slide.is-content{
padding-right:0
}
.swiper-slide.is-photos{
border-radius:16px
}
.slider_left{
width:100%
}
.slider-height{
display:none
}
.slider-info-top{
width:100%
}
.slider-title{
margin-top:0;
margin-bottom:12px
}
.ma-position{
font-size:14px
}
.anmeldung-wrapper{
grid-column-gap:16px;
grid-row-gap:16px;
border-radius:16px;
flex-direction:column;
padding:24px
}
.anmeldung-content{
width:auto;
grid-column-gap:8px;
grid-row-gap:8px;
text-align:center;
align-items:center
}
.anmeldung-top{
flex-direction:column;
align-items:center
}
.referenzen-image-sizer{
width:112px;
padding-top:112px
}
.collection-dms-blog-list{
grid-column-gap:12px;
grid-row-gap:21px;
grid-template-columns:1fr 1fr
}
.author-image-wrapper{
width:40px;
padding-top:40px
}
.author-name-wrapper{
font-size:14px
}
.tabs{
flex-direction:column
}
.tabs-menu{
width:100%;
grid-column-gap:12px;
grid-row-gap:12px;
margin-bottom:24px
}
.tabs-content{
padding-left:0
}
.tab-link{
border-radius:12px;
padding:16px 20px
}
}
@media screen and (max-width:479px){
h2{
font-size:7em
}
h3{
font-size:6em
}
p{
line-height:1.3em
}
.text-size-h1{
font-size:32px
}
.text-size-h1.is--dark{
font-size:8em
}
.text-size-h1.is--left{
font-size:48px
}
.text-size-h1.is--left.is--dmstalk{
font-size:40px
}
.text-size-h1.is--subhero{
font-size:52px
}
.text-size-h1.is--large{
font-size:36px
}
.text-size-h2{
line-height:1.1
}
.styleguide_rich-text{
flex:none;
margin-left:auto;
margin-right:auto
}
.styleguide_rich-text h1{
margin-bottom:1em;
font-size:10em;
line-height:1.1
}
.styleguide_rich-text h2{
margin-bottom:1em;
font-size:32px
}
.styleguide_rich-text h4{
margin-bottom:1em
}
.styleguide_rich-text blockquote{
padding-left:12px;
font-size:20px
}
.styleguide_rich-text p{
margin-top:1em;
margin-bottom:1em
}
.styleguide_rich-text h3{
margin-bottom:1em;
font-size:28px
}
.styleguide_rich-text h5{
margin-top:0;
margin-bottom:1em
}
.text-size-display{
font-size:12vw;
line-height:1.1
}
.text-size-display.is--left{
flex-direction:row;
align-items:center;
display:block
}
.container{
margin-left:3%;
margin-right:3%;
position:static
}
.container.is--intro{
margin-top:52px;
margin-bottom:52px
}
.container.is--footer{
margin-top:32px;
margin-bottom:52px
}
.container.is--smaller{
max-width:none;
margin-left:3%;
margin-right:3%
}
.container.is--header{
margin:auto 5%;
overflow:visible
}
.container.is--slider2{
align-items:center
}
.text-size-h4{
font-size:20px
}
.text-size-h5{
font-size:1.1em
}
.text-size-h3{
font-size:24px
}
.text-size-h3.is--tabs{
font-size:20px
}
.text-size-h6{
font-size:3em
}
.section.is--products{
height:auto;
min-height:50vh;
padding-top:12em
}
.section.is--gradient-hero{
height:auto;
min-height:18vh;
flex-direction:row;
margin-bottom:12px;
display:flex
}
.section.is--big-hero{
height:auto;
min-height:auto;
justify-content:flex-start;
margin-top:0;
padding-top:100px
}
.section.is--last{
flex-direction:row;
margin-bottom:0
}
.section.is--presse{
margin-top:52px
}
.navbar.is--dark{
background-color:transparent;
display:block
}
.navbar-wrapper{
margin-top:1.13em
}
.navbar-left{
width:100vw;
height:0;
flex:none;
padding:0 4.4em;
position:absolute;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.navbar-right{
flex:none
}
.nav-link.w--open{
border-radius:8px
}
.nav-link.is--dark{
width:auto;
flex-direction:column;
flex:none;
justify-content:space-between;
align-items:stretch;
padding:.4em .6em;
display:block;
position:relative
}
.nav-link.is--dark:hover{
color:#edeff1
}
.nav-link.is--dark.w--current{
flex-wrap:wrap;
align-items:flex-start;
display:inline-block
}
.nav-link.is--dropdown{
flex-direction:row;
align-self:auto;
align-items:center;
padding-left:.7em
}
.nav-link.is--dropdown:hover{
color:#232323;
background-color:transparent;
border-radius:100vh;
display:flex
}
.nav-link.is--dropdown{
width:auto;
flex-direction:row;
flex:none;
justify-content:space-between;
align-items:stretch;
padding:.4em .6em;
display:flex;
position:relative
}
.nav-link.is--dropdown.w--current{
flex-wrap:wrap;
align-items:flex-start;
display:inline-block
}
.gradient-wrapper{
width:auto;
height:100%;
top:0%;
bottom:auto;
left:0%;
right:0%
}
.gradient-wrapper.is--slider{
grid-column-gap:10em;
grid-row-gap:10em;
padding-top:5.88em;
overflow:visible
}
.gradient-wrapper.is--big-hero{
width:100%
}
.gradient-overlay{
height:auto;
background-color:#fff;
background-image:none;
flex:0 auto;
position:static;
bottom:19%
}
.hero-subline{
grid-column-gap:7.5em;
grid-row-gap:7.5em;
flex-flow:column wrap
}
.button-bar{
flex-direction:column;
align-items:stretch
}
.button{
padding-top:16px;
padding-bottom:16px
}
.button.is--outline{
padding-top:14px;
padding-bottom:14px
}
.intro-skin{
padding-top:0;
position:static;
bottom:0%
}
.introblock-wrapper{
grid-column-gap:8em;
grid-row-gap:8em;
flex-flow:column wrap
}
.introblock-wrapper.is--2col{
grid-column-gap:112px;
grid-row-gap:112px
}
.introblock-left,.introblock-right{
width:100%
}
.intro{
line-height:1.3
}
.intro.is--white{
font-size:1.2em;
line-height:1.2
}
.intro.is--collection{
font-size:3.3em;
line-height:1.3
}
.logoleiste-wrapper{
grid-column-gap:6em;
grid-row-gap:6em;
margin-top:0;
padding-top:32px;
padding-bottom:32px
}
.logoleiste-grid{
grid-column-gap:2.75em;
grid-row-gap:6em;
grid-template-columns:1fr 1fr
}
.logoleiste-logo{
width:50%;
height:32px
}
.case-studies-teaser{
width:auto
}
.case-studies-content-inner{
font-size:14px
}
.headline-topper{
grid-column-gap:0em;
grid-row-gap:0em;
flex-direction:column-reverse;
justify-content:space-between;
margin-bottom:-40px;
margin-left:-6.4em;
padding-bottom:66px
}
.headline-topper.is-secondary{
flex-direction:row;
align-items:center;
margin-bottom:4em;
margin-left:0
}
.mega{
white-space:nowrap;
font-size:88px
}
.mega-offset{
flex:0 auto;
align-self:flex-start;
bottom:-11px;
left:-156px
}
.text-link{
font-size:13px
}
.text-link.is--collection{
margin-top:2%
}
.link-button-svg{
margin-bottom:-4px
}
.footer-content-top{
grid-column-gap:8em;
grid-row-gap:8em;
flex-direction:column;
margin-bottom:10em
}
.footer-content-top-left{
width:100%;
font-size:14px;
line-height:20px
}
.footer-cta-text-wrapper{
width:80%;
justify-content:center
}
.footer-cta-text{
font-size:7.5em
}
.footer-cta-outer{
width:100%;
height:auto;
grid-column-gap:2px;
grid-row-gap:2px;
justify-content:space-between
}
.footer-cta-icon-wrapper{
width:20em;
height:20em
}
.footer-content-middle{
grid-column-gap:12em;
grid-row-gap:12em;
flex-direction:column-reverse;
justify-content:space-between;
align-items:stretch
}
.footer-content-middle-left{
grid-column-gap:6em;
grid-row-gap:6em
}
.footer-content-middle-right{
grid-column-gap:12px;
grid-row-gap:12px;
flex:0 auto;
justify-content:space-between
}
.produkt-portfolio-teaser-wrapper{
grid-column-gap:8em;
grid-row-gap:8em;
padding-left:16px;
padding-right:16px
}
.produkt-portfolio-teaser-top{
grid-template-columns:1fr
}
.produkt-portfolio-teaser-single{
height:100%;
grid-column-gap:24px;
grid-row-gap:20px;
flex-direction:column;
justify-content:space-between
}
.dms-talk-teaser-wrapper{
height:100%;
flex-flow:column wrap;
margin-bottom:8em
}
.dms-talk-teaser-hero{
width:100%;
margin-bottom:4em
}
.dms-talk-teaser-hero-text{
grid-row-gap:.5em;
font-size:14px
}
.text-tag{
font-size:11px
}
.dms-talk-teaser-extras-single{
grid-column-gap:12px;
grid-row-gap:12px;
margin-bottom:5em
}
.dms-talk-teaser-extras-single-text{
font-size:14px
}
.about-us-teaser-wrapper{
width:100%;
grid-column-gap:12px;
grid-row-gap:12px
}
.main-wrapper.is--overflow-visible{
overflow:hidden
}
.headline-wrapper{
top:auto;
bottom:-17px;
left:0%;
right:0%
}
.headline-wrapper.is--hero{
height:auto;
font-size:2em;
top:auto;
bottom:-14%;
left:0%;
right:0%
}
.subheadline-wrapper{
flex-direction:column;
align-items:stretch
}
.collection-list-wrapper{
height:60%;
border-radius:1em
}
.collection-list-wrapper.is--products{
width:100%;
height:auto;
grid-column-gap:24px;
grid-row-gap:24px;
margin-bottom:0;
padding:16px
}
.collection-list-top{
height:auto
}
.collection-list-bottom{
height:auto;
min-height:2.6em;
grid-column-gap:2.5em;
grid-row-gap:2.5em
}
.product-wrapper{
width:100%;
min-width:auto;
flex-direction:column;
align-items:stretch;
margin-top:4em;
margin-bottom:4em
}
.text-size-h3-wrapper{
width:60%
}
.products-image{
max-height:20em
}
.products-image-wrapper{
height:10%;
align-items:center
}
.footer{
margin-top:4em
}
.collection-products-headline-wrapper{
width:100%;
flex:0 auto;
align-items:flex-start
}
.collection-products-headline-icon{
max-width:20%
}
.collection-products-icon{
max-width:100%
}
.collection-products-headline{
grid-column-gap:3em;
grid-row-gap:3em;
align-items:flex-start
}
.back-button.is--left{
width:10em;
height:10em
}
.back-button.is--right{
width:10em;
height:10em;
flex:none
}
.collection-content-left{
width:100%;
flex:none
}
.collection-content-right{
margin-left:auto
}
.contact-icon-wrapper{
flex:0 auto
}
.contact-name-wrapper{
border-radius:10em
}
.gradient{
height:100%;
background-position:50%;
background-repeat:no-repeat
}
.breadcrumbs-wrapper{
grid-column-gap:8px;
grid-row-gap:8px;
font-size:12px
}
.text-wrapper{
width:100%;
flex-wrap:nowrap;
font-size:14px
}
.image-wrapper{
border-radius:1em
}
.image-wrapper.center{
width:100%
}
.image-wrapper.is--aboutpage{
border-radius:12px
}
.image-text-wrapper{
flex-wrap:wrap
}
.breadcrumb.is--bold{
border-radius:6px;
padding:4px 8px
}
.category-wrapper{
width:100%
}
.h3-headline-wrapper{
font-size:14px
}
.background-image-wrapper{
width:200vw;
background-position:50% 0;
background-size:auto;
padding-top:0%;
top:-71%;
bottom:auto;
left:-36.5vw;
right:0%
}
.cases-richtext-wrapper{
width:100%;
margin-left:0;
margin-right:0
}
.collection-headline-wrapper{
flex-direction:column;
flex:1;
margin-left:3%;
margin-right:3%;
top:auto;
bottom:-11px;
left:0%;
right:0%
}
.cases-intro-parts.is--last{
grid-column-gap:3em;
grid-row-gap:3em
}
.product-tags-wrapper{
grid-column-gap:8px;
grid-row-gap:8px
}
.case-studies-clients-wrapper{
grid-column-gap:.25em;
grid-row-gap:.25em
}
.collection-dms-talks-list{
grid-row-gap:12px;
grid-template-columns:1fr
}
.gradient-heading-wrapper{
flex:none;
align-items:center;
margin-top:82px;
display:block
}
.arrows{
margin-top:2em
}
.mitarbeiter-text{
padding-left:0%;
padding-right:0%
}
.mitarbeiter-text.is--slider{
padding-bottom:0%
}
.blur_rectangle.is--blue{
width:18em;
height:18em;
top:4%;
right:19%
}
.blur_rectangle.is--yellow{
width:24em;
height:24em;
bottom:-2%
}
.blur_rectangle.is--orange{
width:24em;
height:24em;
top:-1%;
left:-1%
}
.image-blocks-wrapper{
width:100%
}
.address-wrapper{
font-size:14px
}
.map{
height:100vw
}
.form-wrapper{
width:auto;
padding-left:16px;
padding-right:16px
}
.contentblock-60{
width:100%
}
.formfield{
grid-column-gap:4px;
grid-row-gap:4px
}
.form{
grid-template-rows:auto auto auto auto;
grid-template-columns:1fr
}
.cases-collection-item-wrapper{
width:100%;
padding-left:0;
padding-right:0;
top:0
}
.cases-collection-item-wrapper:first-child{
top:0
}
.products-headline-wrapper{
height:auto;
min-height:auto;
grid-column-gap:4em;
grid-row-gap:4em;
flex-direction:column;
justify-content:center;
padding-top:4em
}
.products-content-wrapper{
width:100%;
grid-column-gap:8em;
grid-row-gap:8em;
flex-direction:column;
flex:none;
justify-content:center;
align-items:center
}
.blur-teaser{
width:50em;
height:50em;
bottom:-5%;
left:-18%
}
.is--orange,.is--yellow{
width:100%;
height:100%
}
.text-column-left{
width:100%;
flex-wrap:wrap
}
.image-column-left{
padding-top:75%
}
.small-teaser-grid{
grid-column-gap:6px;
grid-row-gap:6px;
grid-template:"Area-1 Area-1""Area-2 Area-4""Area-3 Area-3""Area-6 Area-7""Area-5 Area-5"/1fr 1fr;
align-content:stretch;
justify-content:center
}
.big-product-teaser{
grid-column-gap:16px;
grid-row-gap:16px;
grid-template-rows:auto auto auto auto auto auto;
grid-template-areas:"Area-1""Area-2""Area-3""Area-4""Area-5""Area-6";
justify-items:stretch
}
.products_text-wrapper{
width:100%;
flex-wrap:nowrap
}
.products_teaser-headline-wrapper,.products_teaser-subheadline-wrapper{
font-size:14px
}
.arrow-button{
width:28px;
height:28px;
border-radius:8px;
margin-top:4px
}
.arrow-button.is--left{
align-items:center
}
.arrow-button.is--textlink-right{
width:24px;
height:24px
}
.arrow-left{
width:8px
}
.employee-grid{
grid-template-areas:"Area-1 Area-1.Area-2 Area-2."". . . .Area-3 Area-3""Area-4 Area-4. . . .""Area-5 Area-5.Area-6 Area-6.""Area-7 Area-7. . . .";
display:none
}
.radial-gradient.is--1{
width:70em;
height:70em
}
.radial-gradient.is--2{
width:70em;
height:70em;
bottom:-36%
}
.navbar-dropdown-wrapper-inner{
width:86vw;
flex-wrap:wrap;
flex:none;
display:block
}
.navbar-text{
font-size:2em;
overflow:visible
}
.dropdown{
width:100%;
margin-left:0;
margin-right:0;
display:block
}
.logo{
width:72px
}
.dropdown-wrapper-outer{
flex-wrap:nowrap;
align-content:flex-start;
align-items:stretch
}
.dropdown-text{
white-space:pre-wrap;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
display:inline
}
.dropdown-text:hover,.dropdown-text:active{
color:#edeff1
}
.dropdown-list{
position:static
}
.dropdown-list.w--open{
background-color:transparent
}
.sticky-div{
width:100%;
max-width:none;
position:static
}
.product-menu-wrapper{
padding-top:1em;
padding-bottom:1em
}
.hero_heading{
justify-content:center;
display:flex
}
.hero_sub-heading{
flex-direction:column;
align-items:stretch;
margin-top:10em;
margin-bottom:52px
}
.main-title_tag-wrapper{
left:-5%
}
.subline_text{
font-size:14px
}
.nav-wrapper{
padding:8px 0
}
.dropdown-list-menu.w--open{
top:102%
}
.nav-teaser-grid{
grid-column-gap:6px;
grid-row-gap:6px;
grid-template:"Area-1 Area-1""Area-2 Area-4""Area-3 Area-3""Area-6 Area-7""Area-5 Area-5"/1fr 1fr;
align-content:stretch;
justify-content:center
}
.collection-list{
grid-column-gap:12px;
grid-row-gap:8px;
flex-direction:column;
justify-content:flex-start;
align-items:center;
display:flex
}
.trennlinie{
margin-top:12px;
margin-bottom:12px
}
.trennlinie.is--referenzen{
margin-top:52px;
margin-bottom:52px
}
.n-small-teaser-grid{
grid-column-gap:12px;
grid-row-gap:12px;
grid-template:"Area-1 Area-1""Area-2 Area-4""Area-3 Area-3""Area-6 Area-7""Area-5 Area-5"/1fr 1fr;
align-content:stretch;
justify-content:center
}
.n-produkt-portfolio-teaser-single{
height:100%;
grid-column-gap:24px;
grid-row-gap:20px;
flex-direction:column;
justify-content:space-between
}
.n-produkt-portfolio-teaser-item{
flex-basis:164px
}
.cases-collection-onsite-item-wrapper{
width:100%;
padding-left:0;
padding-right:0;
top:0
}
.cases-collection-onsite-item-wrapper:first-child{
top:0
}
.cases-collection-onsite-list-wrapper{
width:100%;
grid-template-columns:1fr;
padding-left:0;
padding-right:0;
top:0
}
.cases-collection-onsite-list-wrapper:first-child{
top:0
}
.case-studies-onsite-teaser{
width:auto
}
.referenzen-wrapper{
padding:8px
}
.referenzen-image-sizer{
width:88px;
padding-top:88px
}
.referenzen-text{
margin-left:16px;
margin-right:16px
}
.collection-dms-blog-list{
grid-row-gap:12px;
grid-template-columns:1fr
}
}
#w-node-bd5feb4d-41d6-ba55-4d25-45b3d182c70e-d182c705{
align-self:auto;
justify-self:auto
}
#w-node-d29b313f-fed9-c8d8-e9f5-7af097cae9bb-97cae9b3{
align-self:start;
justify-self:end
}
#w-node-d29b313f-fed9-c8d8-e9f5-7af097cae9c3-97cae9b3{
grid-area:span 1/span 2/span 1/span 2
}
#w-node-a0576b92-614b-8753-225e-7889c99ab34f-c99ab348,#w-node-a0576b92-614b-8753-225e-7889c99ab351-c99ab348,#w-node-a0576b92-614b-8753-225e-7889c99ab353-c99ab348,#w-node-a0576b92-614b-8753-225e-7889c99ab355-c99ab348,#w-node-a0576b92-614b-8753-225e-7889c99ab357-c99ab348,#w-node-a0576b92-614b-8753-225e-7889c99ab359-c99ab348,#w-node-a0576b92-614b-8753-225e-7889c99ab35b-c99ab348,#w-node-a0576b92-614b-8753-225e-7889c99ab35d-c99ab348,#w-node-a0576b92-614b-8753-225e-7889c99ab35f-c99ab348,#w-node-a0576b92-614b-8753-225e-7889c99ab361-c99ab348{
grid-area:span 1/span 1/span 1/span 1;
align-self:center;
justify-self:center
}
#w-node-_08bcf8e1-975b-d95a-919a-576252a7e05e-4dc4c477{
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_7ad4aab1-8140-e502-e39b-f80069bf6bbe-58c4c47b{
align-self:start;
justify-self:end
}
#w-node-_7ad4aab1-8140-e502-e39b-f80069bf6bc6-58c4c47b,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ca-e2c4c480{
grid-area:span 1/span 2/span 1/span 2
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ce-e2c4c480,#Anrede.w-node-_4ca16281-0aa5-b307-9e3c-18100763b3d1-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3d2-e2c4c480{
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3d6-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3da-e2c4c480{
grid-area:span 1/span 2/span 1/span 2
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3de-e2c4c480{
grid-area:span 1/span 4/span 1/span 4
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3e2-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3e6-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ea-e2c4c480{
grid-area:span 1/span 2/span 1/span 2
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ee-e2c4c480{
grid-area:span 1/span 4/span 1/span 4
}
#Nachricht.w-node-_4ca16281-0aa5-b307-9e3c-18100763b3f1-e2c4c480{
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_8d66fe8e-4b0a-c985-6c05-7d00f589f496-e2c4c480{
grid-area:span 1/span 4/span 1/span 4
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3f2-e2c4c480{
grid-area:span 1/span 4/span 1/span 4;
align-self:center
}
#w-node-_238723a4-411f-e7df-2b24-1a17c7d6131b-e2c4c480{
grid-area:span 1/span 4/span 1/span 4
}
#w-node-d1ee8075-5bd5-82a0-a1f2-2721fcc11203-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3f9-e2c4c480{
grid-area:span 1/span 2/span 1/span 2
}
#w-node-a54a87b5-8e9b-5de0-c892-426600fcd511-b0c4c482{
align-self:auto
}
#w-node-c66ed5a1-56d0-2584-bbd6-8932961a3df3-f6c4c483{
align-self:auto;
justify-self:auto
}
@media screen and (max-width:991px){
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3f2-e2c4c480{
grid-area:span 1/span 3/span 1/span 3;
align-self:center
}
}
@media screen and (max-width:767px){
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ca-e2c4c480{
grid-area:span 1/span 4/span 1/span 4
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ce-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3d2-e2c4c480{
grid-area:span 1/span 2/span 1/span 2
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3d6-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3da-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3e2-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3e6-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ea-e2c4c480,#w-node-d1ee8075-5bd5-82a0-a1f2-2721fcc11203-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3f9-e2c4c480{
grid-area:span 1/span 4/span 1/span 4
}
}
@media screen and (max-width:479px){
#w-node-d29b313f-fed9-c8d8-e9f5-7af097cae9c2-97cae9b3,#w-node-af7909ae-3de5-8b81-8ca0-77b16dbe3b23-49a7f1a6,#w-node-_7ad4aab1-8140-e502-e39b-f80069bf6bc5-58c4c47b{
align-self:auto
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ca-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ce-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3d2-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3d6-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3da-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3de-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3e2-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3e6-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ea-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3ee-e2c4c480,#w-node-_8d66fe8e-4b0a-c985-6c05-7d00f589f496-e2c4c480{
grid-area:span 1/span 1/span 1/span 1
}
#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3f2-e2c4c480{
grid-area:span 1/span 1/span 1/span 1;
align-self:center
}
#w-node-_238723a4-411f-e7df-2b24-1a17c7d6131b-e2c4c480,#w-node-d1ee8075-5bd5-82a0-a1f2-2721fcc11203-e2c4c480,#w-node-_4ca16281-0aa5-b307-9e3c-18100763b3f9-e2c4c480{
grid-area:span 1/span 1/span 1/span 1
}
}
body {
display: grid;
grid-template-rows: 1fr 10rem auto;
grid-template-areas: "main" "." "footer";
overflow-x: hidden;
background: #f5f7fa;
min-height: 100vh;
font-family: "Open Sans", sans-serif;
}
body .footer {
z-index: 1;
--footer-background: #fbaa46;
display: grid;
position: relative;
grid-area: footer;
min-height: 12rem;
}
body .footer .bubbles {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1rem;
background: var(--footer-background);
filter: url("#blob");
}
body .footer .bubbles .bubble {
position: absolute;
left: var(--position, 50%);
background: var(--footer-background);
border-radius: 100%;
-webkit-animation: bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s);
animation: bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s);
transform: translate(-50%, 100%);
}
body .footer .content {
z-index: 2;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 4rem;
padding: 2rem;
background: var(--footer-background);
background-image:url("../../grafika/rower.svg" );
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
body .footer .content a,
body .footer .content p {
color: #000000;
text-decoration: none;
}
body .footer .content b {
color: rgb(0, 0, 0);
}
body .footer .content p {
margin: 0;
font-size: 0.75rem;
}
body .footer .content > div {
display: flex;
flex-direction: column;
justify-content: center;
}
body .footer .content > div > div {
margin: 0.25rem 0;
}
body .footer .content > div > div > * {
margin-right: 0.5rem;
}
body .footer .content > div .image {
align-self: center;
width: 4rem;
height: 4rem;
margin: 0.25rem 0;
background-size: cover;
background-position: center;
}
@-webkit-keyframes bubble-size {
0%, 75% {
width: var(--size, 4rem);
height: var(--size, 4rem);
}
100% {
width: 0rem;
height: 0rem;
}
}
@keyframes bubble-size {
0%, 75% {
width: var(--size, 4rem);
height: var(--size, 4rem);
}
100% {
width: 0rem;
height: 0rem;
}
}
@-webkit-keyframes bubble-move {
0% {
bottom: -4rem;
}
100% {
bottom: var(--distance, 10rem);
}
}
@keyframes bubble-move {
0% {
bottom: -4rem;
}
100% {
bottom: var(--distance, 10rem);
}
}