:root {
    --dark-grey: #121217;
    --white: white;
    --size--0rem: 0rem;
    --light-slate-grey: #9196ad;
    --alice-blue: #f4f8fc;
    --medium-aquamarine: #23da8a;
    --black-2\<deleted\|variable-60d47898\>: #1b1e1f;
    --size--1-5em: 1.5em;
    --navy-grey: #6e8391;
    --black: #060f14;
    --white-smoke: #eee;
    --dim-grey: #646464;
    --size--1-25em: 1.25em;
    --slate-grey: #747884;
    --shadow: #a4a4a4;
    --slight-grey: #353535;
    --dark-grey-2\<deleted\|variable-be6b213f\>: #272727;
    --size--0-825rem: .825rem;
    --silver: #b8c0cc;
    --size--8rem: 8rem;
    --size--6rem: 6rem;
    --size--3-75rem: 3.75rem;
    --navy-dark: #0d222d;
    --size--14rem: 14rem;
    --size--10rem: 10rem;
    --transparent: #183e5300;
    --size--16rem: 16rem;
    --navy: #183e53;
    --size--2rem: 2rem;
    --gainsboro: #ddd;
    --interactive--global-radius: .3rem;
    --navy-mid: #486c86;
    --size--1rem: 1rem;
    --navy-white: #d3d9e2;
    --size--0-75rem: .75rem;
    --dark-slate-blue: #34394b;
    --size--stroke-size: 1px;
    --interactive--stroke-width: 1px;
    --interactive--round: 100vh;
    --size--3rem: 3rem;
    --size--1em: 1em;

    /** Custom Garident **/
    --_noise-texture: url("data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><defs><filter id="n" x="0" y="0" width="100%" height="100%" color-interpolation-filters="sRGB"><feTurbulence type="fractalNoise" baseFrequency="0.3" numOctaves="3" stitchTiles="stitch" result="t"></feTurbulence><feColorMatrix type="saturate" values="0" in="t" result="g"></feColorMatrix><feComponentTransfer in="g" result="a"><feFuncA type="linear" slope="0.5"></feFuncA></feComponentTransfer></filter></defs><rect width="100%" height="100%" filter="url(%23n)"></rect></svg>");

    --_noise-size: 6.5%;
    --_gradient-blend-mode: normal;
    --_gradient-blur: 100px;
    --_gradient: radial-gradient(at 82.12555834071506% 89.21940376569037%, #A1150B 0px, transparent 50%), radial-gradient(at 13.854388510902957% 73.00601464435147%, #F56D18 0px, transparent 50%), radial-gradient(at 11.76363419338221% 13.48718619246862%, #0D222E 0px, transparent 50%), radial-gradient(at 93.2226389490944% 8.047855648535565%, #0D222E 0px, transparent 50%), radial-gradient(at 41.918744542239146% 44.44952928870293%, #EB5200 0px, transparent 50%);

}

body {
    color: var(--dark-grey);
    background-color: #0000;
    font-family: Aeonikpro, sans-serif;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.45
}

h1 {
    z-index: auto;
    color: var(--dark-grey);
    letter-spacing: -.015em;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Aeonikpro, sans-serif;
    font-size: 6em;
    font-weight: 400;
    line-height: 1;
    position: static
}

h2 {
    color: var(--white);
    letter-spacing: -.015em;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Aeonikpro, sans-serif;
    font-size: 3.5em;
    font-weight: 400;
    line-height: 1.05;
    text-decoration: none
}

h3 {
    color: var(--white);
    letter-spacing: -.02em;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Aeonikpro, sans-serif;
    font-size: 2.4em;
    font-weight: 400;
    line-height: 1.1
}

h4 {
    color: var(--dark-grey);
    letter-spacing: 0;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Aeonikpro, sans-serif;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.1
}

h5 {
    color: var(--dark-grey);
    letter-spacing: .5px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Aeonikpro, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.25
}

h6 {
    color: var(--white);
    text-transform: none;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: Aeonikpro, sans-serif;
    font-size: 1.7vw;
    font-weight: 400;
    line-height: 1.4em
}

p {
    margin-bottom: var(--size--0rem);
    color: var(--dark-grey);
    letter-spacing: 0;
    font-family: Aeonikpro, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4
}

a {
    color: var(--white);
    text-decoration: underline
}

ul {
    color: var(--white);
    width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
    padding-top: 0;
    padding-left: 1rem;
    font-family: Aeonikpro, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em
}

ol {
    color: var(--light-slate-grey);
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

li {
    color: var(--alice-blue);
    -webkit-text-stroke-color: var(--dark-grey);
    margin-bottom: .3125rem;
    font-family: Aeonikpro, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8em
}

img {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    display: inline-block
}

strong {
    font-weight: 500
}

blockquote {
    border-left: 2px solid var(--medium-aquamarine);
    color: var(--white);
    margin-bottom: 10px;
    padding: 10px 20px;
    font-family: Opensauceone;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7em
}

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

figcaption {
    color: var(--black-2\<deleted\|variable-60d47898\>);
    text-align: center;
    margin-top: 10px;
    font-family: Nuckle;
    font-style: italic;
    font-weight: 400
}

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

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

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

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

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

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

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

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

.center {
    text-align: center
}

.image-cover {
    opacity: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.column {
    z-index: 2;
    background-color: #0000;
    flex-direction: column;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    display: block;
    position: static
}

.column.expand {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    display: flex
}

.column.expand-center {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.column.margin-bottom-80 {
    margin-bottom: 5rem
}

.column.about {
    border-bottom: 1px solid var(--navy-grey);
    margin-bottom: 2em;
    padding-bottom: 2em
}

.column.last {
    border-bottom: 1px solid var(--navy-grey);
    margin-bottom: 0;
    padding-bottom: 2rem
}

.column.seo {
    max-width: 48rem
}

.column.hero-agency {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    max-width: 26em;
    display: flex
}

.column.leistung-cta {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 71em;
    height: 100%;
    display: flex
}

.column.barriere {
    border-bottom: 1px solid var(--navy-grey);
    margin-bottom: 4em;
    padding-bottom: 2em
}

.column.hero-intro {
    max-width: 110ch
}

.kunden-logo {
    object-fit: contain;
    width: 100%;
    max-width: 8em;
    height: 100%;
    max-height: 3em
}

.kunden-logo.invert {
    filter: invert(70%)
}

.kunden-logo.large {
    max-height: 4em
}

.btn-row {
    display: flex;
    position: static
}

.btn-row.center {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: center;
    margin-top: 2.25em
}

.btn-row.left-align {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2.25em
}

.blog-item-meta {
    color: var(--slate-grey);
    justify-content: space-between;
    align-items: center;
    font-size: .8em;
    display: flex
}

.ck-button__txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.ck-modal__btns-w {
    background-color: #f3f7f2;
    border-radius: 0 0 .5rem .5rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    display: flex
}

.ck-modal__btns-w.is--small {
    background-color: #74788400;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: -4px;
    padding: 0 10px 10px
}

.ck-modal__btns-w.in-pref-manger {
    background-color: #0000;
    justify-content: flex-start;
    margin: 2rem -1.75rem -2.25rem
}

.ck-txt-link {
    color: var(--black-2\<deleted\|variable-60d47898\>);
    font-weight: 400;
    transition: color .15s cubic-bezier(.25, .46, .45, .94)
}

.ck-txt-link:hover {
    color: #262926
}

.ck-title {
    color: #262926;
    margin-bottom: .1875em;
    font-size: 18px;
    font-weight: 500
}

.ck-title.is--small {
    font-size: 12px;
    font-weight: 500
}

.ck-modal {
    background-color: var(--shadow);
    color: #515750;
    border-radius: .5rem;
    flex-direction: column;
    max-width: 34rem;
    margin-left: auto;
    margin-right: auto;
    font-size: .9375rem;
    line-height: 1.4;
    display: flex;
    position: relative;
    box-shadow: 0 4px 1rem #2629260d
}

.ck-button-w {
    background-color: var(--slight-grey);
    color: #fff;
    text-align: center;
    border-radius: .25rem;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94)
}

.ck-button-w:hover {
    background-color: #353535cc
}

.ck-button-w.is--secondary {
    color: var(--black-2\<deleted\|variable-60d47898\>);
    background-color: #0000;
    margin-right: 0;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.ck-button-w.is--secondary:hover {
    color: #262926;
    text-decoration: underline
}

.ck-button-w.is--secondary.is--fullwidth {
    background-color: var(--white);
    background-color: var(--white);
    margin: 0 0 0 20px;
    padding-top: 8px;
    padding-bottom: 8px
}

.ck-button-w.is--fullwidth {
    flex: none;
    width: auto
}

.ck-css-styles {
    display: none
}

.ck__exitbtn__line {
    background-color: #515750;
    width: 1rem;
    height: 2px;
    position: absolute
}

.ck__exitbtn__line.is--left {
    transform: rotate(45deg)
}

.ck__exitbtn__line.is--right {
    transform: rotate(-45deg)
}

.ck-sr__only {
    width: 1px;
    height: 1px;
    margin: -1px;
    position: absolute;
    overflow: hidden
}

.ck-desc {
    color: var(--black-2\<deleted\|variable-60d47898\>);
    max-width: none;
    font-size: .75rem
}

.ck-cookie-w {
    z-index: 9500;
    max-width: 34rem;
    display: none;
    position: fixed;
    inset: auto auto 1.25rem 1.25rem
}

.ck-modal__exit-btn {
    cursor: pointer;
    background-color: #74788400;
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    margin: -2px -2px auto auto;
    transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
    display: flex;
    position: absolute;
    top: 0;
    right: 0
}

.ck-modal__exit-btn:hover {
    background-color: #0000
}

.ck-modal__content-w {
    padding: 1.75rem
}

.ck-modal__content-w.is--small {
    padding: 10px
}

.ck-preference__bg {
    opacity: 1;
    cursor: pointer;
    background-color: #3535358c;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.ck-radio-w {
    color: #999c98;
    cursor: pointer;
    margin-top: 1rem;
    margin-bottom: 0;
    padding-left: 1.75rem;
    transition: color .15s cubic-bezier(.25, .46, .45, .94);
    display: block
}

.ck-radio-w:hover {
    color: #515750
}

.ck-radio-w.is--not-allowed {
    cursor: not-allowed;
    cursor: not-allowed
}

.ck-preference-w {
    z-index: 9525;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0%
}

.ck-form-w {
    margin-bottom: 0
}

.ck-radio__btn {
    float: left;
    border: 1.75px solid #999c98;
    border-radius: .375rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0;
    margin-left: -1.75rem;
    transition: background-color .2s cubic-bezier(.25, .46, .45, .94)
}

.ck-radio__btn.w--redirected-checked {
    background-color: #515750;
    background-image: url(https://cdn.prod.website-files.com/5e31ae1ce9eac4b8ee66b010/61dfcf7c46b7dd791da254bd_radio__checkmark.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .625rem;
    border: 1px solid #515750;
    border-radius: .375rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0
}

.ck-radio__btn.is--checked {
    background-color: #515750;
    background-image: url(https://cdn.prod.website-files.com/5e31ae1ce9eac4b8ee66b010/61dfcf7c46b7dd791da254bd_radio__checkmark.svg);
    background-position: 45%;
    background-repeat: no-repeat;
    background-size: .625rem;
    border-color: #515750
}

.ck-preference__scroll-w {
    width: 100%;
    max-height: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    overflow: auto
}

.ck-radio__desc {
    color: var(--slight-grey);
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400
}

.ck-radio__desc.is--not-allowed {
    color: var(--slight-grey)
}

.ck-radio__label {
    color: #262926;
    cursor: pointer;
    cursor: pointer;
    margin-bottom: .25rem;
    font-size: .9375rem;
    font-weight: 600
}

.ck-form {
    padding-top: 1.25rem;
    padding-bottom: .5rem
}

.main-nav__container {
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex
}

.main-nav {
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    height: 5.625rem;
    display: flex;
    position: fixed;
    top: 0%;
    left: 0%;
    right: 0%
}

.main-nav__logo {
    z-index: 1000;
    flex: 0 auto;
    align-items: center;
    width: 9rem;
    max-width: none;
    height: 4rem;
    padding-right: 0;
    text-decoration: none;
    display: flex
}

.main-nav__logo.w--current {
    color: var(--black);
    padding-right: 0
}

.main-nav__logo.text-color-white.w--current {
    color: var(--white);
    flex: none
}

.main-nav__link {
    font-size: var(--size--0-825rem);
    text-transform: uppercase;
    color: inherit;
    padding: 1.8rem 1.25rem;
    line-height: 1.4;
    text-decoration: none
}

.main-nav__link:hover {
    opacity: 1
}

.main-nav__link.right {
    padding-right: 0
}

.main-nav__link.light {
    color: var(--alice-blue);
    font-size: var(--size--0-825rem);
    padding: 1.8rem 1.25rem
}

.main-nav__link.light.last {
    padding-right: 0
}

.main-nav__burger {
    display: none
}

.main-nav__menu {
    display: flex
}

.main-nav__links-wrap {
    color: var(--black);
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex
}

.main-nav__fullscreen {
    display: none;
    position: fixed;
    inset: 0%
}

.main-section {
    z-index: 10;
    padding-top: var(--size--8rem);
    padding-bottom: var(--size--8rem);
    background-color: var(--white);
    color: var(--dark-grey);
    position: relative
}

.main-section.hero {
    z-index: 5;
    background-color: var(--navy-dark);
    width: 100%;
    height: auto;
    min-height: 100svh;
    padding-top: 7.5em;
    padding-bottom: 4.25rem;
    display: block
}

.main-section.bg-light {
    color: #141616;
    background-color: #fafafa
}

.main-section.large-padding {
    padding-top: 16rem;
    padding-bottom: 16rem
}

.main-section.subpage {
    padding-top: 15rem
}

.main-section.main-hero {
    background-color: var(--navy-dark);
    height: 100vh;
    padding-top: 7.5rem;
    padding-bottom: 4.25rem;
    display: block;
    overflow: visible
}

.main-section.landingpage-last {
    z-index: 5;
    background-color: #606060;
    height: auto;
    min-height: 100svh;
    padding-top: 7.5em;
    padding-bottom: 4.25rem;
    display:block
}

.main-section.hero-subpage {
    z-index: 5;
    background-color: #606060;
    height: auto;
    min-height: 100svh;
    padding-top: 7.5em;
    padding-bottom: 4.25rem;
    display:block
}

.main-section.project {
    background-color: var(--navy-dark);
    color: var(--white);
    min-height: 54em;
    padding-top: 0;
    padding-bottom: 0
}

.main-section.project.gevekom {
    background-color: var(--black)
}

.main-section.project.fitlara {
    background-color: #1f3622
}

.main-section.project.aec {
    background-color: var(--transparent);
    background-image: radial-gradient(circle at 80% 0, #2e2d31, #151517 55%)
}

.main-section.project.nova {
    background-color: #2a2b2e
}

.main-section.project.activeway {
    background-color: #353b50
}

.main-section.project.donhauser {
    background-color: #101a0b
}

.main-section.project.faktor-d {
    background-color: var(--transparent);
    background-image: linear-gradient(#35017c, #35017c)
}

.main-section.mobile {
    padding-bottom: 10rem
}

.main-section.no-padding-bottom {
    padding-bottom: 0
}

.main-section.sichtbar {
    z-index: 5;
    background-color: #606060;
    height: auto;
    min-height: 100svh;
    padding-top: 7.5em;
    padding-bottom: 4.25rem;
    display: block
}

.main-section.blog-hero {
    padding-top: var(--size--10rem);
    padding-bottom: var(--size--16rem);
    background-color: var(--navy-dark)
}

.main-section.full-image {
    aspect-ratio: 3/2
}

.main-section.full-image-project {
    aspect-ratio: 16/10
}

.main-section.bg-navy {
    background-color: var(--navy)
}

.main-section.bg-light-grey {
    background-color: #e9e9e9
}

.main-section.full-image-contact {
    aspect-ratio: 3/2.2
}

.main-section.bg-dark {
    background-color: var(--navy-dark);
    color: var(--white)
}

.main-section.bg-dark.large-padding-top {
    padding-top: var(--size--14rem);
    height: auto
}

.main-section.bg-dark.feedback {
    justify-content: center;
    align-items: center;
    min-height: 90svh;
    display: flex
}

.main-section.no-padding-top {
    padding-top: 0
}

.main-section.home-hero {
    padding-top: var(--size--0rem);
    padding-bottom: var(--size--0rem);
    flex-flow: column;
    justify-content: space-between;
    min-height: 100svh
}

.main-section.bg-webflow {
    background-color: var(--navy-dark);
    padding-top: 12rem;
    padding-bottom: 12rem
}

.main-section.bg-navy-gradient {
    background-image: linear-gradient(#1e3e50, #90a6b8 65%, #d3d9e2)
}

.main-section.full-height {
    min-height: 100svh
}

.main-section.full-height.hero-contact {
    justify-content: center;
    align-items: flex-end;
    display: flex
}

.hero__grid {
    z-index: auto;
    background-color: var(--transparent);
    grid-template-rows: auto;
    height: 100vh;
    padding: 13.75rem 5vw 3.75rem;
    position: relative
}

.hero__grid.subpage {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: var(--navy);
    align-items: stretch;
    height: auto;
    min-height: 100svh;
    padding: 13.75rem 5vw 3.75rem;
    overflow: visible
}

.hero__grid.subpage.no-padding-bottom {
    padding-bottom: 0
}

.hero__grid.landingpage {
    background-color: var(--navy);
    color: var(--white);
    align-items: start;
    padding-bottom: 0
}

.hero__grid.project {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    background-color: inherit;
    color: inherit;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    min-height: 58em;
    padding-top: 13.75em;
    padding-bottom: 5em;
    display: flex
}

.hero__grid.sichtbar {
    background-color: var(--navy-dark);
    color: var(--white);
    align-items: start
}

.hero__grid.home {
    grid-column-gap: 25vh;
    grid-row-gap: 25vh;
    background-color: #0000;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: end;
    align-items: stretch;
    padding-left: 5vw;
    padding-right: 5vw;
    display: grid
}

.main-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5vw;
    padding-right: 5vw;
    position: relative
}

.main-container.max-1460 {
    max-width: 91.25rem
}

.main-container.full-height {
    height: 100%
}

.main-container.full-height.align-bottom {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex
}

.main-container.u-vflex-left-top.gap-large {
    grid-column-gap: var(--size--8rem);
    grid-row-gap: var(--size--8rem);
    grid-column-gap: var(--size--8rem);
    grid-row-gap: var(--size--8rem)
}

.hero-parallax {
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0%;
    overflow: hidden
}

.hero-parallax.sichtbar {
    position: absolute
}

.subtitle.leistung,
.subtitle.grey {
    color: var(--shadow)
}

.subtitle {
    color: var(--navy-grey);
    text-transform: uppercase;
    font-size: .8em
}

.subtitle.leistung,
.subtitle.grey {
    color: var(--shadow)
}

.subtitle.white {
    color: #ffffffb3
}

.subtitle.footer-link {
    color: var(--white);
    font-size: .85em
}

.main-nav__underline {
    background-color: var(--black);
    height: 1px;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0
}

.main-nav__underline.light {
    background-color: var(--white)
}

.main-nav__underline.white {
    background-color: #fff
}

.blog-wrapper {
    color: var(--dark-grey);
    border-radius: 0;
    width: 100%;
    text-decoration: none;
    display: block
}

.blog-wrapper_image {
    border-radius: 0;
    margin-top: 0;
    position: static;
    overflow: hidden
}

.blog-wrapper_body {
    background-color: var(--alice-blue);
    flex-direction: column;
    justify-content: space-between;
    min-height: 14em;
    padding: 2em 1.2em;
    display: flex
}

.blog-wrapper_body.blog {
    min-height: 12em
}

.post-image {
    aspect-ratio: 16/7;
    width: 100%;
    height: 100%
}

.footer-links_grid {
    grid-column-gap: 2rem;
    grid-row-gap: 6rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    position: relative
}

.footer-links_bottom {
    line-height: 1;
    transform: translateY(20%)
}

.line {
    margin-top: var(--size--1-25em);
    margin-bottom: var(--size--1-25em);
    background-color: var(--navy-mid);
    width: 100%;
    height: 1px
}

.line.no-margin-top {
    margin-top: var(--size--0rem);
    margin-bottom: var(--size--1-25em)
}

.line.no-margin {
    background-color: var(--navy-grey);
    margin-top: 0;
    margin-bottom: 0
}

.footer-links__contact {
    opacity: 1;
    color: var(--silver);
    letter-spacing: .2px;
    white-space: nowrap;
    border-bottom: 1px #0000;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .7rem;
    font-family: Aeonikpro, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.6;
    text-decoration: none;
    transition: color .2s;
    display: inline-flex
}

.footer-links__contact:hover {
    border-bottom-style: none;
    border-bottom-color: var(--white);
    opacity: 1;
    color: var(--white);
    text-decoration: none
}

.footer-links__contact.underline {
    color: var(--shadow);
    text-decoration: underline
}

.footer-links__contact.last {
    color: var(--silver);
    margin-bottom: 0
}

.footer-links__contact.last:hover {
    color: var(--white)
}

.projects-container {
    max-width: none;
    margin-left: auto;
    margin-right: auto
}

.projects-container.home {
    margin-top: 0
}

.darken {
    mix-blend-mode: multiply;
    background-color: #1b1e1f4d;
    display: none;
    position: absolute;
    inset: 0%
}

.darken.leistung {
    inset: auto 0% 0%;
    background-color: #0000;
    background-image: linear-gradient(#0000, #0d222d99);
    height: 50%;
    display: block;
    inset: auto 0% 0%
}

.text-color-white {
    color: var(--white);
    margin-bottom: 0
}

.grid-project-list {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    grid-template-rows: auto;
    grid-template-columns: 1fr
}

.project-list-link {
    aspect-ratio: 16/10;
    color: var(--black);
    align-items: flex-end;
    width: 100%;
    padding-bottom: 3em;
    padding-left: 3em;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.project-preview-image {
    z-index: 1;
    color: var(--black);
    width: 100%;
    height: 124%;
    position: absolute;
    inset: 0%
}

.project-content {
    z-index: 20;
    flex-direction: column;
    align-items: flex-end;
    height: 100%;
    padding: 0;
    display: flex;
    position: relative
}

.project-heading-wrapper {
    grid-column-gap: 2.25em;
    grid-row-gap: 2.25em;
    color: #fff;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
    max-width: 75ch;
    height: 100%;
    display: flex
}

.project-heading-wrapper.smaller {
    max-width: 38em
}

.project-tag-wrapper {
    z-index: 2;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    opacity: .75;
    display: flex;
    position: static;
    inset: 3em auto auto 3em
}

.project-tag {
    padding: .2rem var(--size--0-75rem);
    color: #fff;
    font-size: var(--size--0-825rem);
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 100px
}

.project-tag.grey {
    border-color: var(--shadow);
    color: var(--dim-grey);
    font-size: var(--size--0-825rem);
    background-color: #0000
}

.project-tag.navy-white {
    border-color: var(--navy-white);
    color: var(--navy-white);
    font-size: var(--size--0-75rem);
    padding-top: .3rem
}

.project-tag.navy-dark {
    border-color: var(--black);
    color: var(--navy-dark);
    font-size: var(--size--0-75rem);
    background-color: #0000
}

.project-list-heading {
    color: #fff;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 2.4em;
    line-height: 1.1
}

.project-list-heading.text-color-dark {
    color: var(--black)
}

.project-list-heading.text-balance {
    text-wrap: balance;
    text-wrap: balance
}

.overflow-hidden {
    overflow: hidden
}

.overflow-hidden.hero {
    padding-bottom: .85em
}

.main-wrapper {
    overflow: hidden
}

.grid-3-col {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid
}

.grid-3-col.margin-bottom-large {
    margin-bottom: 8rem
}

.btn {
    background-color: var(--navy-dark);
    color: var(--alice-blue);
    border-radius: 50em;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: .9em 1.5em 1em 2em;
    font-size: 1em;
    text-decoration: none;
    display: flex;
    position: relative;
    overflow: hidden
}

.btn.dark-form {
    background-color: var(--dark-grey);
    color: var(--white);
    margin-top: 1em;
    padding-top: .7em;
    padding-bottom: .8em;
    padding-left: 1.5em;
    transition: background-color .25s
}

.btn.dark-form:hover {
    background-color: var(--dark-slate-blue)
}

.btn.light {
    background-color: var(--white);
    color: var(--dark-grey);
    transition: background-color .25s
}

.btn.light:hover {
    background-color: var(--white-smoke)
}

.btn.outline {
    border: 1px solid var(--navy-dark);
    color: var(--dark-grey);
    background-color: #fff0
}

.btn.outline.light {
    border-color: var(--alice-blue);
    color: var(--alice-blue);
    border-color: var(--alice-blue)
}

.btn-content {
    grid-column-gap: .5rem;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: .5em;
    display: flex;
    position: relative;
    overflow: hidden
}

.btn-arrow {
    color: var(--alice-blue);
    width: .875rem
}

.btn-arrow.dark {
    color: var(--dark-grey)
}

.btn-arrow.footer {
    width: .875em
}

.btn-hover-arrow {
    color: var(--alice-blue);
    width: .875rem;
    position: absolute;
    left: -1.2em
}

.btn-hover-arrow.dark {
    color: var(--dark-grey)
}

.btn-hover-arrow.footer {
    width: .875em
}

.p-m {
    color: var(--navy-dark);
    font-size: 1.3em;
    line-height: 1.3
}

.p-m.text-color-white {
    color: var(--white)
}

.p-l {
    font-size: 1.5em;
    line-height: 1.3
}

.p-l.text-color-white {
    color: var(--white)
}

.footer-section {
    z-index: 10;
    padding-top: var(--size--8rem);
    background: var(--_gradient) #0d222d;
    mix-blend-mode: var(--_gradient-blend-mode);
    color: var(--alice-blue);
    padding-bottom: 0;
    position: relative;
    padding-bottom: var(--size--2rem);
}

.footer-section-noise {
background-image: var(--_noise-texture);
background-size: var(--_noise-size);
background-position: center;
background-repeat: repeat;
}
     
.frosted-backdrop {
backdrop-filter: blur(var(--_gradient-blur)) contrast(100%) brightness(100%);
-webkit-backdrop-filter: blur(var(--_gradient-blur)) contrast(100%) brightness(100%);
}

.blog-teaser-title {
    color: var(--black);
    font-size: 1.5em
}

.title-wrapper {
    width: 100%;
    margin-bottom: 2.5em
}

.title-wrapper.flex {
    justify-content: space-between;
    align-items: center;
    max-width: none;
    margin-bottom: 2.5em;
    display: flex
}

.title-wrapper.webflow {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 54em;
    margin-bottom: 5em;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.main-cta {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 50em;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.grid-12-col {
    grid-column-gap: 2.5rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr);
    align-items: start
}

.grid-12-col.hero {
    grid-row-gap: 0rem
}

.grid-12-col.stretch {
    align-items: stretch
}

.grid-12-col.hero-sub {
    z-index: 2;
    grid-row-gap: 1.5rem;
    place-items: end stretch;
    width: 100%;
    position: relative
}

.section-title-projects {
    text-align: left;
    max-width: 77em;
    margin-bottom: 4em;
    margin-right:auto
}

.heading-h1 {
    letter-spacing: -.02em;
    letter-spacing: -.02em;
    font-size:4.5em
}


.p-xl {
    color: inherit;
    font-size: 2em;
    line-height: 1.25
}

.hero-logo-wrapper {
    width: 6em;
    max-width: 6em;
    height: auto
}

.hero-logo-wrapper.small {
    max-width: 5em
}

.webflow-cta-wrapper {
    max-width: 100em;
    position: relative
}

.spacer-small {
    width: 100%;
    height: 2.5em
}

.leistung-wrapper-text {
    grid-column-gap: 1.4em;
    grid-row-gap: 1.4em;
    flex-direction: column;
    align-items: flex-start;
    max-width: 50ch;
    display: flex
}

.btn-link {
    color: var(--dark-grey);
    text-transform: none;
    font-size: .8em;
    line-height: 1.6;
    text-decoration: none
}

.btn-link.project {
    color: var(--white);
    text-transform: uppercase;
    font-size: 1em
}

.btn-link.white {
    color: var(--white)
}

.scroll-wrapper {
    z-index: 10;
    position: relative;
    overflow: hidden
}

.scroll-trigger {
    pointer-events: none;
    height: 100%;
    min-height: 100vh;
    position: absolute;
    inset: auto 0% 0%
}

.heading-hero {
    color: var(--white);
    will-change: transform;
    font-size: 11.05cqw;
    line-height: 1
}

.text-color-silver {
    color: var(--silver)
}

.project-award {
    z-index: 20;
    width: 3.25rem;
    position: static;
    inset: 0% 0% 0% auto
}

.project-award-wrapper {
    z-index: 20;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto
}

.project-overlay {
    z-index: 10;
    opacity: 0;
    color: var(--dark-grey);
    background-color: #0000001a;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.text-color-dark {
    color: var(--navy-dark)
}

.webflow-partner {
    z-index: 100;
    width: 100%
}

.webflow-partner.awwwards {
    width: 10rem;
    height: auto;
    padding-top: .5rem
}

.superscript {
    padding-left: 2px;
    font-size: .8rem
}

.u-vflex-left-center {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.kunden-logo_item {
    opacity: .75;
    justify-content: center;
    align-items: center;
    width: 8rem;
    transition: opacity .35s;
    display: flex
}

.kunden-logo_item:hover {
    opacity: 1
}

.kunden-logo_grid {
    grid-column-gap: 3.5em;
    grid-row-gap: 6em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: grid
}

.footer_group_layout.u-hflex-left-center {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.footer_group_item {
    color: var(--silver);
    margin-bottom: 0
}

.footer_group_list {
    margin-bottom: 0
}

.text-small {
    font-size: var(--size--0-75rem)
}

.footer-links_container {
    color: var(--white);
    font-size: var(--size--1rem);
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 1;
    display: flex;
}

.btn-footer-contact {
    color: var(--white);
    font-size: 2em;
    text-decoration: none
}

.hero-intro_wrap {
    aspect-ratio: 3/2.2;
    position: relative
}

.u-cover-absolute {
    height: 100%;
    position: absolute;
    inset: 0%
}

.hero-intro_bg {
    background-image: linear-gradient(180deg, #183e53, var(--navy-white)70%);
    position: absolute;
    inset: 0%
}

.hero-intro_item {
    aspect-ratio: 662/374;
    width: 52.4%;
    position: absolute;
    top: 16%;
    left: 23.8%;
    overflow: hidden
}

.hero-intro_image._01,
.hero-intro_image._02,
.hero-intro_image._03,
.hero-intro_image._04 {
    position: absolute;
    inset: 0% 0% auto
}

.hero-intro_image {
    position: relative
}

.hero-intro_image._01,
.hero-intro_image._02,
.hero-intro_image._03,
.hero-intro_image._04 {
    position: absolute;
    inset: 0% 0% auto
}

.hero-intro_image._01,
.hero-intro_image._02,
.hero-intro_image._03,
.hero-intro_image._04 {
    position: absolute;
    inset: 0% 0% auto
}

.hero-intro_image._05 {
    display: block;
    position: absolute;
    inset: 0% 0% auto
}

.p-intro {
    color: inherit;
    font-size: 3.5em;
    line-height: 1.3
}

.footer-brand {
    flex: none;
    font-size: 1.1cqw;
}

.p-image-span {
    white-space: nowrap;
    word-break: normal;
    background-image: url(https://cdn.prod.website-files.com/5e31ae1ce9eac4b8ee66b010/675ef775a71fc3ba494a3c64_beeindruckende-webseiten-webdesign.avif);
    background-position: 50%;
    background-size: 2.5em;
    width: 2.5em;
    height: 1.6em;
    margin-left: .3em;
    margin-right: .3em;
    display: inline-block;
    position: relative;
    transform: translateY(25%)
}

.heading-display {
    font-size: 6em
}

.heading-display.number {
    font-size: 9em
}

.heading-display.margin-bottom-small {
    margin-bottom: 2rem
}

.grid-service-sub {
    grid-column-gap: 2.5rem;
    grid-row-gap: var(--size--1rem);
    grid-template-rows: auto;
    grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr)
}

.swiper-slide {
    flex: none;
    width: 100%
}

.auto-swiper_button-prev {
    border-style: solid;
    border-width: var(--interactive--stroke-width);
    border-radius: var(--interactive--round);
    text-align: center;
    cursor: pointer;
    background-color: #ffffff0d;
    border-color: #fff3;
    flex: none;
    width: 3rem;
    height: 3rem;
    padding: .75rem;
    font-size: 0;
    font-weight: 400;
    line-height: 1em;
    transition: background-color .3s, border-color .3s;
    position: relative
}

.auto-swiper_button-prev:hover {
    border-color: var(--navy-white);
    color: #fff;
    background-color: #fff3;
    background-image: none
}

.auto-swiper_button-prev:active {
    background-color: #fff3
}

.auto-swiper_overall-wrapper {
    grid-column-gap: var(--size--1rem);
    grid-row-gap: var(--size--1rem);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: end start;
    display: grid;
    position: relative
}

.swiper-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex
}

.swiper-wrapper.auto-swiper-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end
}

.swiper-container {
    width: 100%
}

.swiper-container.auto-swiper-container {
    max-width: 45em;
    margin-bottom: 2rem;
    overflow: hidden
}

.auto-swiper_button-next {
    border-style: solid;
    border-width: var(--interactive--stroke-width);
    border-radius: var(--interactive--round);
    cursor: pointer;
    background-color: #ffffff0d;
    border-color: #fff3;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: .75rem;
    transition: background-color .3s, border-color .3s;
    display: flex;
    position: relative;
    transform: translate(35%)
}

.auto-swiper_button-next:hover {
    border-color: var(--navy-white);
    background-color: #ffffff26;
    background-image: none
}

.auto-swiper_button-next:active {
    background-color: #fff3
}

.auto-swiper_button-wrap {
    display: flex;
    transform: translateY(-60%)
}

.auto-swiper_author-img {
    width: 5rem;
    height: 5rem
}

.u-vflex-left-top {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.u-vflex-left-top.u-gap-small {
    grid-column-gap: var(--size--2rem);
    grid-row-gap: var(--size--2rem)
}

.u-vflex-left-top.u-gap-medium {
    grid-column-gap: var(--size--3-75rem);
    grid-row-gap: var(--size--3-75rem)
}

.auto-swiper_author {
    grid-column-gap: var(--size--1-5em);
    grid-row-gap: var(--size--1-5em);
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.auto-swiper_author-heading {
    font-size: 1.25rem
}

.auto-swiper_author-text {
    color: var(--silver);
    font-size: var(--size--0-825rem)
}

.auto-swiper_author-text.text-color-grey {
    color: var(--slate-grey)
}

.background-img-wrap {
    z-index: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: hidden
}

.parallax-img {
    height: 110%;
    position: relative
}

.parallax-img.mobile {
    display: none
}

.u-vflex-space-between {
    grid-column-gap: var(--size--1rem);
    grid-row-gap: var(--size--1rem);
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    display: flex
}

.u-vflex-space-between.gap-medium {
    grid-column-gap: var(--size--3rem);
    grid-row-gap: var(--size--3rem);
    grid-column-gap: var(--size--3rem);
    grid-row-gap: var(--size--3rem)
}

.max-width-38 {
    max-width: 38em
}

.max-width-40 {
    max-width: 40em
}

.large-padding-top {
    z-index: 10;
    height: var(--size--8rem);
    background-color: var(--navy-dark);
    width: 100%;
    position: relative
}

.heading-hero_sub {
    color: var(--white);
    font-size: 2.7em;
    line-height: 1
}

.hero_sub-intro {
    z-index: 2;
    background-color: #0000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative
}

.hero_sub-title {
    z-index: 2;
    width: 100%;
    position: relative;
    container-type: inline-size
}

.textimonials-overlay {
    opacity: .1;
    mix-blend-mode: multiply;
    background-color: #01111b;
    display: none;
    position: absolute;
    inset: 0%
}

.logo {
    width: 100%;
    height: auto;
    min-height: 1.2rem
}

@media screen and (max-width:991px) {
    body {
        font-size: .75rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3,
    h4 {
        font-size: 1.8em
    }

    h6 {
        font-size: 2vw;
        font-weight: 700
    }

    p {
        color: var(--dark-grey);
        letter-spacing: 0;
        font-size: .9rem
    }

    ul {
        padding-left: 1rem
    }

    .container {
        flex-direction: column;
        max-width: none;
        padding-left: 28px;
        padding-right: 28px
    }

    .container.blog-post-container {
        margin-top: 3.125rem;
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .column {
        display: block
    }

    .column.about,
    .column.last {
        border-bottom: 1px solid #c1c2c5;
        margin-bottom: 3.75rem;
        padding-bottom: 2rem
    }

    .column.margin-bottom-80 {
        margin-bottom: 5rem
    }

    .column.about,
    .column.last {
        border-bottom: 1px solid #c1c2c5;
        margin-bottom: 3.75rem;
        padding-bottom: 2rem
    }

    .column.hero-agency {
        max-width: none
    }

    .column.barriere {
        border-bottom: 1px solid #c1c2c5;
        margin-bottom: 3.75rem;
        padding-bottom: 2rem
    }

    .kunden-logo {
        filter: none
    }

    .richt-text p {
        font-size: 1rem;
        line-height: 1.6
    }

    .richt-text h2 {
        font-size: 2.2rem
    }

    .richt-text h3 {
        font-size: 1.5rem
    }

    .richt-text blockquote {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .blog-item-grid {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .paragraph-leistung {
        margin-bottom: 2.5rem
    }

    .grid-half {
        grid-template-columns: 1fr;
        place-items: center
    }

    .btn-row.left-align {
        margin-top: var(--size--1-5em);
        margin-top: var(--size--1-5em)
    }

    .section-title {
        margin-bottom: 2.5rem
    }

    .grid-4-col {
        grid-row-gap: 40px
    }

    .grid-4-col.align-top {
        grid-row-gap: 2.5rem;
        grid-row-gap: 2.5rem
    }

    .ck-modal__btns-w.is--small {
        background-color: #74788400;
        padding-top: 0
    }

    .ck-desc {
        max-width: none
    }

    .ck-cookie-w {
        z-index: 7500;
        max-width: 30rem
    }

    .ck-modal__exit-btn {
        margin-top: 0;
        margin-right: 0
    }

    .ck-modal__content-w.is--small {
        padding-right: 10px
    }

    .ck-preference-w {
        z-index: 7900
    }

    .ck-prefmanager-w {
        left: .5rem
    }

    .ck-preference__btn {
        font-size: 10px
    }

    .blog-intro {
        grid-column-gap: 3.5em;
        grid-row-gap: 3.5em;
        min-height: auto
    }

    .main-nav__container {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .main-nav {
        z-index: 999;
        height: 5rem
    }

    .main-nav__logo {
        z-index: 1000;
        border-right-style: none
    }

    .main-nav__link {
        color: var(--white);
        padding-top: .75em;
        padding-bottom: .75em;
        font-size: 6vw;
        transition: opacity .4s
    }

    .main-nav__link:hover {
        opacity: .7
    }

    .main-nav__link._1.w--current,
    .main-nav__link._2.w--current,
    .main-nav__link._3.w--current,
    .main-nav__link._4.w--current,
    .main-nav__link._5.w--current {
        color: var(--silver)
    }

    .main-nav__link._1 {
        color: #fff
    }

    .main-nav__link._1.w--current,
    .main-nav__link._2.w--current,
    .main-nav__link._3.w--current,
    .main-nav__link._4.w--current,
    .main-nav__link._5.w--current {
        color: var(--silver)
    }

    .top-line {
        background-color: var(--dark-grey);
        flex: 0 auto;
        width: 2rem;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .top-line.light {
        background-color: var(--white);
        background-color: var(--white)
    }

    .bottom-line {
        background-color: var(--dark-grey);
        width: 2rem;
        height: 2px;
        margin-top: 8px;
        padding-bottom: 0;
        padding-right: 0
    }

    .bottom-line.light {
        background-color: var(--white);
        background-color: var(--white)
    }

    .main-nav__burger {
        z-index: 1000;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: -20px;
        padding: 1.25rem;
        display: flex;
        position: relative
    }

    .main-nav__menu {
        z-index: 99;
        display: flex;
        position: relative;
        inset: 0%
    }

    .main-nav__link-mask {
        z-index: 10;
        color: var(--white);
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
        position: relative;
        overflow: hidden
    }

    .main-nav__links-wrap {
        display: none
    }

    .main-nav__fullscreen {
        z-index: 300;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
        display: none;
        overflow: hidden
    }

    .main-nav__fullscreen-background {
        z-index: 1;
        background-color: #0000;
        flex-direction: column;
        width: 100%;
        height: 101%;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
        position: absolute;
        inset: 0% 0% auto
    }

    .main-nav__fullscreen-bottom {
        z-index: 10;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-bottom: 50px;
        padding-left: 50px;
        padding-right: 50px;
        display: grid;
        position: absolute;
        inset: auto 0% 0%
    }

    .main-nav__lottie {
        z-index: auto;
        margin-top: -1%;
        position: relative
    }

    .main-nav__menu-fill {
        z-index: 1;
        background-color: #111;
        width: 100%;
        height: 100%;
        padding-bottom: 0;
        padding-right: 0;
        position: relative
    }

    .main-section.hero {
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden
    }

    .main-section.bg-dark {
        background-color: var(--navy-dark)
    }

    .main-section.bg-dark.large-padding-top {
        padding-top: var(--size--10rem);
        padding-top: var(--size--10rem)
    }

    .main-section.large-padding {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }

    .main-section.main-hero {
        height: auto;
        padding-top: 0;
        padding-bottom: 0
    }

    .main-section.hero-subpage {
        background-color: var(--white-smoke);
        height: auto;
        min-height: auto;
        padding-top: 0;
        padding-bottom: 0;
        overflow:visible
    }

    .main-section.mobile {
        padding-bottom: 8rem
    }

    .main-section.sichtbar {
        background-color: var(--white-smoke);
        height: auto;
        min-height: 100svh;
        padding-top: 0;
        padding-bottom: 0;
        overflow: visible
    }

    .main-section.full-image {
        aspect-ratio: 1
    }

    .main-section.full-image-project {
        aspect-ratio: 3/2
    }

    .main-section.full-height {
        aspect-ratio: auto
    }

    .main-section.full-image-contact {
        aspect-ratio: 2/3
    }

    .hero__background-image-wrapper {
        justify-content: center;
        align-items: flex-start;
        padding-right: 0;
        position: relative
    }

    .hero__background-image-wrapper.main {
        align-items: flex-end;
        padding-left: 2rem;
        padding-right: 2rem;
        position: relative
    }

    .hero__background-image-wrapper.sichtbar {
        align-items: flex-end;
        padding-right: 0;
        position: relative
    }

    .hero__grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        height: auto;
        padding: 10rem 5vw 3.75rem
    }

    .hero__grid.subpage {
        background-color: var(--navy);
        grid-template-rows: auto;
        height: 100%;
        min-height: auto;
        padding-top: 10rem
    }

    .hero__grid.home {
        padding-top: var(--size--8rem);
        grid-column-gap: var(--size--8rem);
        grid-row-gap: var(--size--8rem);
        grid-template-rows: auto;
        height: 100%
    }

    .hero__grid.landingpage {
        min-height: auto
    }

    .hero__grid.project {
        grid-template-rows: auto
    }

    .hero__grid.sichtbar {
        grid-column-gap: 6rem;
        grid-row-gap: 6rem;
        min-height: auto;
        padding-bottom: 0
    }

    .main-container {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .hero-parallax {
        position: fixed;
        overflow: hidden
    }

    .hero-parallax.sichtbar {
        position: relative
    }

    .hero__grid-left {
        max-width: none;
        display: block
    }

    .hero__grid-left.subpage,
    .hero__grid-left.webdesigner {
        max-width: none
    }

    .hero__grid-left.subpage-barrierefrei{
        justify-content: flex-start;
        max-width:41em
}
    }
    .hero__grid-left.subpage,
    .hero__grid-left.webdesigner {
        max-width: none
    }

    .hero__grid-left.project {
        justify-content: flex-start;
        max-width:60em
    }

    .hero__grid-left.subpage-barrierefrei {
        max-width: none
    }

    .hero__grid-right {
        margin-left: auto;
        margin-right: auto
    }

    .hero__grid-right.fullscreen-background {
        width: 100%;
        min-width: auto;
        position: relative
    }

    .hero__grid-right.fullscreen-background.mobile-larger {
        width: 120%
    }

    .hero-paragraph {
        font-size: 1.13em;
        line-height: 1.5
    }

    .grid-leistungen {
        grid-template-columns: 1fr 1fr
    }

    .subtitle {
        font-size: .75rem
    }

    .subtitle.footer-link {
        font-size: var(--size--1-25em);
        font-size: var(--size--1-25em)
    }

    .grid-leistung__subtitle {
        margin-bottom: 5rem
    }

    .intro {
        max-width: 90%
    }

    .hero__background-image {
        flex: 0 auto;
        max-height: 80vh
    }

    .subtitle__wrapper {
        max-width: none
    }

    .subtitle__wrapper.margin-bottom__120 {
        margin-bottom: 5rem
    }

    .main-section_fullscreen.cta-leistung,
    .main-section_fullscreen.cta-blog {
        min-height: 42rem;
        padding-top: 0
    }

    .main-section_fullscreen.cta-center {
        padding-top: 140px
    }

    .main-section_fullscreen.cta-leistung,
    .main-section_fullscreen.cta-blog {
        min-height: 42rem;
        padding-top: 0
    }

    .main-section__fullscreen-grid {
        grid-template-columns: 1fr;
        min-height: 600px;
        padding-left: 0;
        padding-right: 0
    }

    .main-section__fullscreen-grid.cta-center {
        padding-left: 36px;
        padding-right: 36px
    }

    .main-section__fullscreen-grid.reverse {
        grid-template-columns: 1fr
    }

    .main-section__intro {
        margin-bottom: 3.75rem
    }

    .main-section__intro.webflow {
        max-width: 70%;
        margin-bottom: 0
    }

    .main-section__intro.buchung {
        max-width: 44em
    }

    .main-section__intro.check {
        max-width: none
    }

    .grid-2-col {
        grid-template-columns: 1fr
    }

    .grid-2-col.small {
        grid-template-columns: 1fr 1fr
    }

    .grid-2-col.margin-small {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .grid-2-col.leistungen {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem
    }

    .teaser-two__container {
        padding: 3em
    }

    .grid-webflow {
        grid-template-columns: 1fr 1fr
    }

    .grid-webflow__card {
        padding: 1.875rem;
        font-size: .75rem
    }

    .grid-webflow__card.dark {
        padding: 1.5rem 1.75rem
    }

    .grid-webflow__list {
        margin-bottom: 3.75rem
    }

    .faq-accordion__trigger {
        padding-top: 2vw;
        padding-bottom: 2vw
    }

    .faq-accordion__title {
        font-size: 1.3rem
    }

    .blog-wrapper_body {
        min-height: 15em;
        padding-left: 1em;
        padding-right: 1em
    }

    .blog-wrapper_body.blog {
        min-height: 13em
    }

    .post-wrapper__title {
        font-size: 2.4em
    }

    .footer-links_grid {
        grid-row-gap: 60px;
        grid-template-columns: 1fr 1fr 1fr
    }

    .footer-links__contact {
        margin-bottom: 12px
    }

    .leistungen-container__content {
        max-width: none
    }

    .leistungen-container_list-item {
        font-size: .9rem
    }

    .leistungen-container__column {
        margin-bottom: 5rem
    }

    .leistungen-container__column.small-margin {
        margin-bottom: 3.5rem
    }

    .container-small,
    .container-small.expand,
    .container-small.expand-large,
    .container-small.expand,
    .container-small.expand-large,
    .max-width-75 {
        max-width: none
    }

    .projects-details {
        min-width: auto;
        margin-bottom: 0
    }

    .projects-details__grid {
        grid-column-gap: .3em;
        grid-row-gap: .3em;
        grid-template-columns: 1fr
    }

    .projects-details__wrapper {
        margin-bottom: 1.25rem;
        padding-bottom: 1.25rem
    }

    .fullscreen-image.cta {
        display: none
    }

    .fullscreen-image.cta-mobile {
        max-width: 96vw;
        display: block
    }

    .darken.leistung {
        background-image: linear-gradient(#0000, #000c);
        height: 70%
    }

    .hero-row-hidden.second,
    .faq-container__column {
        margin-bottom: 0
    }

    .leistungen-container-usps {
        max-width: none
    }

    .project-list-link {
        min-height: 40rem;
        padding-right: 3rem
    }

    .project-preview-image {
        background-position: 50%;
        background-size: cover
    }

    .project-tag-wrapper {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem
    }

    .project-tag {
        background-color: #0000
    }

    .project-list-heading {
        font-size: 2rem
    }

    .line-btn {
        color: var(--white);
        font-size: 7vw;
        transition: opacity .4s
    }

    .line-btn:hover {
        opacity: .7
    }

    .line-btn-wrapper {
        font-size: 1.15rem
    }

    .project-details-wrapper {
        width: 100%
    }

    .project-services,
    .project-services li,
    .project-services li {
        font-size: .9rem
    }

    .testemonial-wrapper {
        margin-bottom: 40px
    }

    .text-testemonial {
        font-size: 1.5rem
    }

    .project-description-wrapper {
        max-width: none
    }

    .grid-3-col {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr
    }

    .grid-3-col.margin-bottom-large {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
        grid-template-columns: 1fr;
        margin-bottom: 6.25rem
    }

    .grid-3-col.blog {
        grid-template-columns: 1fr 1fr
    }

    .leistungen-detail-container {
        margin-top: 6.25rem
    }

    .grid-landingpage-intro {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr 1fr
    }

    .btn {
        padding: .7rem 1.2rem .8rem 1.8rem;
        font-size: .9rem
    }

    .btn.light,
    .btn.dark-form,
    .btn.light,
    .btn.dark-form {
        padding: .7rem 1.2rem .8rem 1.9rem
    }

    .btn-content {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        padding-right: .5rem
    }

    .btn-hover-arrow {
        display: none;
        left: -1rem
    }

    .p-m {
        font-size: 1.1rem
    }

    .p-l {
        font-size: 1.3rem
    }

    .footer-section {
        padding-bottom: 0
    }

    .heading-blog {
        font-size: 2.5rem
    }

    .title-wrapper {
        max-width: none;
        margin-bottom: 2em
    }

    
    .p-xl {
        font-size: 1.3rem
    }

    .gallery-component {
        align-items: flex-start;
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .gallery-image {
        width: auto;
        max-width: none;
        height: 23vw
    }

    .richt-text-legal p {
        font-size: 1rem;
        line-height: 1.6
    }

    .richt-text-legal h2 {
        font-size: 2.2rem
    }

    .richt-text-legal h3 {
        font-size: 1.5rem
    }

    .richt-text-legal blockquote {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .section-title-projects {
        margin-bottom:2.5rem
    }

    .heading-h2 {
        font-size: 2.5rem
    }

    .spacer-small {
        height: 1.5rem
    }

    .leistungen-wrapper {
        grid-column-gap: 6em;
        grid-row-gap: 6em;
        padding-top: 2em
    }

    .gallery-image-grid {
        width: 100%
    }

    .grid-gruende {
        grid-row-gap: 40px
    }

    .max-width-about {
        max-width: 37em
    }

    .project-link {
        flex-direction: column;
        grid-template-columns: 1fr;
        display: flex
    }

    .project-left {
        min-height: 34em
    }

    .project-right {
        order: -1
    }

    .author-quote {
        max-width: none
    }

    .hero_grid-absolute {
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        bottom: auto;
        right: auto
    }

    .grid-project {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em
    }

    .grid-project._3-col {
        grid-column-gap: 5em;
        grid-row-gap: 5em;
        grid-template-columns: 1fr 1fr
    }

    .grid-project._4-col {
        grid-column-gap: 5em;
        grid-row-gap: 5em;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .project-spacer-large {
        height: 12rem
    }

    .award {
        font-size: .75rem
    }

    .project-scroll-wrapper {
        padding-top: 10rem
    }

    .leistungen-tag-wrapper,
    .max-width-leistung {
        max-width: none
    }

    .leistung-agentur-wrapper {
        margin-bottom: 8rem
    }

    .spacer-xmedium {
        height: 2.5rem
    }

    .heading-h5 {
        font-size: 1.3rem
    }

    .marquee-image {
        width: 8.75em;
        height: 2.5em
    }

    .hero-overlay {
        height: auto;
        inset: 0%
    }

    .p-intro {
        font-size: 3em
    }

    .grid-spacer {
        display: none
    }

    .grid-service-sub {
        grid-column-gap: var(--size--1rem);
        grid-row-gap: var(--size--1rem);
        grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr) minmax(1rem, 1fr)
    }

    .auto-swiper_button-prev:hover {
        background-position: 50%
    }

    .auto-swiper_overall-wrapper {
        grid-template-columns: 1fr;
        place-items: start end
    }

    .swiper-container.auto-swiper-container {
        max-width: 100%
    }

    .auto-swiper_button-next:hover {
        background-position: 50%
    }

    .auto-swiper_button-wrap {
        transform: none
    }

    .u-vflex-space-between.gap-medium {
        grid-column-gap: var(--size--2rem);
        grid-row-gap: var(--size--2rem);
        grid-column-gap: var(--size--2rem);
        grid-row-gap: var(--size--2rem)
    }

    .p-xxl {
        font-size: 2.4em
    }

    .about-intro-container {
        grid-row-gap: var(--size--6rem)
    }

    .hero_sub-intro {
        max-width: none;
        display: block
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 2.5rem
    }

    h2 {
        font-size: 2rem
    }

    h3 {
        font-size: 1.5rem
    }

    h4 {
        font-size: 1.25rem
    }

    h5 {
        font-size: 18px
    }

    h6 {
        margin-bottom: 15px;
        font-size: 16px
    }

    ul {
        padding-left: 1rem
    }

    .container {
        padding-left: 24px;
        padding-right: 24px
    }

    .container.blog-post-container {
        grid-template-columns: 1fr;
        margin-top: 40px
    }

    .image-cover {
        object-fit: cover
    }

    .image-cover.hero-leistung {
        object-position: 64% 50%;
        object-position: 64% 50%
    }

    .column.about,
    .column.last,
    .column.barriere {
        margin-bottom: 2.5rem;
        padding-bottom: 1.13rem
    }

    .column.margin-bottom-80 {
        margin-bottom: var(--size--1-5em)
    }

    .column.about,
    .column.last,
    .column.barriere {
        margin-bottom: 2.5rem;
        padding-bottom: 1.13rem
    }

    .kunden-logo {
        object-fit: contain;
        width: 100px;
        max-width: 6em;
        max-height: 2em
    }

    .kunden-logo.invert {
        width: 100%
    }

    .kunden-logo.large {
        max-height: 4em
    }

    .richt-text p {
        line-height: 1.5
    }

    .richt-text h2 {
        font-size: 2rem;
        line-height: 1.1
    }

    .blog-featured-grid {
        grid-template-columns: 1fr 1fr;
        margin-top: 60px
    }

    .blog-item-grid {
        grid-template-columns: 1fr
    }

    .blog-hero-image {
        margin-top: 30px
    }

    .author_title {
        font-size: .75rem
    }

    .paragraph-leistung {
        margin-bottom: 2rem
    }

    .btn-row.center {
        flex-direction: column;
        align-items: center
    }

    .btn-row.left-align {
        margin-top: var(--size--1-5em);
        flex-direction: row;
        align-items: flex-start
    }

    .section-title {
        margin-bottom: 1.88rem
    }

    .grid-4-col {
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr
    }

    .grid-4-col.align-top {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-column-gap: 2rem;
        grid-row-gap: 2rem
    }

    .ck-modal__btns-w {
        padding: 1.5rem
    }

    .ck-modal__btns-w.is--small {
        padding-left: 10px;
        padding-right: 10px
    }

    .ck-modal__btns-w.in-pref-manger {
        margin: 1.5rem -1.5rem -2rem;
        padding-top: 1.25rem;
        position: sticky;
        bottom: 0
    }

    .ck-modal__exit-btn {
        margin-top: 1rem;
        margin-right: 0;
        top: -1rem
    }

    .ck-modal__content-w {
        padding-bottom: 1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .ck-modal__content-w.is--small {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px
    }

    .ck-preference__scroll-w {
        padding-top: 0
    }

    .ck-form {
        padding-top: .75rem
    }

    .main-nav__container {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .main-nav {
        height: 3.75rem
    }

    .main-nav__logo {
        width: 8rem;
        padding-left: 0;
        padding-right: 0
    }

    .main-nav__logo.w--current {
        width: 8rem
    }

    .main-nav__link {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .main-nav__menu {
        z-index: 99;
        padding-bottom: 0;
        padding-right: 0;
        position: relative;
        inset: 0%
    }

    .main-nav__link-mask {
        z-index: 10;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
        position: relative;
        overflow: hidden
    }

    .main-nav__fullscreen-bottom {
        padding-bottom: 36px;
        padding-left: 36px;
        padding-right: 36px
    }

    .main-section {
        padding-top: var(--size--6rem);
        padding-bottom: var(--size--6rem)
    }

    .main-section.hero {
        height: auto;
        min-height: auto;
        overflow: hidden
    }

    .main-section.bg-dark.large-padding-top {
        padding-top: var(--size--8rem);
        padding-top: var(--size--8rem)
    }

    .main-section.large-padding {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .main-section.subpage {
        padding-top: 10rem
    }

    .main-section.main-hero {
        overflow: hidden
    }

    .main-section.hero-subpage {
        height: auto;
        overflow: hidden
    }

    .main-section.mobile {
        padding-bottom: 8rem
    }

    .main-section.sichtbar {
        height: auto;
        overflow: hidden
    }

    .main-section.full-image-project {
        aspect-ratio: 3/2
    }

    .hero__background-image-wrapper {
        overflow: visible
    }

    .hero__grid {
        padding-top: 8.75rem;
        padding-left: 5vw;
        padding-right: 5vw
    }

    .hero__grid.subpage {
        padding-top: 8.75rem
    }

    .hero__grid.home {
        padding-top: var(--size--6rem)
    }

    .hero__grid.project {
        grid-template-rows: auto
    }

    .hero__grid.sichtbar {
        min-height: 100svh
    }

    .main-container {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .main-container.u-vflex-left-top.gap-large {
        grid-column-gap: var(--size--3-75rem);
        grid-row-gap: var(--size--3-75rem);
        grid-column-gap: var(--size--3-75rem);
        grid-row-gap: var(--size--3-75rem);
        grid-column-gap: var(--size--3-75rem);
        grid-row-gap: var(--size--3-75rem)
    }

    .hero-parallax {
        height: 100%;
        position: static
    }

    .hero-parallax.mobile-align-top {
        justify-content: flex-start;
        align-items: stretch
    }

    .hero__grid-left.project {
        max-width: 34em
    }

    .grid-leistungen {
        grid-template-columns: 1fr
    }

    .grid-leistung__card {
        padding: 1.5rem
    }

    .subtitle {
        font-size: .75rem
    }

    .grid-leistung__subtitle {
        align-self: auto;
        margin-bottom: 4rem
    }

    .intro {
        max-width: none
    }

    .hero__background-image {
        width: auto;
        height: auto;
        max-height: 60vh;
        padding-right: 0;
        overflow: hidden
    }

    .hero__background-image.contact {
        width: auto;
        height: auto
    }

    .main-section_fullscreen.cta-center {
        min-height: 720px
    }

    .main-section_fullscreen.cta-leistung {
        justify-content: flex-start;
        min-height: 37.5rem;
        padding-top: 6rem
    }

    .main-section_fullscreen.cta-blog {
        justify-content: flex-end;
        align-items: center;
        min-height: 37.5rem;
        padding-top: 6rem
    }

    .main-section__fullscreen-grid {
        grid-template-columns: 1fr;
        min-height: auto
    }

    .main-section__intro {
        margin-bottom: 3.75rem;
        font-size: 16px;
        line-height: 1.5
    }

    .main-section__intro.webflow {
        max-width: 80%
    }

    .grid-2-col.margin-small {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .grid-2-col.leistungen {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem
    }

    .teaser-two__container {
        padding: 2.5em
    }

    .grid-webflow {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-columns: 1fr
    }

    .grid-webflow__card {
        padding: 1.5rem
    }

    .faq-accordion__trigger {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .faq-accordion__content {
        width: 100%
    }

    .faq-accordion__icon {
        width: 1rem;
        height: 1rem
    }

    .blog-wrapper_image {
        margin-top: 0
    }

    .blog-wrapper_body {
        min-height: 14em;
        padding: 2em 1em
    }

    .blog-wrapper_body.blog {
        min-height: 12em
    }

    .post-wrapper__title {
        font-size: 2em
    }

    .footer-links_grid {
        padding-left: 0;
        padding-right: 0
    }

    .footer-links_bottom {
        grid-column-gap: 0px;
        grid-row-gap: 8px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-between;
        place-items: center
    }

    .footer-links__contact.underline {
        font-size: 1em
    }

    .leistungen-container__heading.margin-large {
        margin-bottom: var(--size--3-75rem);
        margin-bottom: var(--size--3-75rem)
    }

    .leistungen-container__content {
        max-width: none
    }

    .leistungen-container__column {
        margin-bottom: 5rem
    }

    .leistungen-container__column.small-margin {
        margin-bottom: 2.5rem
    }

    .container-small.expand,
    .container-small.expand-large,
    .container-small.expand,
    .container-small.expand-large,
    .max-width-75 {
        max-width: none
    }

    .projects-details__grid {
        grid-template-columns: 1fr
    }

    .iphone-wrapper.smaller {
        width: 16em
    }

    .leistungen-container__icon {
        width: 1.5rem;
        height: 1.5rem;
        padding: .4rem
    }

    .darken {
        display: block
    }

    .darken.leistung {
        background-image: linear-gradient(#0000, #0000004d)
    }

    .hero-heading {
        font-size: 48px
    }

    .author-name {
        font-size: .9rem;
        line-height: 1.1
    }

    .hero-row-hidden.second {
        margin-bottom: 0
    }

    .faq-container__column {
        margin-bottom: 0
    }

    .heading-usps {
        font-size: 22px
    }

    .leistungen-container-usps {
        flex-direction: column;
        align-items: flex-start;
        max-width: none
    }

    .grid-project-list {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em
    }

    .project-list-link {
        min-height: 34rem;
        padding-bottom: 2em;
        padding-left: 2em;
        padding-right: 2em
    }

    .project-preview-image {
        background-position: 50%
    }

    .project-content {
        z-index: 20
    }

    .project-heading-wrapper {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em
    }

    .project-tag-wrapper {
        position: absolute;
        top: 2em;
        left: 0;
        right: auto
    }

    .project-tag {
        background-color: #00000026;
        padding: .15rem .5rem;
        font-size: .7rem
    }

    .project-list-heading {
        font-size: 1.5rem
    }

    .line-btn {
        padding-top: 0;
        padding-bottom: 0
    }

    .project-details-wrapper {
        width: 100%
    }

    .testemonial-wrapper {
        margin-bottom: 30px
    }

    .testemonial-container {
        max-width: 100%
    }

    .grid-3-col {
        grid-template-columns: 1fr 1fr
    }

    .grid-3-col.margin-bottom-large {
        margin-bottom: 5rem
    }

    .grid-3-col.blog {
        grid-row-gap: 2rem;
        grid-template-columns: 1fr
    }

    .leistungen-detail-container {
        margin-top: 5rem
    }

    .landingpage-problem-container.center {
        align-items: flex-start
    }

    .grid-landingpage-intro {
        grid-template-columns: 1fr 1fr
    }

    .heading-style-h2 {
        font-size: 2rem
    }

    .btn {
        padding: .7rem 1.2rem .8rem 1.9rem
    }

    .heading-blog {
        font-size: 2rem
    }

    .title-wrapper.flex {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        flex-direction: column;
        align-items: flex-start
    }

    .grid-12-col {
        grid-row-gap: 2.25rem
    }

    .grid-12-col.hero {
        grid-row-gap: 2rem
    }

    .grid-12-col.hero-sub {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
    }

    .gallery-component {
        height: auto
    }

    .heading-h3 {
        font-size: 1.5rem
    }

    .richt-text-legal p {
        line-height: 1.5
    }

    .richt-text-legal h2 {
        font-size: 2rem;
        line-height: 1.1
    }

    .section-title-projects {
        margin-bottom:1.88rem
    }


    .heading-h1 {
        font-size: 3.2em
    }

    .heading-h2 {
        font-size: 2rem;
        line-height: 1.05
    }

    .spacer-small {
        height: 1.25rem
    }

    .leistungen-component {
        grid-column-gap: 5em;
        grid-row-gap: 5em
    }

    .leistungen-wrapper {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        flex-direction: column;
        grid-template-columns: 1fr
    }

    .leistung-wrapper-text {
        max-width: 36em
    }

    .btn-link {
        font-size: .9rem
    }

    .heading-h4 {
        font-family: Aeonikpro, sans-serif;
        font-size: 1.25rem;
        font-weight: 400
    }

    .spacer-xxsmall,
    .spacer-xsmall {
        height: 1rem
    }

    .gallery-overlay_bottom {
        height: 30%
    }

    .gallery-overlay_top {
        height: 40%
    }

    .heading-hero {
        font-size: 6.5em
    }

    .grid-gruende {
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr
    }

    .spacer-medium {
        height: 4em
    }

    .max-width-about {
        max-width: 28em
    }

    .hero_grid-absolute {
        padding-right: 0
    }

    .grid-project {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        grid-template-columns: 1fr
    }

    .project-right-image.smaller {
        margin-left: 0
    }

    .project-spacer {
        height: 6rem
    }

    .project-spacer-large {
        height: 8rem
    }

    .project-award {
        width: 2.5rem
    }

    .project-overlay {
        display: none
    }

    .project-scroll-wrapper {
        padding-top: 8rem
    }

    .form-checkbox {
        font-size: 1em
    }

    .gallery-logo {
        width: 12rem;
        height: auto
    }

    .leistung-agentur-wrapper {
        margin-bottom: 6rem
    }

    .herausforderungen-list_item {
        padding-bottom: 1.25rem
    }

    .spacer-xmedium {
        height: 2.5rem
    }

    .heading-h5 {
        font-family: Aeonikpro, sans-serif;
        font-size: 1.3rem;
        font-weight: 400
    }

    .marquee-section {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .marquee-content {
        grid-column-gap: 2.25em;
        grid-row-gap: 3em;
        grid-template-columns: 1fr 1fr 1fr;
        justify-items: center
    }

    .marquee-content.scroll {
        grid-row-gap: 0em;
        grid-row-gap: 0em
    }

    .marquee-image {
        width: 8.75em;
        height: 2.5em
    }

    .hero-overlay {
        bottom: 0%
    }

    .kunden-logo_grid {
        grid-column-gap: 2.25em;
        grid-row-gap: 4em;
        grid-template-columns: 1fr 1fr 1fr;
        justify-items: center
    }

    .p-intro {
        font-size: 2.2em
    }

    .auto-swiper_button-prev {
        background-image: none;
        width: 3rem;
        height: 3rem;
        transform: translate(-35%)
    }

    .auto-swiper_overall-wrapper {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .swiper-container.auto-swiper-container {
        max-width: 100%
    }

    .auto-swiper_button-next {
        background-image: none;
        width: 3rem;
        height: 3rem;
        transform: translate(0%)
    }

    .auto-swiper_button-wrap {
        transform: translateY(-150%)
    }

    .max-width-38 {
        max-width: 31em
    }

    .max-width-40 {
        max-width: 32em
    }

    .p-xxl {
        font-size: 2.3em
    }

    .large-padding-top {
        height: var(--size--3-75rem)
    }

    .heading-hero_sub {
        font-size: 2.7em
    }

    .number-wrap {
        padding-left: var(--size--1rem);
        grid-row-gap: var(--size--6rem)
    }

    .p-testimonial {
        font-size: 1.7em
    }
}

@media screen and (max-width:479px) {
    h1 {
        font-size: 1.9rem;
        line-height: 1.2em
    }

    h2 {
        color: var(--white);
        margin-bottom: 0;
        font-size: 1.6rem;
        line-height: 1.2
    }

    h3 {
        font-size: 1.3rem
    }

    h4 {
        font-size: 1.15rem;
        line-height: 1.2
    }

    h5 {
        font-size: 18px;
        line-height: 1.2em
    }

    h6 {
        font-weight: 700
    }

    ul {
        object-fit: fill;
        padding-left: 1rem;
        display: block
    }

    ol {
        padding-left: 19px
    }

    blockquote {
        padding-right: 0;
        font-size: 16px;
        line-height: 1.6em
    }

    .container {
        max-width: none;
        padding-left: 15px;
        padding-right: 15px
    }

    .container.blog-post-container {
        padding-left: 5%;
        padding-right: 5%
    }

    .image-cover {
        object-fit: cover
    }

    .image-cover.hero-leistung {
        object-position: 68% 50%;
        object-position: 68% 50%
    }

    .column.about,
    .column.last,
    .column.barriere,
    .column.about,
    .column.last,
    .column.barriere {
        margin-bottom: 1.25rem;
        padding-bottom: 1.25rem
    }

    .margin-1 {
        white-space: normal
    }

    .kunden-logo {
        object-fit: contain;
        max-width: 100%;
        height: 100%;
        max-height: 1.5rem
    }

    .kunden-logo.large {
        max-width: 6em;
        height: auto;
        max-height: 4em
    }

    .richt-text p {
        line-height: 1.5
    }

    .richt-text h4 {
        margin-bottom: 20px
    }

    .richt-text h2 {
        font-family: Aeonik Pro, sans-serif;
        font-size: 1.5rem;
        font-weight: 500
    }

    .richt-text h3 {
        font-family: Aeonik Pro, sans-serif;
        font-size: 1.25rem;
        font-weight: 500
    }

    .richt-text blockquote {
        padding: 20px 10px
    }

    .margin-xsmall {
        white-space: normal
    }

    .blog-item-grid {
        grid-column-gap: 32px;
        grid-row-gap: 32px
    }

    .author-profile-image {
        margin-right: .8rem
    }

    .paragraph-leistung {
        white-space: normal
    }

    .grid-half {
        grid-row-gap: 32px
    }

    .btn-row {
        flex-direction: row
    }

    .btn-row.left-align {
        margin-top: var(--size--1-25em);
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        margin-top: var(--size--1-25em);
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        flex-direction: column
    }

    .section-title {
        margin-bottom: 1rem
    }

    .blog-item-meta {
        flex-direction: row
    }

    .grid-4-col {
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr
    }

    .no-text-margin {
        white-space: normal
    }

    .feature-icon-image {
        width: 2.25rem;
        height: 2.25rem
    }

    .ck-modal__btns-w.is--small {
        background-color: #74788400;
        justify-content: flex-start;
        padding: 0 10px 10px
    }

    .ck-modal {
        border-radius: 0;
        max-width: 100%
    }

    .ck-button-w {
        padding-left: 1.25em;
        padding-right: 1.25em
    }

    .ck-button-w.is--secondary.is--fullwidth {
        margin-top: .5rem;
        margin-left: 0
    }

    .ck-desc {
        max-width: none;
        font-size: .75rem
    }

    .ck-cookie-w {
        max-width: 100%;
        inset: auto 0% 0%
    }

    .ck-modal__exit-btn {
        margin-top: .5rem;
        margin-right: 0
    }

    .ck-modal__content-w.is--small {
        padding: 10px
    }

    .ck-preference-w {
        align-items: flex-end
    }

    .ck-preference__scroll-w {
        max-width: 100%;
        padding-bottom: 2rem;
        padding-left: 0;
        padding-right: 0
    }

    .ck-prefmanager-w {
        left: 1rem
    }

    .blog-intro {
        min-height: auto
    }

    .main-nav__container {
        width: 100%;
        padding-left: 5vw;
        padding-right: 5vw
    }

    .main-nav {
        height: 3.375rem
    }

    .main-nav__logo {
        border-right-style: none;
        width: 7rem;
        max-width: none;
        padding-right: 0
    }

    .main-nav__logo.w--current {
        width: 7rem;
        max-width: none
    }

    .main-nav__link {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .main-nav__fullscreen {
        height: 100vh;
        display: none
    }

    .main-nav__fullscreen-background {
        flex: 1
    }

    .main-nav__fullscreen-bottom {
        grid-template-columns: 1fr;
        padding-bottom: 5%;
        padding-left: 5%;
        padding-right: 5%
    }

    .main-nav__lottie {
        z-index: 1
    }

    .main-nav__menu-fill {
        flex: 1
    }

    .main-section {
        padding-top: var(--size--3-75rem);
        padding-bottom: var(--size--3-75rem)
    }

    .main-section.bg-dark.no-padding-top,
    .main-section.bg-dark.large-padding-top {
        padding-top: var(--size--3-75rem);
        padding-bottom: var(--size--3-75rem)
    }

    .main-section.hero {
        height: auto;
        min-height: auto
    }

    .main-section.bg-dark {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .main-section.bg-dark.no-padding-top,
    .main-section.bg-dark.large-padding-top,
    .main-section.bg-dark.no-padding-top,
    .main-section.bg-dark.large-padding-top {
        padding-top: var(--size--3-75rem);
        padding-bottom: var(--size--3-75rem)
    }

    .main-section.large-padding {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .main-section.subpage {
        padding-top: 8.75rem
    }

    .main-section.main-hero {
        height: auto;
        min-height: auto
    }

    .main-section.landingpage-last {
        padding-top: 5rem;
        padding-bottom: 0
    }

    .main-section.home-hero {
        padding-top: var(--size--0rem);
        padding-bottom: var(--size--0rem);
        min-height: 42rem
    }

    .main-section.bg-webflow {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .main-section.hero-subpage {
        height: auto;
        min-height: auto
    }

    .main-section.project {
        min-height: 42em
    }

    .main-section.mobile {
        padding-bottom: 6rem
    }

    .main-section.sichtbar {
        height: auto;
        min-height: 100svh
    }

    .main-section.full-image {
        aspect-ratio: 2/3;
        height: auto
    }

    .main-section.full-image-project {
        aspect-ratio: 1;
        height: auto
    }

    .main-section.full-height {
        aspect-ratio: auto;
        height: auto
    }

    .main-section.full-height.hero-about {
        min-height: 74rem
    }

    .main-section.full-image-contact {
        aspect-ratio: 2/4;
        height: auto
    }

    .hero__background-image-wrapper {
        padding-top: 0;
        overflow: visible
    }

    .hero__background-image-wrapper.main {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .hero__background-image-wrapper.sichtbar {
        padding-top: 0
    }

    .hero__grid {
        height: auto;
        padding: 8.75rem 5vw 3.75rem
    }

    .hero__grid.subpage {
        height: auto;
        min-height: auto
    }

    .hero__grid.home {
        padding-top: var(--size--6rem);
        grid-column-gap: var(--size--3-75rem);
        grid-row-gap: var(--size--3-75rem);
        padding-left: 5vw;
        padding-right: 5vw
    }

    .hero__grid.project {
        grid-column-gap: 6em;
        grid-row-gap: 6em;
        align-items: stretch;
        min-height: auto
    }

    .hero__grid.sichtbar {
        grid-column-gap: 4rem;
        grid-row-gap: 0rem
    }

    .main-container {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .main-container.u-vflex-left-top.gap-large {
        grid-column-gap: var(--size--2rem);
        grid-row-gap: var(--size--2rem);
        grid-column-gap: var(--size--2rem);
        grid-row-gap: var(--size--2rem);
        grid-column-gap: var(--size--2rem);
        grid-row-gap: var(--size--2rem)
    }

    .hero-parallax {
        position: static
    }

    .hero__grid-left.project {
        max-width: 90%
    }

    .hero__grid-right.fullscreen-background.mobile-larger {
        width: 130%
    }

    .primary-btn__arrow {
        width: 1rem
    }

    .hero-paragraph {
        font-size: 16px;
        line-height: 1.4
    }

    .hero-paragraph.text-white {
        font-size: 1.2rem
    }

    .grid-leistungen {
        grid-template-columns: 1fr
    }

    .grid-leistung__card.first {
        justify-content: flex-start;
        padding-top: 0;
        padding-bottom: 0
    }

    .subtitle {
        font-size: .75rem
    }

    .grid-leistung__subtitle {
        margin-bottom: 3rem
    }

    .hero__background-image {
        width: auto;
        height: auto;
        max-height: none;
        overflow: hidden
    }

    .subtitle__wrapper.margin-bottom__120 {
        margin-bottom: 2.5rem
    }

    .main-section_fullscreen {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .main-section_fullscreen.dark-bg {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .main-section_fullscreen.cta-center {
        min-height: 520px;
        padding-top: 60px;
        padding-bottom: 0
    }

    .main-section_fullscreen.cta-leistung {
        min-height: 30rem;
        padding-top: 3.75rem;
        padding-bottom: 0
    }

    .main-section_fullscreen.cta-blog {
        justify-content: flex-end;
        align-items: center;
        min-height: 30rem;
        padding-top: 3.75rem;
        padding-bottom: 3rem
    }

    .main-section__fullscreen-grid {
        grid-column-gap: 36px;
        grid-row-gap: 36px;
        padding-left: 0%;
        padding-right: 0%
    }

    .main-section__fullscreen-grid.cta-center {
        padding-left: 5%;
        padding-right: 5%
    }

    .main-section__intro {
        margin-bottom: 2.5rem
    }

    .main-section__intro.webflow {
        flex: 0 auto;
        max-width: none
    }

    .grid-2-col.margin-small {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem
    }

    .grid-2-col.leistungen {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem
    }

    .teaser-two__image {
        min-height: auto
    }

    .teaser-two__container {
        padding: 20px
    }

    .grid-webflow {
        grid-template-columns: 1fr
    }

    .grid-webflow__card {
        padding: 1.25rem
    }

    .grid-webflow__list {
        margin-bottom: 1.5rem
    }

    .faq-accordion__trigger {
        align-items: flex-start
    }

    .faq-accordion__icon {
        flex: none;
        width: 1rem;
        height: 1rem;
        margin-left: 1em
    }

    .faq-accordion__title {
        font-size: 1.1rem
    }

    .blog-wrapper {
        margin-bottom: 0
    }

    .blog-wrapper_image {
        margin-top: 0
    }

    .blog-wrapper_body {
        padding: 2em 1em 1.5em
    }

    .blog-wrapper_body.blog {
        min-height: 14em
    }

    .post-wrapper__title {
        font-size: 1.25rem;
        line-height: 1.1
    }

    .footer-links_grid {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr;
        margin-bottom: 2rem;
        padding-left: 0;
        padding-right: 0
    }

    .footer-links_bottom {
        grid-row-gap: 8px;
        flex-direction: column;
        align-items: flex-start
    }

    .footer-links__contact {
        margin-bottom: .25rem
    }

    .leistungen-container__heading.margin-large {
        margin-bottom: var(--size--2rem);
        margin-bottom: var(--size--2rem)
    }

    .leistungen-container_list-item {
        align-items: flex-start
    }

    .bullet {
        margin-top: .5rem
    }

    .leistungen-container__column {
        margin-bottom: 4rem
    }

    .leistungen-container__column.small-margin {
        margin-bottom: 1.5rem
    }

    .projects-details__grid {
        grid-column-gap: .25em;
        grid-row-gap: .25em;
        grid-template-columns: 1fr;
        justify-items: start
    }

    .projects-details__wrapper {
        padding-bottom: 1rem
    }

    .projects-details__wrapper.first,
    .projects-details__wrapper.first-small,
    .projects-details__wrapper.first,
    .projects-details__wrapper.first-small {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .iphone-wrapper {
        width: 14em
    }

    .iphone-wrapper.smaller {
        width: 13em
    }

    .fullscreen-image.cta {
        max-width: none
    }

    .fullscreen-image.cta-mobile {
        width: auto;
        max-width: none;
        margin-top: 20px;
        margin-right: 0;
        padding-right: 8px;
        position: relative;
        right: 0
    }

    .leistungen-container__wrapper {
        align-items: center
    }

    .leistungen-container__icon {
        flex: none
    }

    .darken.leistung {
        background-image: linear-gradient(#0000, #0000004d);
        height: 90%
    }

    .image-contain {
        object-fit: contain
    }

    .hero-heading {
        font-size: 34px
    }

    .author-name {
        line-height: 1.1
    }

    .hero-row-hidden.second {
        margin-bottom: 0
    }

    .faq-container__column {
        margin-bottom: 0
    }

    .heading-usps {
        font-size: 19px
    }

    .leistungen-container-usps {
        flex-direction: column;
        align-items: flex-start
    }

    .project-list-link {
        flex-flow: column;
        height: 100%;
        min-height: 22rem;
        padding: 1.5rem 1.5em 1.5em;
        display: block
    }

    .project-preview-image {
        background-image: url(https://cdn.prod.website-files.com/5e31ae1ce9eac4b8ee66b010/633545224fa11589d0ca6c47_gallery2.webp);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 120%
    }

    .project-content {
        z-index: 20;
        justify-content: flex-end
    }

    .project-heading-wrapper {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em
    }

    .project-tag-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: auto
    }

    .project-tag {
        font-size: .7rem
    }

    .project-list-heading {
        font-size: 1.1rem
    }

    .line-btn-wrapper {
        font-size: 1rem
    }

    .testemonial-wrapper {
        margin-bottom: 15px
    }

    .text-testemonial {
        font-size: 1rem
    }

    .grid-3-col {
        grid-template-columns: 1fr
    }

    .grid-3-col.margin-bottom-large {
        margin-bottom: 3.75rem
    }

    .grid-landingpage-intro {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-columns: 1fr
    }

    .heading-style-h2 {
        font-size: 1.6rem
    }

    .p-m {
        font-size: 1rem
    }

    .p-l {
        font-size: 1.15rem
    }

    .footer-section {
        background-color: orangered;
        padding-top: var(--size--3-75rem)
    }

    .heading-blog {
        font-family: Aeonik Pro, sans-serif;
        font-size: 1.6rem;
        font-weight: 500
    }

    .title-wrapper.flex {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 1.5rem
    }

    .grid-12-col {
        grid-row-gap: 1.75rem
    }

    .grid-12-col.hero {
        grid-row-gap: 1.5rem
    }

    .grid-12-col.hero-sub {
        grid-template-columns: 1fr 1fr 1fr
    }

    .main-section-gallery {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .heading-h3 {
        font-size: 1.3rem
    }

    .richt-text-legal p {
        line-height: 1.5
    }

    .richt-text-legal h4 {
        margin-bottom: 20px
    }

    .richt-text-legal h2 {
        font-family: Aeonik Pro, sans-serif;
        font-size: 1.4rem;
        font-weight: 500
    }

    .richt-text-legal h3 {
        font-family: Aeonik Pro, sans-serif;
        font-size: 1.25rem;
        font-weight: 500
    }

    .richt-text-legal blockquote {
        padding: 20px 10px
    }

    .section-title-projects {
        margin-bottom:1rem
    }

    .heading-h1 {
        font-size: 2.4em;
        line-height: 1
    }

    .heading-h2 {
        font-size: 1.6rem
    }

    .leistungen-component {
        grid-column-gap: 4em;
        grid-row-gap: 4em
    }

    .leistungen-wrapper {
        grid-column-gap: .75em;
        grid-row-gap: .75em;
        padding-top: 1.5em
    }

    .leistung-wrapper-text {
        grid-column-gap: 1em;
        grid-row-gap: 1em
    }

    .btn-link {
        font-size: .8rem
    }

    .heading-h4 {
        font-family: Aeonikpro, sans-serif;
        font-size: 1.15rem;
        font-weight: 400;
        line-height: 1.2
    }

    .gallery-overlay_bottom,
    .gallery-overlay_top {
        height: 30%
    }

    .heading-hero {
        font-size: 4em;
        line-height: 1
    }

    .grid-gruende {
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr
    }

    .spacer-medium {
        height: 2.5em
    }

    .max-width-about {
        max-width: 19em
    }

    .project-left {
        padding: 2.5em 1.5em
    }

    .author-quote {
        margin-top: 4em
    }

    .grid-project {
        grid-column-gap: 1em;
        grid-row-gap: 1em
    }

    .grid-project._3-col,
    .grid-project._4-col,
    .grid-project._3-col,
    .grid-project._4-col {
        grid-template-columns: 1fr
    }

    .project-right-image.smaller {
        margin-left: 0
    }

    .project-spacer,
    .project-spacer-large {
        height: 3.75rem
    }

    .project-auszeichnungen {
        width: 100%
    }

    .project-award-wrapper {
        align-items: flex-start;
        padding-top: 2rem
    }

    .project-tag-wrap {
        display: none
    }

    .project-scroll-left {
        width: 140%
    }

    .project-scroll-wrapper {
        padding-top: 5rem
    }

    .project-scroll-right {
        width: 140%
    }

    .gallery-logo {
        height: auto
    }

    .leistung-agentur-wrapper {
        margin-bottom: 4rem
    }

    .webflow-partner.awwwards {
        padding-top: 0
    }

    .heading-h5 {
        font-family: Aeonikpro, sans-serif;
        font-size: 1.15rem;
        font-weight: 400;
        line-height: 1.2
    }

    .marquee-section {
        justify-content: center;
        align-items: center;
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .marquee-content {
        grid-column-gap: 2em;
        grid-row-gap: 4em;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
        padding-left: 2.2em;
        padding-right: 0;
        display: grid
    }

    .marquee-content.scroll {
        grid-column-gap: 3em;
        grid-column-gap: 3em;
        display: none
    }

    .marquee-image {
        width: 7.5em;
        height: 2em
    }

    .kunden-logo_grid {
        grid-column-gap: 3em;
        grid-row-gap: 4em;
        grid-template-columns: 1fr 1fr 1fr
    }

    .footer_group_list.u-vflex-left-top.u-gap-none {
        margin-top: var(--size--1rem);
        margin-top: var(--size--1rem);
        margin-top: var(--size--1rem)
    }

    .btn-footer-contact {
        font-size: var(--size--1-5em)
    }

    .p-intro {
        font-size: 1.6em
    }

    .heading-display {
        color: var(--white);
        font-size: 2.4rem
    }

    .heading-display.number {
        font-size: 7em
    }

    .swiper-slide.auto-swiper-slide {
        max-width: 100%
    }

    .auto-swiper_overall-wrapper {
        height: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .auto-swiper_button-wrap {
        transform: none
    }

    .auto-swiper_author-img {
        width: 4rem;
        height: 4rem
    }

    .auto-swiper_author.projekt {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .parallax-img.mobile {
        height: 100%;
        display: block
    }

    .max-width-40.teaser {
        max-width: 18em
    }

    .p-xxl {
        font-size: 1.7em
    }

    .large-padding-top {
        height: var(--size--1-5em)
    }

    .number-wrap {
        padding-left: var(--size--1rem);
        grid-row-gap: var(--size--1-25em)
    }

    .number-wrap.mobile-large {
        grid-row-gap: var(--size--3-75rem);
        grid-row-gap: var(--size--3-75rem)
    }

    .about-intro-container {
        grid-row-gap: var(--size--3-75rem)
    }

    .p-testimonial {
        font-size: 1.5em
    }
}

#w-node-_9e36897a-3132-569f-3caf-48a1b91a70d8-553b8100 {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: auto
}

#w-node-_5f518238-2d2a-85ad-8211-e0dd51a77225-553b8100 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_6a43250a-1f10-2894-0c19-533557ffdd54-553b8100 {
    grid-area: span 1/span 12/span 1/span 12
}

#w-node-_6a43250a-1f10-2894-0c19-533557ffdd55-553b8100 {
    grid-area: span 1/span 8/span 1/span 8
}

#w-node-c627280a-6802-b6cb-6668-90201e30c95e-553b8100 {
    grid-area: span 1/span 12/span 1/span 12
}

#w-node-c627280a-6802-b6cb-6668-90201e30c95f-553b8100 {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-c627280a-6802-b6cb-6668-90201e30c961-553b8100 {
    grid-area: span 1/span 2/span 1/span 2;
    justify-self: center
}

#w-node-c627280a-6802-b6cb-6668-90201e30c962-553b8100 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c627280a-6802-b6cb-6668-90201e30c963-553b8100 {
    grid-area: span 1/span 2/span 1/span 2;
    place-self: auto center
}

#w-node-c627280a-6802-b6cb-6668-90201e30c964-553b8100 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c627280a-6802-b6cb-6668-90201e30c965-553b8100 {
    grid-area: span 1/span 2/span 1/span 2;
    justify-self: center
}

#w-node-c627280a-6802-b6cb-6668-90201e30c966-553b8100 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c627280a-6802-b6cb-6668-90201e30c967-553b8100 {
    grid-area: span 1/span 2/span 1/span 2;
    justify-self: center
}

#w-node-c627280a-6802-b6cb-6668-90201e30c968-553b8100 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c627280a-6802-b6cb-6668-90201e30c969-553b8100 {
    grid-area: span 1/span 2/span 1/span 2;
    place-self: auto center
}
#w-node-c627280a-6802-b6cb-6668-90201e30c96a-553b8100 {
    grid-area: span 1/span 5;
}
#w-node-_0a9383d0-4e51-9fbf-07eb-859496e4d7ba-553b8100{
    grid-column: span 1/ span 3;
}

#w-node-f922dee7-a9e2-07b2-35da-b14cef7bcf31-553b8100,
#w-node-_8e493112-7717-a25e-2320-ed23838a3b3c-553b8100,
#w-node-ad6c8c87-534c-ee5b-ced7-c255853cbb80-553b8100{
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c1b3f8f8-e69c-907c-0f5e-3b51dceb9c57-553b8100 {
    grid-area: span 1/span 12/span 1/span 12
}

#w-node-c1b3f8f8-e69c-907c-0f5e-3b51dceb9c58-553b8100 {
    grid-area: span 1/span 8/span 1/span 8
}

#w-node-_7ea0aba1-79f4-b8e9-9e46-1b661936080e-553b8100 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-_4e953ceb-b3ee-2ade-d7ea-d6c61d77097b-553b8100 {
    grid-area: span 1/span 9/span 1/span 9
}

#w-node-f379bf55-e024-02a4-b455-d8eb410919a3-553b8100 {
    grid-area: span 1/span 12/span 1/span 12
}

#w-node-a0b6b93c-97ee-9105-dd7d-ee19f8da8f09-553b8100 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-a6a269fc-c4d5-bc88-914d-112a3b4782c6-553b8100 {
    grid-area: span 1/span 4/span 1/span 4
}

#w-node-dcee69f5-335f-1d91-d745-a7789db8f532-553b8100 {
    grid-area: span 1/span 5/span 1/span 5
}

#w-node-_150e91ca-7473-ea5a-2641-6465cac7df31-553b8100 {
    grid-area: span 1/span 12/span 1/span 12
}

#w-node-_150e91ca-7473-ea5a-2641-6465cac7df32-553b8100 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-_150e91ca-7473-ea5a-2641-6465cac7df34-553b8100 {
    grid-area: span 1/span 4/span 1/span 4
}

#w-node-_150e91ca-7473-ea5a-2641-6465cac7df37-553b8100 {
    grid-area: span 1/span 5/span 1/span 5
}

#w-node-_964b8708-91bb-e0a6-6f56-f37607949595-553b8100 {
    grid-area: span 1/span 12/span 1/span 12
}

#w-node-_964b8708-91bb-e0a6-6f56-f37607949596-553b8100 {
    grid-area: span 1/span 3/span 1/span 3
}

#w-node-_964b8708-91bb-e0a6-6f56-f37607949598-553b8100 {
    grid-area: span 1/span 4/span 1/span 4
}

#w-node-_964b8708-91bb-e0a6-6f56-f3760794959b-553b8100 {
    grid-area: span 1/span 5/span 1/span 5
}

#w-node-_26655ea2-4646-6993-5a89-1a132e7216ba-fcc3fba9 {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-d2217eda-f00d-9785-0449-f04f23c41915-fcc3fba9 {
    grid-area: span 1/span 1/span 1/span 1;
    align-self: center
}

#w-node-_9270ddb8-e822-fcac-0f53-d00cb736f27c-fcc3fba9 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b11a-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b11b-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b11c-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b11d-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b11e-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b11f-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b120-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b121-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b122-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b123-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b124-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b125-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b126-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b127-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b128-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b129-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b12a-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b12b-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b12c-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b12d-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b12e-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b12f-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b130-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b131-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b132-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b133-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b134-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b135-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b136-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1;
    justify-self: center
}

#w-node-_1dc2f2eb-8a3b-c36c-c161-884291e8b137-91e8b119 {
    grid-area: span 1/span 1/span 1/span 1
}

@media screen and (max-width:991px) {
    #w-node-_6a43250a-1f10-2894-0c19-533557ffdd54-553b8100 {
        grid-column: span 4/span 4
    }

    #w-node-_6a43250a-1f10-2894-0c19-533557ffdd55-553b8100 {
        grid-column: span 2/span 2
    }

    #w-node-c627280a-6802-b6cb-6668-90201e30c95e-553b8100 {
        grid-column: span 6/span 6
    }

    #w-node-c627280a-6802-b6cb-6668-90201e30c95f-553b8100,
    #w-node-c627280a-6802-b6cb-6668-90201e30c961-553b8100,
    #w-node-c627280a-6802-b6cb-6668-90201e30c963-553b8100,
    #w-node-c627280a-6802-b6cb-6668-90201e30c965-553b8100,
    #w-node-c627280a-6802-b6cb-6668-90201e30c967-553b8100,
    #w-node-c627280a-6802-b6cb-6668-90201e30c969-553b8100 {
        grid-column: span 1/span 1
    }

    #w-node-c1b3f8f8-e69c-907c-0f5e-3b51dceb9c57-553b8100 {
        grid-column: span 4/span 4
    }

    #w-node-c1b3f8f8-e69c-907c-0f5e-3b51dceb9c58-553b8100 {
        grid-column: span 2/span 2
    }

    #w-node-_4e953ceb-b3ee-2ade-d7ea-d6c61d77097b-553b8100,
    #w-node-f379bf55-e024-02a4-b455-d8eb410919a3-553b8100 {
        grid-column: span 4/span 4
    }

    #w-node-a0b6b93c-97ee-9105-dd7d-ee19f8da8f09-553b8100 {
        grid-column: span 1/span 1
    }

    #w-node-a6a269fc-c4d5-bc88-914d-112a3b4782c6-553b8100 {
        grid-column: span 3/span 3
    }

    #w-node-dcee69f5-335f-1d91-d745-a7789db8f532-553b8100 {
        grid-area: 2/2/3/5
    }

    #w-node-_150e91ca-7473-ea5a-2641-6465cac7df31-553b8100 {
        grid-column: span 4/span 4
    }

    #w-node-_150e91ca-7473-ea5a-2641-6465cac7df32-553b8100 {
        grid-column: span 1/span 1
    }

    #w-node-_150e91ca-7473-ea5a-2641-6465cac7df34-553b8100 {
        grid-column: span 3/span 3
    }

    #w-node-_150e91ca-7473-ea5a-2641-6465cac7df37-553b8100 {
        grid-area: 2/2/3/5
    }

    #w-node-_964b8708-91bb-e0a6-6f56-f37607949595-553b8100 {
        grid-column: span 4/span 4
    }

    #w-node-_964b8708-91bb-e0a6-6f56-f37607949596-553b8100 {
        grid-column: span 1/span 1
    }

    #w-node-_964b8708-91bb-e0a6-6f56-f37607949598-553b8100 {
        grid-column: span 3/span 3
    }

    #w-node-_964b8708-91bb-e0a6-6f56-f3760794959b-553b8100 {
        grid-area: 2/2/3/5
    }

    #w-node-_26655ea2-4646-6993-5a89-1a132e7216ba-fcc3fba9 {
        grid-area: span 1/span 3/span 1/span 3
    }

    #w-node-d2217eda-f00d-9785-0449-f04f23c41915-fcc3fba9 {
        align-self: auto
    }

    #w-node-_15857028-1ccc-d0cf-92f1-26680cb4d3fd-0cb4d3d2 {
        grid-area: span 1/span 1/span 1/span 1;
        place-self: end start
    }

    #w-node-_15857028-1ccc-d0cf-92f1-26680cb4d400-0cb4d3d2 {
        grid-area: span 1/span 1/span 1/span 1;
        place-self: end
    }
}

@media screen and (max-width:767px) {

    #w-node-c627280a-6802-b6cb-6668-90201e30c961-553b8100,
    #w-node-c627280a-6802-b6cb-6668-90201e30c963-553b8100,
    #w-node-c627280a-6802-b6cb-6668-90201e30c965-553b8100,
    #w-node-c627280a-6802-b6cb-6668-90201e30c967-553b8100,
    #w-node-c627280a-6802-b6cb-6668-90201e30c969-553b8100 {
        justify-self: center
    }

    #w-node-_4e953ceb-b3ee-2ade-d7ea-d6c61d77097b-553b8100 {
        grid-column: span 4/span 4
    }

    #w-node-_26655ea2-4646-6993-5a89-1a132e7216ba-fcc3fba9 {
        grid-column: span 3/span 3
    }

    #w-node-d2217eda-f00d-9785-0449-f04f23c41915-fcc3fba9 {
        grid-column: span 1/span 1;
        align-self: center
    }

    #w-node-_9270ddb8-e822-fcac-0f53-d00cb736f27c-fcc3fba9 {
        grid-column: span 2/span 2
    }
}

@media screen and (max-width:479px) {
    #w-node-c627280a-6802-b6cb-6668-90201e30c95e-553b8100 {
        grid-column: span 3/span 3
    }

    #w-node-a0b6b93c-97ee-9105-dd7d-ee19f8da8f09-553b8100,
    #w-node-a6a269fc-c4d5-bc88-914d-112a3b4782c6-553b8100 {
        grid-column: span 4/span 4
    }

    #w-node-dcee69f5-335f-1d91-d745-a7789db8f532-553b8100 {
        grid-area: span 1/span 4/span 1/span 4
    }

    #w-node-_150e91ca-7473-ea5a-2641-6465cac7df32-553b8100,
    #w-node-_150e91ca-7473-ea5a-2641-6465cac7df34-553b8100 {
        grid-column: span 4/span 4
    }

    #w-node-_150e91ca-7473-ea5a-2641-6465cac7df37-553b8100 {
        grid-area: span 1/span 4/span 1/span 4
    }

    #w-node-_964b8708-91bb-e0a6-6f56-f37607949596-553b8100,
    #w-node-_964b8708-91bb-e0a6-6f56-f37607949598-553b8100 {
        grid-column: span 4/span 4
    }

    #w-node-_964b8708-91bb-e0a6-6f56-f3760794959b-553b8100 {
        grid-area: span 1/span 4/span 1/span 4
    }

    #w-node-_26655ea2-4646-6993-5a89-1a132e7216ba-fcc3fba9,
    #w-node-d2217eda-f00d-9785-0449-f04f23c41915-fcc3fba9,
    #w-node-_9270ddb8-e822-fcac-0f53-d00cb736f27c-fcc3fba9 {
        grid-column: span 1/span 1
    }

    #w-node-_15857028-1ccc-d0cf-92f1-26680cb4d3fd-0cb4d3d2,
    #w-node-_15857028-1ccc-d0cf-92f1-26680cb4d400-0cb4d3d2 {
        justify-self: center
    }
}





/** Customm style **/
header.main-nav__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s ease;
  z-index: 999;
  height: 100px; /* default height */
  background-color: rgba(0, 0, 0, 0); /* transparent at start */
}

header.main-nav__container.scrolled {
  height: 60px;
  background-color: var(--navy-dark) !important;
}</deleted\|variable-60d47898\></deleted\|variable-60d47898\></deleted\|variable-60d47898\></deleted\|variable-60d47898\></deleted\|variable-be6b213f\></deleted\|variable-60d47898\>