body.home #basecontent { background: #F2F2F5; color: #000; }
body.home #mainmenu { opacity: 0; transform: translateY(100px); transition: opacity 0.4s, transform 0.4s; }
body.home.show-menu #mainmenu { opacity: 1; transform: translateY(0px); }
#home-top { width: 100%; }
.homeintro-list-item .intro-head { background: #F2F2F5; position: relative; display: flex; }
.homeintro-list-item .content-video { position: relative; text-align: center; margin: auto auto 0; padding-top: 100px; overflow: hidden; width: 100%; }
.homeintro-list-item .video-js { width: 100%; max-width: 2500px; margin: 0 auto; height: auto; display: block; aspect-ratio: 2500 / 1046; background: #F2F2F5; }
.homeintro-list-item .video-js:before { background: radial-gradient(circle, rgba(242, 242, 245, 0) 0%, rgba(242, 242, 245, 0) 60%, #f2f2f5 90%, #f2f2f5 100%); content: ""; position: absolute; top: 0; left: -9000px; right: -9000px; margin: 0 auto; width: 2500px; height: 100%; z-index: 1; }
.homeintro-list-item .video-js:after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100px; background: linear-gradient(0deg, rgba(242, 242, 245, 0) 0%, #f2f2f5 100%); z-index: 1; }
.homeintro-list-item .video-js video { position: relative; display: block; object-fit: cover; width: 100%; min-height: 1046px; }
@media (max-width: 1023px) {
    .homeintro-list-item .video-js video { min-height: 240%; }
}
@media (max-width: 659px) {
    .homeintro-list-item .video-js video { min-height: 95%; }
}
.homeintro-list-item .overlay { position: absolute; bottom: 0; left: 0; right: 0; top: 3.2em; width: 100%; height: 100%; display: flex; z-index: 1; justify-content: center; margin: 0 auto; max-width: 1920px; }
.homeintro-list-item .overlay > .row { width: 75%; }
.homeintro-list-item .introtext { color: #000; z-index: 50; margin-top: -140px; background: #F2F2F5; position: relative; }
.homeintro-list-item .introtext:before { content: ""; position: absolute; top: -120px; left: 0; right: 0; bottom: 100%; background: linear-gradient(180deg, rgba(242, 242, 245, 0) 0%, #F2F2F5 100%); }
.homeintro-list-item .text-wrapper { position: relative; display: flex; justify-content: center; align-items: center; flex-flow: column; }
.homeintro-list-item .main-logo { width: 50%; max-width: 800px; height: auto; max-height: calc(100vh - 20px); }
.homeintro-list-item .title { color: #000; font-size: clamp(42px, calc(42px + ((33) * ((100vw - 660px) / (1980 - 660)))), 75px); font-weight: 900; margin: 2.4% 0 23px; line-height: 0.95em; letter-spacing: inherit; }
.homeintro-list-item .introtext .text { line-height: 1.4; position: relative; font-size: clamp(20px, calc(20px + ((14) * ((100vw - 430px) / (2000 - 430)))), 34px); letter-spacing: -0.02em; padding: 0; max-width: 1574px; width: 74.6%; font-weight: 500; box-sizing: border-box; }
.homeintro-list-item .introtext .text .content { margin-top: -13%; }
.homeintro-list-item .introtext .text.text-mobile { display: none; }
.homeintro-list-item .introtext strong.green { position: relative; z-index: 2; font-family: 'Unbounded', sans-serif; text-transform: uppercase; letter-spacing: -0.02em; color: #000; display: inline-block; font-weight: 600; padding: 0.05em 0.2em; margin-top: 0.5em; background: #D4FF26; }
.homeintro-list-item .intro-blocks-wrapper { z-index: 12; padding-top: 1.6em; position: relative; }
.homeintro-list-item .intro-blocks-wrapper .white-circle { position: absolute; top: 0; left: 0; right: 0; width: 80%; height: 60%; margin: 0 auto; z-index: 0; border-radius: 50%; background: #F2F2F5; filter: blur(125px); transform: rotate(-8.253deg); }
.homeintro-list-item .intro-blocks-wrapper h2 { margin-top: 1.05em; line-height: 1.15em; margin-bottom: 0.85em; text-align: center; font-size: clamp(35px, calc(35px + ((40) * ((100vw - 430px) / (2000 - 430)))), 75px); position: relative; z-index: 1; font-weight: 900; }
.homeintro-list-item .intro-blocks-wrapper .intro-blocks { z-index: 1; position: relative; padding-bottom: 1.9em; }
@media (max-width: 659px) {
    .homeintro-list-item .intro-blocks-wrapper { padding-top: 1em; }
}
.homeintro-list-item .intro-blocks .flex-row { justify-content: space-between; }
.homeintro-list-item .intro-box { margin-bottom: 32px; }
.homeintro-list-item .intro-box .wrapper { display: block; max-width: 100%; position: relative; }
.homeintro-list-item .intro-box .wrapper .heading { font-size: 45px; font-size: clamp(18px, calc(18px + ((27) * ((100vw - 430px) / (2000 - 430)))), 45px); font-weight: 900; margin-top: 0.6em; text-align: center; }
@media only screen and (min-width: 1024px) {
    .homeintro-list-item .intro-box .wrapper a:hover + .picture img, .homeintro-list-item .intro-box .wrapper a:hover + .picture video { transform: scale(1.05); }
}
@media (max-width: 1023px) {
    .homeintro-list-item .intro-box { margin-bottom: 40px; }
}
.homeintro-list-item .picture { overflow: hidden; border-radius: 25px; }
.homeintro-list-item .picture img, .homeintro-list-item .picture video { aspect-ratio: 14 / 17.5; object-fit: cover; width: 100%; height: auto; max-height: 100%; max-width: 100%; display: block; border-radius: 25px; transition: transform 0.35s; }
.homeintro-list-item .wrapper > a { z-index: 100; }
.homeintro-list-item .box-overlay { display: flex; justify-content: center; align-items: center; z-index: 10; border-radius: 25px; }
.homeintro-list-item .icon-play { position: absolute; display: block; color: #fff; max-width: 196px; width: 75%; height: auto; }
@media (max-width: 659px) {
    .homeintro-list-item .icon-play { width: 65%; }
}
@media only screen and (max-width: 1780px) {
    .homeintro-list-item .main-logo { max-width: 500px; }
    .homeintro-list-item .intro-head .prices { max-width: 525px; }
}
@media (max-width: 1023px) {
    .homeintro-list-item .overlay > .row { width: 100%; }
    .homeintro-list-item #home-logo { width: 190px; height: auto; }
    .homeintro-list-item .title { letter-spacing: -0.04em; font-size: clamp(37px, calc(37px + ((23) * ((100vw - 400px) / (1024 - 400)))), 60px); }
    .homeintro-list-item .intro-head .prices { max-width: 525px; }
    .homeintro-list-item .introtext { margin-top: -100px; }
    .homeintro-list-item .introtext .text { padding: 0 28px; width: 100%; }
    .homeintro-list-item .introtext .text .title { margin-bottom: 0.7em; }
    .homeintro-list-item .introtext .text.text-desktop { display: none; }
    .homeintro-list-item .introtext .text.text-mobile { display: block; }
    .homeintro-list-item .intro-box.box3 { width: 100%; max-width: 100%; }
    .homeintro-list-item .intro-box.box3 .wrapper { display: flex; justify-content: center; align-items: center; }
    .homeintro-list-item .intro-box.box3 .wrapper .link-title { width: 50%; order: -1; padding-right: 0.75rem; white-space: normal; text-align: center; }
    .homeintro-list-item .intro-box.box3 .wrapper .picture { width: 50%; padding-left: 0.75rem; }
}
@media (max-width: 600px) {
    .homeintro-list-item .introtext { margin-top: -50px; }
    .homeintro-list-item .introtext:before { top: -60px; }
    .homeintro-list-item .overlay #home-logo { width: 46%; height: auto; }
    .homeintro-list-item .content-video { padding-top: 240px; }
    .homeintro-list-item .video-js { aspect-ratio: 1/1; }
    .homeintro-list-item .video-js video { min-width: 95%; }
}
.prices { text-align: center; margin: 0 auto; gap: 10px 4.2%; max-width: 655px; display: flex; flex-flow: row; justify-content: center; width: 75%; }
.prices .award.da-1 { max-width: 253px; display: flex; justify-content: center; align-items: center; }
@media (max-width: 659px) {
    .prices { width: 100%; max-width: 430px; }
}
.home-projects > h3.title, .home-team-intro > h3.title { font-size: clamp(97px, calc(97px + ((174) * ((100vw - 660px) / (2000 - 660)))), 271px); line-height: 0.88em; margin-bottom: 0.2em; font-weight: 900; }
@media (max-width: 659px) {
    .home-projects > h3.title, .home-team-intro > h3.title { margin-bottom: 0.5em; font-size: 14vw; }
}
.home-team-intro > h3.title > span { z-index: 2; position: relative; }
.home-team-intro > h3.title:after { content: ""; left: 0; right: 0; top: -50px; z-index: 1; height: 300px; position: absolute; background: linear-gradient(to top, #f2f2f5 0%, rgba(242, 242, 245, 0) 100%); }
@media (max-width: 659px) {
    .home-team-intro > h3.title:after { height: 200px; }
}
.home-projects { z-index: 1; margin-top: 3em; position: relative; }
.home-projects:before { content: ""; left: 0; right: 0; bottom: 0; z-index: 1; height: 300px; position: absolute; background: linear-gradient(to bottom, #f2f2f5 0%, rgba(242, 242, 245, 0.2) 100%); }
@media (max-width: 659px) {
    .home-projects:before { height: 200px; }
}
.home-projects > h3.title { text-align: center; margin-bottom: 0.277em; letter-spacing: -0.035em; }
.home-projects > .content { z-index: 2; position: relative; }
@media (max-width: 1023px) {
    .home-projects > h3.title { margin-bottom: 0.377em; }
}
@media (max-width: 659px) {
    .home-projects { margin-top: 2.2em; }
    .home-projects > h3.title { margin-bottom: 0.477em; letter-spacing: -0.06em; }
}
.module-box.team-intro { text-align: center; padding: 1em 0 4em; position: relative; }
.module-box.team-intro:before { content: ""; top: -20%; left: 0; right: 0; width: 100%; bottom: -20%; margin-left: auto; margin-right: auto; position: absolute; background: radial-gradient(ellipse at center 50%, #d4ff26 0%, rgba(212, 255, 38, 0.4) 40%, rgba(212, 255, 38, 0.1) 75%, rgba(212, 255, 38, 0) 100%); transform: translate3d(0, 0, 0); }
.module-box.team-intro .social-wrapper { margin-top: 3em; }
.module-box.team-intro .social-wrapper ul { display: flex; justify-content: center; flex-flow: row wrap; gap: 32px 25px; }
.module-box.team-intro .social-wrapper ul li img { width: 104px; height: 104px; }
.module-box.team-intro .social-wrapper ul li.hashtag { width: 100%; letter-spacing: -0.04em; font-size: clamp(35px, calc(35px + ((23) * ((100vw - 430px) / (2000 - 430)))), 58px); }
@media (max-width: 1400px) {
    .module-box.team-intro .social-wrapper ul li img { width: 90px; height: 90px; }
}
@media (max-width: 1023px) {
    .module-box.team-intro .social-wrapper ul li img { width: 80px; height: 80px; }
}
@media (max-width: 659px) {
    .module-box.team-intro { padding: 0.1em 0 2.3em; }
    .module-box.team-intro .social-wrapper { margin-top: 0.3em; }
    .module-box.team-intro .social-wrapper ul { padding: 22px 25px; gap: 32px 5px; }
    .module-box.team-intro .social-wrapper ul li img { width: 67px; height: 67px; }
}
.home-team-intro { margin-top: 3.4em; position: relative; z-index: 1; }
.home-team-intro .title .ki-link-bubble-anchor { position: relative; display: inline-block; width: 0; overflow: visible; vertical-align: baseline; }
.home-team-intro .title .ki-link-bubble { font-size: clamp(15px, calc(15px + ((19) * ((100vw - 430px) / (2000 - 430)))), 34px); position: absolute; left: -2.88em; bottom: -2.1em; text-indent: -0.38em; width: 3.9em; height: 3.9em; background: #D4FF26; border-radius: 50%; box-shadow: -0.09em 0.15em 0 #000; color: #000; line-height: 1; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; transform: rotate(-12deg); z-index: 5; transition: transform 0.4s; }
.home-team-intro .title .ki-link-bubble:hover { transform: rotate(-4deg) scale(1.05); text-decoration: none; }
@media (max-width: 659px) {
    .home-team-intro .title .ki-link-bubble { left: -25px; bottom: -30px; }
}
.home-team-intro .content { font-size: clamp(28px, calc(28px + ((12) * ((100vw - 430px) / (2000 - 430)))), 40px); font-weight: 700; letter-spacing: -0.014em; margin: 3.3em auto 0; line-height: 1.3em; max-width: 1140px; }
.home-team-intro .content .marked { position: relative; }
.home-team-intro .content .marked:before { content: ""; position: absolute; top: 0.1em; left: -0.13em; right: -0.29em; bottom: 0; height: 80%; background: #D4FF26; z-index: -1; transform: skew(0deg); transition: transform 0.4s; }
.home-team-intro .content .marked:hover { text-decoration: none; }
.home-team-intro .content .marked:hover:before { transform: skew(-8deg); }
@media (max-width: 659px) {
    .home-team-intro .content { line-height: 1.15em; letter-spacing: -0.04em; }
}
.home-team { position: relative; margin-top: 3em; padding-top: 1em; padding-bottom: 5.1em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3351.3 10405.6'%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='200' d='M23 410C1752 64 2513-18 2570 295c94 509-639 628-1251 715-751 107-1183 514-666 868 316 216 981 52 1322-45 460-131 735-370 1023-243 422 186 266 1534-98 1596-356 60-284-486-896-658-348-98-860-116-1071 205-187 286-107 739 132 915 407 300 943 264 993 745 32 311-328 338-774 424-424 83-866 310-1044 661-232 458 186 847 987 918 689 60 1162-8 1357 169 272 247 63 675-499 786-492 97-737 147-816 281-99 167 148 427 94 670-79 358-499 270-634 585-86 201 239 361 663 209 680-244 833-273 1008-193 151 68 204 297 106 493-306 617-1730 964-2498 903'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center top; background-size: auto 10605px; }
@media (max-width: 1023px) {
    .home-team { padding-bottom: 3em; }
}
@media (max-width: 659px) {
    .home-team { background-size: auto 8300px; }
}
.team-list { display: flex; flex-flow: row wrap; }
.team-list.row.full { max-width: 1700px; padding-top: 10%; }
.team-list .team-list-item { display: flex; flex-flow: row-reverse; margin-bottom: 8.4%; padding: 0; justify-content: center; padding: 0 4%; }
.team-list .team-list-item:nth-child(2n -1) { margin-top: -10%; }
.team-list .team-list-item .photo-box { position: relative; }
.team-list .team-list-item .info-box { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; z-index: 90; display: flex; flex-flow: column; justify-content: flex-end; padding: 0 9.1% 6.2% 9.1%; height: 40%; }
.team-list .team-list-item .info-box > .name { margin-bottom: 8px; font-size: clamp(30px, calc(30px + ((20) * ((100vw - 430px) / (2000 - 430)))), 50px); font-family: 'Unbounded', sans-serif; text-transform: uppercase; letter-spacing: -0.02em; letter-spacing: normal; }
.team-list .team-list-item .info-box > .position { font-size: clamp(14px, calc(14px + ((6) * ((100vw - 430px) / (2000 - 430)))), 20px); letter-spacing: -0.02em; }
.team-list .team-list-item picture { position: relative; z-index: 2; display: block; }
.team-list .team-list-item picture:before { content: ""; top: 55%; left: 0; right: 0; bottom: 0; z-index: 1; position: absolute; border-radius: 0 0 50px 50px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); }
@media (max-width: 1023px) {
    .team-list .team-list-item picture:before { border-radius: 0 0 25px 25px; }
}
.team-list .team-list-item picture img { display: block; min-height: 500px; }
.team-list .team-list-item picture img.loaded { opacity: 1; min-height: 0; }
@media (max-width: 659px) {
    .team-list .team-list-item { justify-content: center !important; margin: 0 !important; padding: 0; }
    .team-list .team-list-item .content { max-width: 320px !important; width: 100%; padding: 0 !important; margin: 0 0 36px 0 !important; }
    .team-list .team-list-item .info-box { padding: 0 8.7% 8.8% 8.7%; }
    .team-list .team-list-item .info-box > .name { font-size: 30px; }
    .team-list .team-list-item .info-box > .position { font-size: 14px; }
}
.lazy-picture-container { position: relative; }
.lazy-picture-container .loading-svg { position: absolute; color: #ccc; width: 80px; height: 80px; top: 50%; left: 50%; margin: -40px 0 0 -40px; animation: loading-spin 1.4s linear infinite; }
img.do-lazy { position: relative; opacity: 0; transition: opacity 0.3s ease-out; min-height: 500px; }
img.do-lazy.loaded { opacity: 1; min-height: 0; }
@keyframes loading-spin {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.home-quotes { background: #fff; padding: 4em 0 4em; }
.home-quotes > .content { max-width: 1920px; margin: 0 auto; }
.home-quotes .quote-slider .quote-list-item { width: 100%; min-height: 100%; display: flex !important; }
.home-quotes .text-wrapper { display: flex; justify-content: center; align-items: center; width: 80%; }
.home-quotes .text-wrapper .quote.citation { font-size: clamp(30px, calc(30px + ((15) * ((100vw - 430px) / (2000 - 430)))), 45px); line-height: 1.3em; padding: 0; font-weight: 700; letter-spacing: -0.03em; }
.home-quotes .text-wrapper .headings { margin-top: 2.7em; }
.home-quotes .text-wrapper .headings .name { font-size: clamp(20px, calc(20px + ((5) * ((100vw - 430px) / (2000 - 430)))), 25px); margin-bottom: 0.5em; font-family: 'Unbounded', sans-serif; text-transform: uppercase; letter-spacing: -0.01em; }
.home-quotes .text-wrapper .headings .company { font-size: clamp(15px, calc(15px + ((2) * ((100vw - 430px) / (2000 - 430)))), 17px); text-transform: none; margin-bottom: 0; }
@media (max-width: 659px) {
    .home-quotes .text-wrapper .quote.citation { font-size: 28px; }
    .home-quotes .text-wrapper .headings > h4, .home-quotes .text-wrapper .headings h3 { font-size: 18px; }
}
.home-quotes .button-more-quote-wrapper { margin-top: 5em; }
.home-quotes .flickity-prev-next-button { background: none !important; width: 100px; height: 100px; padding: 0; }
.home-quotes .flickity-prev-next-button svg { width: 100px; height: 100px; left: 0; top: 0; }
.home-quotes .flickity-prev-next-button svg path { fill: none; stroke: #000; stroke-width: 25; stroke-miterlimit: 10; stroke-linecap: round; stroke-linejoin: round; }
.home-quotes .flickity-page-dots { max-width: 848px; margin: 0 auto; width: 100%; left: 0; right: 0; padding: 0 40px; bottom: -50px; gap: 0 14px; }
.home-quotes .flickity-page-dots > li { width: 16px; height: 16px; margin-left: 6px; margin-right: 6px; background: #000; transition: background-color 0.4s; cursor: pointer; }
@media only screen and (max-width: 1150px) {
    .home-quotes .text-wrapper { width: 100%; }
}
@media (max-width: 1023px) {
    .home-quotes { padding: 4em 0 5em; }
    .home-quotes .flickity-page-dots { gap: 0 9px; }
    .home-quotes .flickity-page-dots > li { width: 11px; height: 11px; }
    .home-quotes .quote-slider { padding-top: 0; }
}
.flickity-prev-next-button.next { right: 2vw !important; }
.flickity-prev-next-button.previous { left: 2vw !important; }
@media only screen and (max-width: 1150px) {
    .flickity-prev-next-button { display: none !important; }
}
.home-customer-logos { width: 100%; margin: 0 auto; background: #D4FF26; padding: 5em 0 7em; }
.home-customer-logos .customer-logo { display: flex; justify-content: center; align-items: center; max-width: 445px; width: 35%; height: 200px; background: #fff; border-radius: 157px; overflow: hidden; margin: 0 16px; }
.home-customer-logos .customer-logo img { max-height: 80%; width: auto; }
.home-customer-logos .customer-logo:nth-child(2n) { background: #000; }
.home-customer-logos .customer-logo:nth-child(2n) img { filter: invert(1); }
.home-customer-logos .kundenlogo-list { margin-top: 35px; }
.home-customer-logos .kundenlogo-list-wrapper .kundenlogo-list:first-child { margin-top: 0; }
@media (max-width: 1400px) {
    .home-customer-logos { padding: 9% 0; }
    .home-customer-logos .customer-logo { width: 40%; height: 195px; }
}
@media (max-width: 1023px) {
    .home-customer-logos .customer-logo { height: 155px; margin: 0 10px; max-width: 285px; }
}
@media (max-width: 659px) {
    .home-customer-logos .customer-logo { height: 95px; margin: 0 6px; max-width: 185px; }
    .home-customer-logos .kundenlogo-list { margin-top: 15px; }
}
#flockler-embed-18c4a219a4e0179cf8ca43d8bc8020b1 { --fl-background: transparent !important; --fl-item-background: #F2F2F5 !important; --fl-text-color: #000 !important; }