html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: sans-serif
}
body {
margin: 0
}
header,main,section {
display: block
}
video {
vertical-align: baseline;
display: inline-block
}
[hidden] {
display: none
}
a {
background-color: transparent
}
a:active,a:hover {
outline: 0
}
strong {
font-weight: 700
}
h1 {
margin: .67em 0;
font-size: 2em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
button {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button {
text-transform: none
}
button {
-webkit-appearance: button;
cursor: pointer
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,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)format("truetype");
font-weight: 400;
font-style: normal
}
[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
}
* {
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
}
.w-inline-block {
max-width: 100%;
display: inline-block
}
h1,h2,h3,h4 {
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
}
.w-embed:before,.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-embed:after {
clear: both
}
button,[type=button] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block
}
.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-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-] {
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-slider-aria-label {
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
border: 0;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3
}
body {
color: #687076;
letter-spacing: -.015em;
background-color: #fff;
font-family: Inter,sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5
}
h1 {
color: #000;
letter-spacing: -.037rem;
margin-top: 0;
margin-bottom: 0;
font-size: 3.125rem;
font-weight: 600;
line-height: 1.2
}
h2 {
color: #1d1d1f;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter,sans-serif;
font-size: 2.5rem;
font-weight: 600;
line-height: 1.2
}
h3 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter,sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.3
}
h4 {
color: #1d1d1f;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Inter,sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.3
}
a {
color: #000d3a;
cursor: pointer;
text-decoration: none;
transition: all .2s cubic-bezier(.215,.61,.355,1)
}
img {
max-width: 100%;
display: inline-block
}
label {
margin-bottom: .25rem;
font-weight: 500
}
strong {
font-weight: 700
}
.text-align-center {
text-align: center
}
.text-style-muted {
opacity: .7
}
.text-size-small {
font-size: .875rem
}
.max-width-xlarge {
width: 100%;
max-width: 54rem
}
.container-large {
width: 100%;
margin-left: auto;
margin-right: auto
}
.max-width-xxlarge {
width: 100%;
max-width: 67.566rem
}
.align-center {
margin-left: auto;
margin-right: auto
}
.page-padding {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.show-tablet {
display: none
}
.max-width-large {
width: 100%;
max-width: 43rem
}
.background-color-white {
background-color: #fff
}
.main-wrapper {
overflow: hidden
}
.margin-xsmall {
margin: 1rem
}
.margin-small {
margin: 1.5rem
}
.margin-medium {
margin: 2rem
}
.margin-large {
margin: 3rem
}
.margin-xxlarge {
margin: 5rem
}
.padding-xsmall {
padding: 1rem
}
.padding-small {
padding: 1.5rem
}
.padding-medium {
padding: 2rem
}
.padding-large {
padding: 3rem
}
.padding-xlarge {
padding: 4rem
}
.padding-huge {
padding: 6rem
}
.padding-xhuge {
padding: 7rem
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.padding-bottom.padding-xlarge {
display: block
}
.padding-vertical {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.text-weight-medium {
font-weight: 500
}
.text-size-medium {
font-size: 1.125rem
}
.icon-medium {
width: auto;
height: 2.875rem;
object-fit: contain;
margin-bottom: .5rem
}
.text-size-large {
letter-spacing: -.01em;
font-size: 1.188rem
}
.icon-xxsmall {
height: 1.25rem;
flex: none;
justify-content: center;
align-items: center;
display: inline-block
}
.icon-xlarge {
height: 5.5rem;
object-fit: scale-down;
margin-right: 1rem;
display: block
}
.button {
height: 3rem;
max-height: 3rem;
min-height: 3rem;
grid-column-gap: .625rem;
color: #fff;
text-align: center;
letter-spacing: -.015em;
text-transform: none;
white-space: nowrap;
background-color: #000d3a;
border: 1px solid #000d3a;
border-radius: .5rem;
flex: none;
justify-content: center;
align-items: center;
padding: 0 1.5rem;
font-family: Inter,sans-serif;
font-size: .938rem;
font-weight: 500;
line-height: 1;
transition: all .25s cubic-bezier(.215,.61,.355,1);
display: flex;
box-shadow: 0 2px 4px rgba(234,109,52,.07)
}
.button:hover {
background-color: #a6272d;
border-color: #a6272d;
transform: translateY(-3px);
box-shadow: 0 8px 12px -2px rgba(166,39,45,.25)
}
.button:focus {
background-color: #a6272d;
border-color: #a6272d;
box-shadow: 0 0 0 .25rem rgba(234,109,52,.25)
}
.button.is-icon {
padding-right: 1.25rem
}
.background-color-lightgray {
background-color: #f5f5f7
}
.heading-xsmall {
font-size: 1.375rem;
font-weight: 600;
line-height: 1.3
}
.text-color-gray {
color: #687076
}
.icon-1x1-xxsmall {
width: 1.25rem;
height: 1.25rem;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden
}
.icon-1x1-small {
width: 2.5rem;
height: 2.5rem
}
.icon-1x1-medium {
width: 2.75rem;
height: 2.75rem
}
.button-link {
height: auto;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #000d3a;
letter-spacing: -.015em;
white-space: nowrap;
background-color: transparent;
justify-content: flex-start;
align-items: center;
padding: 0;
font-size: 1rem;
font-weight: 500;
line-height: 1.125;
text-decoration: none;
transition: all .2s cubic-bezier(.215,.61,.355,1);
display: flex
}
.button-link:hover {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
color: #a6272d
}
.button-icon {
z-index: 1;
width: 1.25rem;
height: 1.25rem;
white-space: normal;
object-fit: contain;
flex-direction: column;
flex: none;
justify-content: center;
align-self: center;
align-items: center;
font-size: 1rem;
display: flex;
position: relative;
overflow: hidden
}
.badge {
height: 1.75rem;
grid-column-gap: .375rem;
color: #687076;
text-transform: none;
background-color: #f5f5f7;
border: 1px solid #e2e2e2;
border-radius: .25rem;
align-items: center;
padding: .313rem .75rem;
font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Fira Sans,Droid Sans,sans-serif;
font-size: .813rem;
font-weight: 500;
line-height: 1.4;
display: flex
}
.text-color-black {
color: #1d1d1f
}
.text-color-primary {
color: #000d3a
}
.shadow-xsmall {
box-shadow: 0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06)
}
.shadow-small {
box-shadow: 0 4px 8px -2px rgba(16,24,40,.1),0 2px 4px -2px rgba(16,24,40,.06)
}
.shadow-xlarge {
box-shadow: 0 24px 48px -12px rgba(16,24,40,.18)
}
.shadow-xxlarge {
box-shadow: 0 32px 64px -12px rgba(16,24,40,.14)
}
.button-secondary {
height: 3rem;
max-height: 3rem;
min-height: 3rem;
grid-column-gap: .5rem;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
color: rgba(51,51,51,.75);
text-align: center;
letter-spacing: -.015em;
white-space: nowrap;
background-color: rgba(255,255,255,.05);
border: 1px solid #b3b5b7;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: 0 1.5rem;
font-size: .938rem;
font-weight: 500;
line-height: 1.1;
text-decoration: none;
transition: all .25s cubic-bezier(.215,.61,.355,1);
display: flex;
position: relative;
box-shadow: 0 2px 4px rgba(30,30,32,0)
}
.button-secondary:hover {
color: #1d1d1f;
background-color: #cbcbcf;
border-color: #cbcbcf;
transform: translateY(-3px);
box-shadow: 0 8px 12px -4px rgba(158,158,158,.5)
}
.button-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.button-row.align-center-tablet {
justify-content: flex-start
}
.text-style-subheader {
color: #687076;
letter-spacing: -.015em;
font-family: Inter,sans-serif;
font-size: .938rem;
font-weight: 600
}
.section-header {
z-index: 2;
color: #b3b3b3;
background-color: #f5f5f7;
position: relative;
overflow: hidden
}
.section-header.is-home {
z-index: 6;
background-color: #fff
}
._3column-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: #687076;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
justify-items: start;
display: grid;
position: relative
}
.card_item {
width: 100%;
text-align: center;
background-color: #fff;
border: 1px #f5f5f7;
border-radius: .5rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 2rem 1.5rem 2.25rem;
display: flex;
position: relative
}
.heroheader_content {
z-index: 2;
width: 100%;
color: #687076;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.heroheader_content.is-home {
text-align: left;
align-items: flex-start
}
.check-line {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #666;
text-align: left;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
display: flex
}
.icon-number {
width: 3.875rem;
height: 3.875rem;
min-height: 3.875rem;
min-width: 3.875rem;
color: #333;
background-color: #f5f5f7;
border-radius: 50%;
justify-content: center;
align-items: center;
font-family: Inter,sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1;
display: flex;
position: relative;
box-shadow: 0 0 0 2px rgba(104,112,118,.1)
}
.icon-number.is-active {
z-index: 2;
width: 7.5rem;
color: #000d3a;
background-color: transparent;
border-radius: 0%;
box-shadow: 0 0 0 -20px rgba(104,112,118,0)
}
.active-number-border {
width: 100%;
object-fit: contain;
flex: 0 auto;
align-self: center;
margin: auto;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.cta-arrow {
z-index: 2;
height: 12rem;
object-fit: contain;
display: block;
position: absolute;
top: -34%;
bottom: auto;
left: 0%;
right: auto
}
.cta-arrow.second {
height: 11.75rem;
top: auto;
bottom: -47%;
left: -2%
}
.section {
width: 100%;
background-color: transparent;
display: block
}
.cta-card_component {
width: 100%;
min-height: 21.5rem;
color: #79a6c7;
background-color: #cbcbcf;
background-image: url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0cfbc542bc11ef8acb62b_Horizontal%20CTA%20Line%20Background.svg),radial-gradient(circle at 100%,rgba(255,255,255,.5),#cbcbcf);
background-position: 100%,0 0;
background-repeat: no-repeat,repeat;
background-size: contain,auto;
border-radius: .625rem;
position: relative;
overflow: visible
}
.cta-box_wrapper {
width: 100%;
color: #687076;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 3rem 0 3rem 3rem;
display: flex
}
.cta-img-wrapper {
z-index: 1;
width: 40%;
height: 100%;
max-width: 22.5rem;
min-height: 21.5rem;
object-position: 50% 50%;
border-radius: .625rem;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: stretch;
display: flex;
position: absolute;
top: auto;
bottom: 2rem;
left: auto;
right: 2rem;
overflow: hidden
}
.cta-img-wrapper.is-logo {
z-index: 0;
width: 37%;
height: 100%;
max-width: none;
min-height: auto;
object-fit: contain;
object-position: 100% 50%;
flex: none;
align-items: flex-end;
padding-top: 0;
padding-bottom: 0;
bottom: 0;
right: 0;
overflow: visible
}
.cta-box-img {
object-fit: cover;
flex: none;
align-self: stretch;
position: relative;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.cta-box-img.is-log-image {
object-fit: contain;
flex: 1;
margin-top: 0
}
.cta-box_content {
z-index: 3;
width: 70%;
max-width: 48rem;
color: #687076;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative
}
.layout08_content {
padding: 2rem
}
.layout08_image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
border-radius: .5rem;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.max-width-custom {
width: 90%;
max-width: 46rem
}
.referenzen_title-link {
margin-top: .25rem;
margin-bottom: .75rem;
text-decoration: none;
display: block
}
.section_testimonial {
color: rgba(19,24,27,.7);
background-color: #f5f5f7
}
.testimonial27_component {
width: 100%;
height: auto;
background-color: transparent;
padding-bottom: 4rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: hidden
}
.testimonial27_mask {
width: 50%;
height: 100%;
overflow: visible
}
.testimonial27_slide {
height: 100%;
padding-left: 1rem;
padding-right: 1rem;
position: relative
}
.testimonial27_content {
width: 100%;
min-height: 18rem;
color: #687076;
background-color: #fff;
background-image: url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0cf906a35e81aa376a37a_Icon%20-%20Quote.svg);
background-position: 97% 7%;
background-repeat: no-repeat;
background-size: 3.5rem;
border-radius: .625rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 4rem 2.25rem 2rem 2.225rem;
font-size: 1.125rem;
font-weight: 500;
display: flex
}
.testimonial27_client-info {
grid-column-gap: .5rem;
grid-row-gap: .625rem;
color: #333;
flex-direction: column;
flex: 1;
justify-content: flex-end;
margin-top: 1rem;
font-size: 1rem;
font-weight: 500;
display: flex
}
.testimonial27_arrow {
z-index: 2;
width: 3rem;
height: 3rem;
background-color: #000d3a;
border: 1px transparent;
border-radius: 100%;
justify-content: center;
align-items: center;
transition: all .2s;
display: flex;
bottom: 4rem;
transform: scale(.95)
}
.testimonial27_arrow:hover {
color: #1d1d1f;
background-color: #fff;
border-width: 0;
transform: scale(1);
box-shadow: 0 4px 12px -2px rgba(0,0,0,.25)
}
.testimonial27_arrow:focus {
border-width: 0
}
.testimonial27_arrow-icon {
width: 1rem;
height: 1rem;
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.testimonial27_slide-nav {
height: 1.75rem;
opacity: .5;
font-size: .5rem
}
.verif-text-wrapper {
grid-column-gap: .438rem;
color: #0fbe7d;
align-items: center;
font-size: .875rem;
font-weight: 400;
line-height: 1.313;
display: flex
}
.blog_image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 100% 50%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.section-3cards {
background-color: #fff;
display: block
}
.section-3cards.background-color-lightgray {
background-color: #f5f5f7
}
.g-badge {
object-fit: contain;
display: block;
position: relative
}
.padding-global {
flex: 1;
grid-template-columns: 2fr 30%;
padding-left: 2.5rem;
padding-right: 2.5rem
}
.header-wrapper {
justify-content: space-between;
align-items: center;
display: flex
}
.card {
background-color: #fff;
border-radius: .25rem;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 0;
display: flex;
overflow: hidden;
box-shadow: 0 4px .75rem rgba(0,0,0,.08),0 .0625rem .125rem rgba(0,0,0,.12)
}
.card.slider-card {
height: 100%;
box-shadow: none;
background-color: transparent;
margin-bottom: 0;
overflow: visible
}
.referenzen_image-wrapper {
z-index: 2;
width: 100%;
padding-top: 60%;
position: relative;
overflow: hidden
}
.layout08_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid
}
.layout08_image-wrapper {
z-index: 2;
width: 100%;
min-height: 34rem;
border-radius: .5rem;
position: relative;
overflow: hidden
}
.referenzen-card-item {
background-color: #fff;
border-radius: .5rem;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
display: flex;
overflow: visible;
box-shadow: inset 0 0 0 1px #e2e2e2
}
.referenzen-item_text-wrapper {
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
margin-bottom: 0;
padding: 1.25rem 1.5rem 2rem;
display: flex
}
.info-wrapper_right {
width: 65%;
flex: none
}
.referenzen-item_text {
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
display: flex
}
.referenzen_image-link {
z-index: 2;
width: 100%;
border-radius: .625rem .625rem 0 0;
margin-bottom: .5rem;
transition: all .3s;
display: block;
position: relative;
overflow: hidden
}
.referenzen_image-link:hover {
box-shadow: 0 16px 2rem -.5rem rgba(26,26,26,.25)
}
.home-header_component {
grid-column-gap: 3.5rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
justify-content: space-around;
align-items: center;
justify-items: stretch;
padding-right: 0;
display: grid
}
.text-size_xxlarge {
font-size: 3rem;
line-height: 1.2
}
.video-background_wrapper {
width: 100%;
min-height: 30rem;
position: relative
}
.video-background_wrapper.hide-tablet {
z-index: 2;
min-height: 26rem;
margin-top: .5rem;
margin-bottom: .5rem
}
.video-background {
z-index: 2;
width: 100%;
height: 100%;
object-fit: cover;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: .75rem;
position: absolute
}
.play-pause-button {
width: 3.25rem;
height: 3.25rem;
-webkit-backdrop-filter: saturate(0%)blur(.5rem);
backdrop-filter: saturate(0%)blur(.5rem);
background-color: rgba(255,255,255,.75);
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex
}
.play-state {
color: #20497e;
flex: none;
align-self: center
}
.pause-state {
color: #20497e
}
.check-lines_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding-top: .25rem;
padding-bottom: .25rem;
display: flex
}
.made-in-germany_label {
z-index: 3;
width: 5rem;
display: block;
position: absolute;
top: -1.5rem;
bottom: auto;
left: auto;
right: -1.5rem
}
.leistungen-item-list {
width: 100%;
grid-column-gap: 1.75rem;
grid-row-gap: 2.5rem;
object-fit: contain;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
display: grid;
position: relative
}
.max-width-large-relaive {
z-index: 2;
width: 100%;
max-width: 43rem;
position: relative
}
.section-leistungen {
background-color: #fff;
display: block;
overflow: hidden
}
.icon-absolut-label {
position: absolute;
top: auto;
bottom: 7%;
left: auto;
right: 0%
}
.max-width-large_relaive {
z-index: 2;
width: 100%;
max-width: 40rem;
position: relative
}
._4column-card_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
justify-items: start;
display: grid
}
.card_item-align-left {
width: 100%;
color: #1a1a1a;
text-align: left;
background-color: #fff;
border: 1px #f5f5f7;
border-radius: .5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 1.75rem 1.75rem 2rem;
font-size: .938rem;
display: flex;
position: relative
}
.icon-stars-intro {
height: 1.25rem;
object-fit: contain;
flex: none;
margin-right: .5rem
}
.back-hero-image {
z-index: -1;
max-width: 100%;
object-fit: contain;
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 10%;
right: auto
}
.stars-wrapper-header {
background-color: rgba(245,245,247,.75);
border: 1px solid #f2f2f2;
border-radius: .313rem;
justify-content: center;
align-self: center;
align-items: center;
margin-bottom: .5rem;
margin-left: auto;
padding: 0 .5rem;
font-size: .938rem;
font-weight: 500;
line-height: 1.5;
display: flex;
overflow: hidden
}
@media screen and (min-width: 1280px) {
.referenzen_image-link:hover {
transform: translate(0)
}
}
@media screen and (max-width: 991px) {
h1 {
font-size:2.75rem
}
h2 {
font-size: 2rem
}
h3 {
font-size: 1.5rem;
line-height: 1.3
}
.hide-tablet {
display: none
}
.page-padding {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.show-tablet {
order: 1;
align-self: stretch;
display: block
}
.margin-large {
margin: 2.5rem
}
.margin-xxlarge {
margin: 4.5rem
}
.padding-large {
padding: 2.5rem
}
.padding-xlarge {
padding: 3.5rem
}
.padding-huge {
padding: 5rem
}
.padding-xhuge {
padding: 6rem
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.button {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.button-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.button-row.align-center-tablet {
justify-content: center
}
.section-header.is-home {
background-position: 75% 100%;
background-size: auto
}
._3column-grid {
grid-template-columns: 1fr
}
.card_item {
padding-left: 4rem;
padding-right: 4rem
}
.heroheader_content {
width: 80%;
text-align: center;
flex-direction: column;
align-items: center;
display: flex
}
.check-line {
grid-column-gap: .688rem
}
.cta-arrow {
display: none
}
.cta-card_component {
overflow: hidden
}
.cta-box_wrapper {
min-height: auto;
padding: 2.5rem 2rem
}
.cta-img-wrapper {
width: 40%;
max-width: none;
min-height: auto;
min-width: 20rem;
bottom: 0;
right: 0%;
transform: scale(.9)
}
.cta-img-wrapper.is-logo {
width: 45%;
min-width: 22rem;
object-position: 50% 50%;
bottom: -1.4rem;
right: -1rem;
overflow: visible
}
.cta-img-wrapper.is-logo.tablet-fix {
bottom: -1.9rem;
right: -1.2rem
}
.cta-box-img {
max-height: none;
object-position: 50% 50%
}
.cta-box-img.is-log-image {
margin-top: -4rem
}
.cta-box-img.is-log-image.tablet-fix {
align-self: flex-end;
margin-top: 0
}
.cta-box_content {
width: 60%;
max-width: none
}
.layout08_image {
max-height: none;
object-position: 50% 24%
}
.max-width-custom {
max-width: none
}
.testimonial27_component {
padding-left: 0;
padding-right: 0
}
.testimonial27_mask {
width: 100%
}
.testimonial27_slide {
padding-left: 1rem;
padding-right: 1rem
}
.testimonial27_content {
padding-bottom: 2rem;
padding-left: 1.75rem;
padding-right: 1.75rem;
font-size: 1.063rem
}
.testimonial27_arrow {
width: 3rem;
height: 3rem
}
.g-badge {
margin-left: auto;
margin-right: auto
}
.header-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-content: flex-start;
align-items: flex-start
}
.layout08_component {
min-height: auto;
grid-template-columns: 1fr;
grid-auto-flow: row
}
.layout08_image-wrapper.ralf-jaeger {
min-height: 38rem
}
.info-wrapper_right {
width: 100%
}
.home-header_component {
grid-column-gap: 2.5rem;
flex-direction: column-reverse;
grid-template-columns: .9fr 1.1fr;
padding-right: 0;
display: flex
}
.text-size_xxlarge {
font-size: 2.75rem
}
.text-size_xxlarge.wmallle {
font-size: 2.5rem
}
.video-background_wrapper {
width: 100%;
max-width: none;
min-height: 24rem;
margin-top: 2rem;
margin-bottom: 0
}
.video-background_wrapper.hide-tablet {
margin-top: 0;
margin-bottom: 0
}
.check-lines_list {
width: auto;
max-width: none
}
.made-in-germany_label {
top: -1.75rem;
right: -1rem
}
.leistungen-item-list {
grid-template-columns: 1fr 1fr
}
.icon-absolut-label {
right: -17%
}
._4column-card_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr 1fr
}
.card_item-align-left {
padding-left: 2rem;
padding-right: 2rem
}
.back-hero-image {
display: none
}
.stars-wrapper-header {
margin-left: auto;
margin-right: auto
}
}
@media screen and (max-width: 767px) {
h1 {
font-size:2.5rem
}
h2 {
font-size: 2.125rem
}
h4 {
font-size: 1.75rem;
line-height: 1.4
}
.page-padding {
padding-left: 2rem;
padding-right: 2rem
}
.margin-xsmall {
margin: .75rem
}
.margin-small {
margin: 1.25rem
}
.margin-medium {
margin: 1.5rem
}
.margin-large {
margin: 2rem
}
.margin-xxlarge {
margin: 3rem
}
.padding-xsmall {
padding: .75rem
}
.padding-small {
padding: 1.25rem
}
.padding-medium {
padding: 1.5rem
}
.padding-large {
padding: 2rem
}
.padding-xlarge {
padding: 2.5rem
}
.padding-huge {
padding: 3.5rem
}
.padding-xhuge {
padding: 4rem
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.icon-medium {
height: 2.75rem;
margin-top: 2rem;
display: block
}
.text-size-large {
font-size: 1.125rem
}
.button {
padding-left: 1.313rem;
padding-right: 1.313rem
}
.heading-xsmall {
font-size: 1.313rem
}
.badge {
padding: .125rem .5rem
}
.button-secondary {
padding: .75rem 1.25rem
}
.button-secondary:hover {
color: #344054;
background-color: #fff
}
.button-row.align-center-tablet {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.button-row.align-center-tablet.max-width-mobile {
width: 100%;
grid-column-gap: 1rem
}
.button-wrapper.sizing-stretch {
flex: 1;
align-self: stretch
}
.section-header.is-home {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
._3column-grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr
}
.card_item {
padding: 3rem 2rem
}
.heroheader_content {
width: 90%;
text-align: center;
align-items: stretch
}
.heroheader_content.is-home {
text-align: center;
align-items: center
}
.check-line {
align-items: flex-start;
font-size: 1rem
}
.cta-card_component {
background-image: url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0cfbc093fc902ecf0f475_Vertical%20CTA%20Line%20Backgroundsvg.svg),radial-gradient(circle at 100%,rgba(255,255,255,.5),#cbcbcf);
background-position: 100% 100%,0 0;
background-repeat: no-repeat,repeat;
background-size: contain,auto;
overflow: hidden
}
.cta-box_wrapper {
grid-row-gap: 3rem;
align-items: stretch;
padding: 2.5rem 1.75rem 0
}
.cta-img-wrapper {
width: 100%;
height: auto;
min-height: 20rem;
flex-direction: row;
flex: none;
align-self: stretch;
align-items: flex-end;
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
position: relative;
right: auto;
transform: scale(1)
}
.cta-img-wrapper.is-logo {
width: 100%;
min-width: 0;
justify-content: flex-end;
margin-top: 0;
bottom: 0;
right: -2rem
}
.cta-img-wrapper.is-logo.tablet-fix {
margin-top: -5rem
}
.cta-box-img.is-log-image {
max-width: 65%;
margin-top: -8rem;
margin-left: auto;
margin-right: 0
}
.cta-box-img.is-log-image.tablet-fix {
max-width: 45%
}
.cta-box_content {
width: 100%;
max-width: none
}
.max-width-custom {
width: 100%
}
.section_testimonial {
overflow: hidden
}
.testimonial27_component {
padding-bottom: 3rem;
padding-left: 0;
padding-right: 0;
overflow: visible
}
.testimonial27_slide {
margin-right: 1.5rem;
padding-left: 0;
padding-right: 0
}
.testimonial27_content {
min-height: 16rem;
padding: 2rem;
font-size: 1.125rem
}
.testimonial27_arrow {
bottom: 3rem
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.header-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-bottom: 1rem
}
.referenzen_image-wrapper {
padding-top: 60%
}
.layout08_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.layout08_image-wrapper.ralf-jaeger {
min-height: 30rem
}
.referenzen-item_text-wrapper {
padding-bottom: 1.75rem;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.referenzen_image-link:hover {
box-shadow: none
}
.home-header_component {
grid-column-gap: 3rem;
grid-row-gap: 2.5rem;
flex-direction: column;
display: flex
}
.text-size_xxlarge {
font-size: 2.5rem
}
.video-background_wrapper {
min-height: 17rem
}
.check-lines_list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start
}
.check-lines_list.text-size-small.text-weight-medium.landscape_align-center {
grid-column-gap: .5rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: space-around;
align-self: center;
margin-left: auto;
margin-right: auto
}
.leistungen-item-list {
grid-column-gap: 1.25rem;
grid-row-gap: 2.25rem;
grid-template-columns: 1fr 1fr
}
.section-leistungen {
width: 100%
}
.icon-absolut-label {
bottom: 3%;
right: -17%
}
.max-width-large_relaive {
max-width: 26rem
}
._4column-card_list {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
display: flex
}
.card_item-align-left {
padding: 3rem 2rem
}
}
@media screen and (max-width: 479px) {
h1 {
font-size:2.125rem;
line-height: 1.15
}
h2 {
font-size: 1.625rem;
line-height: 1.25
}
h3 {
letter-spacing: -.02em;
white-space: normal;
font-size: 1.313rem;
line-height: 1.3
}
h4 {
font-size: 1.313rem
}
strong {
font-weight: 600
}
.page-padding {
padding-left: 1.125rem;
padding-right: 1.125rem
}
.main-wrapper {
overflow: hidden
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.icon-xlarge {
height: 3.5rem;
margin-right: 0
}
.icon-1x1-xxsmall {
width: 1.125rem;
height: 1.125rem;
max-height: 1.125rem;
max-width: 1.125rem;
min-height: 1.125rem;
min-width: 1.125rem;
flex: none
}
.icon-1x1-medium {
width: 3rem;
height: 3rem;
object-fit: contain;
display: block
}
.button-row {
grid-row-gap: .75rem
}
.button-row.align-center-tablet.max-width-mobile {
width: 100%;
max-width: 20rem;
grid-row-gap: 1rem;
margin-left: auto;
margin-right: auto
}
.button-wrapper {
flex: 0 auto
}
.button-wrapper.sizing-stretch {
flex: 1
}
.text-style-subheader {
letter-spacing: 0;
font-size: .875rem
}
.section-header.is-home {
background-position: 100% 100%;
background-size: 75%
}
._3column-grid {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem
}
.card_item {
padding: 2rem 1.5rem
}
.heroheader_content {
width: 92%;
margin-left: auto;
margin-right: auto
}
.heroheader_content.is-home {
width: 100%;
grid-row-gap: 0rem;
justify-content: flex-start;
margin-top: -1rem;
margin-bottom: -1rem
}
.check-line {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
align-items: center
}
.icon-number {
font-size: 1rem
}
.active-number-border {
max-width: 90%;
margin-left: auto;
margin-right: auto;
top: 0%
}
.cta-card_component {
overflow: hidden
}
.cta-box_wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 1.25rem 1.5rem 0;
position: relative
}
.cta-img-wrapper {
width: 100%;
min-height: auto;
min-width: 0;
flex-direction: column;
flex: none;
align-self: flex-end;
align-items: stretch;
margin-top: 0;
margin-bottom: .75rem;
padding-top: 70%;
bottom: 0;
right: auto;
overflow: hidden
}
.cta-img-wrapper.is-logo {
margin-top: -1.5rem;
margin-bottom: 0;
right: -1.25rem
}
.cta-img-wrapper.is-logo.tablet-fix {
margin-top: -5.5rem
}
.cta-box-img {
width: 100%;
max-width: 100%;
object-fit: cover;
object-position: 50% 25%;
flex: none;
align-self: stretch;
margin-top: 0;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.cta-box-img.is-log-image {
max-width: 100%;
margin-top: -4.9rem;
margin-left: auto;
margin-right: -7px;
position: relative
}
.cta-box-img.is-log-image.tablet-fix {
max-width: 70%
}
.layout08_content {
padding: 0
}
.layout08_image {
object-fit: contain;
position: relative
}
.testimonial27_slide {
margin-right: 1rem;
padding-left: 0;
padding-right: 0
}
.testimonial27_content {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.g-badge {
font-size: .938rem
}
.header-wrapper {
flex-direction: column;
align-items: stretch;
margin-bottom: 2rem;
padding-bottom: 0
}
.referenzen_image-wrapper {
padding-top: 60%
}
.layout08_component {
flex-direction: column;
display: flex
}
.layout08_image-wrapper {
height: auto;
max-height: 24rem;
object-fit: contain;
flex-direction: row;
order: -1;
display: block
}
.layout08_image-wrapper.ralf-jaeger {
min-height: auto
}
.referenzen-item_text-wrapper {
margin-bottom: 0;
padding-left: 1.125rem;
padding-right: 1.125rem
}
.info-wrapper_right {
width: 100%;
align-self: stretch;
padding-top: .25rem
}
.referenzen_image-link {
margin-bottom: 0
}
.home-header_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
margin-left: auto;
margin-right: auto
}
.text-size_xxlarge {
font-size: 2rem;
line-height: 1.15
}
.text-size_xxlarge.wmallle {
color: #1a1a1a;
letter-spacing: -.05rem;
font-size: 1.688rem;
font-weight: 600
}
.video-background_wrapper {
width: 90%;
min-height: 13rem;
margin: 2rem auto 0;
padding-bottom: 0
}
.video-background {
border-radius: .5rem
}
.play-pause-button {
width: 2.75rem;
height: 2.75rem
}
.play-pause-button.shadow-small {
width: 2rem;
height: 2rem;
background-color: rgba(255,255,255,.6)
}
.check-lines_list {
grid-row-gap: .75rem;
flex-direction: column;
align-items: flex-start
}
.check-lines_list.text-size-small.text-weight-medium.landscape_align-center {
width: 100%;
max-width: 16rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
flex: none;
align-content: center;
justify-content: flex-start;
align-self: center;
padding-top: .5rem;
padding-bottom: 0
}
.made-in-germany_label {
width: 3.5rem;
top: -1.25rem;
right: -.5rem
}
.leistungen-item-list {
width: 100%;
grid-row-gap: 2.25rem;
flex-direction: column;
justify-content: flex-start;
display: flex
}
.icon-absolut-label {
top: auto;
bottom: 4.2rem;
left: auto;
right: 0%
}
._4column-card_list {
grid-column-gap: 0rem;
grid-row-gap: 1.75rem;
flex-direction: column;
grid-template-columns: 1fr;
display: flex
}
.card_item-align-left {
padding: 2rem 1.5rem
}
}
#w-node-_52373668-cb45-ed98-f626-554f771417e7-39f05e2a {
align-self: stretch
}
#w-node-b9d54bdd-761f-8be8-0c96-83469577d09f-303a7b27 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e61b6a58-fe54-39ac-2c2d-149ae0dd1cc0-e0dd1cb1,#w-node-e61b6a58-fe54-39ac-2c2d-149ae0dd1cd3-e0dd1cb1 {
align-self: center
}
@media screen and (max-width: 991px) {
#w-node-_52373668-cb45-ed98-f626-554f771417c4-39f05e2a {
align-self:stretch
}
#w-node-e61b6a58-fe54-39ac-2c2d-149ae0dd1cd3-e0dd1cb1 {
order: -9999
}
}
@media screen and (max-width: 479px) {
#w-node-e61b6a58-fe54-39ac-2c2d-149ae0dd1cd3-e0dd1cb1 {
align-self: stretch
}
}
@font-face {
font-family: 'Inter';
src: url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0be8b007322c7ae3bb066_subset-Inter-Bold.woff2) format('woff2'), url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0be8b007322c7ae3bb085_subset-Inter-ExtraBold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0be8b007322c7ae3bb088_subset-Inter-Black.woff2) format('woff2');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0be8b007322c7ae3bb08a_subset-Inter-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0be8b007322c7ae3bb084_subset-Inter-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0be8b007322c7ae3bb067_subset-Inter-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(https://uploads-ssl.webflow.com/64d0be8b007322c7ae3baf30/64d0be8b007322c7ae3bb089_subset-Inter-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
img.active-number-border {
filter: grayscale(1);
}
img#w-node-b9d54bdd-761f-8be8-0c96-83469577d09f-303a7b27 {
filter: grayscale(1);
}