@font-face{font-family:'Hackney';src:url('/wp-content/themes/kleo-child/fonts/HackneyPersonalUseOnly.woff2') format('woff2'),
url('/wp-content/themes/kleo-child/fonts/HackneyPersonalUseOnly.woff') format('woff');font-weight:400;font-style:normal;font-display:auto}.grecaptcha-badge{display:none}.page-id-343 .grecaptcha-badge{display:block}.header-slider-animation
h2{position:absolute;top:50%;transform:translate(0, -80%);left:-9vw;margin-top:-4vw;pointer-events:none}.header-slider-animation
.btn{background:#121212;color:white;position:absolute;left:-150vw;padding:30px
10vw 30px 1.5vw;bottom:-1.5em;opacity:0;display:block;font-size:30px;line-height:1.1;font-family:'Heebo';font-weight:bold;letter-spacing:3px;width:530px;text-align:left}.header-slider-animation
.btn.zweizeilig{white-space:unset;padding-top:14px;padding-bottom:14px}.header-slider-animation .btn:hover{background:#EE735D;color:white !important;transition:background 1s ease-in-out}.header-slider-animation .btn:after{background:url('/wp-content/uploads/2021/08/CTA_Pfeil_w_1x.png') no-repeat;content:'';width:36px;z-index:9;height:20px;position:absolute;right:1.5vw;top:50%;background-size:100%;transform:translateY(-50%)}.header-slider-animation h2.vc_custom_heading,
.header-slider-animation
.btn{opacity:0}.header-slider-animation
figure{border-left:solid #121212 10px;height:525px}.header-slider-animation figure > div
img{filter:grayscale(1);height:525px;object-fit:cover;object-position:left;opacity:0;width:100%;margin-left:-2px}.header-animation-column{height:525px;mix-blend-mode:multiply}.section-home-header
h1{opacity:0}.header-slider-animation{height:calc(100vh - 136px)}.header-animation-column>.vc_column-inner>.wpb_wrapper{display:flex}.header-animation-column .vc_figure,
.header-animation-column .vc_figure>div{width:100%}.header-slider-animation .wpb_wrapper>.magic-container{width:calc(6vw - 5px);height:70vh;z-index:10;margin-top:800px;margin-right:80px}.header-slider-animation .wpb_wrapper>.magic-container:nth-of-type(1).animated{margin-top:0;transition:margin-top 1.2s ease-in-out;animation:firstcontainer 2.2s ease-in-out 2.5s}.header-slider-animation .wpb_wrapper>.magic-container:nth-of-type(2).animated{margin-top:0;transition:margin-top 1.2s ease-in-out 0.3s;animation:container 1.5s ease-in-out 4.8s}.header-slider-animation .wpb_wrapper>.magic-container:nth-of-type(3).animated{margin-top:0;transition:margin-top 1.2s ease-in-out 0.6s;animation:container 1.5s ease-in-out 6.3s}@keyframes
firstcontainer{0%{width:6vw}50%{width:40vw}100%{width:6vw}}@keyframes
container{0%{width:6vw}50%{width:20vw}100%{width:6vw}}.magic-container.animated.standard{z-index:5}.magic-container.animated.hover{z-index:10}.header-slider-animation .magic-container:nth-of-type(1).animated
figure{border-left:solid #121212 6vw;transition:border-left 0.75s ease-in-out 1.5s}.header-slider-animation .magic-container:nth-of-type(2).animated
figure{border-left:solid #121212 6vw;border-radius:0 150px 0 0;transition:border-left 1s ease-in-out 1.25s, border-radius 0.75s ease-in-out 2s}.header-slider-animation .magic-container:nth-of-type(3).animated
figure{border-left:solid #121212 6vw;border-radius:0 150px 0 0;transition:border-left 1s ease-in-out 1.25s, border-radius 0.75s ease-in-out 1.5s}.section-home-header
h1.animated{opacity:1;transition:opacity 2s ease-in-out 1.8s}.header-slider-animation .wpb_wrapper > .magic-container:nth-of-type(1).animated
img{opacity:1;transition:opacity 0.5s ease-in-out 2.5s}.header-slider-animation .wpb_wrapper > .magic-container:nth-of-type(2).animated
img{opacity:1;transition:opacity 0.5s ease-in-out 4.8s}.header-slider-animation .wpb_wrapper > .magic-container:nth-of-type(3).animated
img{opacity:1;transition:opacity 0.5s ease-in-out 6.3s}.header-slider-animation .wpb_wrapper>.magic-container{cursor:pointer}.img-bigger-height
img{height:29vw;object-fit:cover}.header-slider-animation .wpb_wrapper>.magic-container.animated.hover{width:100%;-webkit-transition:width 2s ease-out;-moz-transition:width 2s ease-out;-o-transition:width 2s ease-out;transition:width 2s ease-out}.header-slider-animation .wpb_wrapper > .magic-container.animated.hover
figure{border-left:0;-webkit-transition:border-left 2s ease-out;-moz-transition:border-left 2s ease-out;-o-transition:border-left 2s ease-out;transition:border-left 2s ease-out}.header-slider-animation .wpb_wrapper > .magic-container.animated.hover
h2.vc_custom_heading{opacity:1;margin-top:0;-webkit-transition:opacity 1s ease-in-out, margin-top 1s ease-in-out;-moz-transition:opacity 1s ease-in-out, margin-top 1s ease-in-out;-o-transition:opacity 1s ease-in-out, margin-top 1s ease-in-out;transition:opacity 1s ease-in-out, margin-top 1s ease-in-out}.header-slider-animation .wpb_wrapper > .magic-container.animated.hover
.btn{opacity:1;-webkit-transition:opacity 2s ease-in-out 1s;-moz-transition:opacity 2s ease-in-out 1s;-o-transition:opacity 2s ease-in-out 1s;transition:opacity 2s ease-in-out 1s}.header-slider-animation .wpb_wrapper>.magic-container.animated.hover>.magic-inner>.btn{left:-8.5vw;opacity:1;-webkit-transition:left 1s ease-in-out, opacity 0.5s ease-in-out;-moz-transition:left 1s ease-in-out, opacity 0.5s ease-in-out;-o-transition:left 1s ease-in-out, opacity 0.5s ease-in-out;transition:left 1s ease-in-out, opacity 0.5s ease-in-out}.header-slider-animation .magic-container:nth-of-type(1).animated.standard
figure{border-left:solid #121212 6vw;transition:none !important}.header-slider-animation .magic-container:nth-of-type(2).animated.standard
figure{border-left:solid #121212 6vw;border-radius:0 150px 0 0;transition:none !important}.header-slider-animation .magic-container:nth-of-type(3).animated.standard
figure{border-left:solid #121212 6vw;border-radius:0 125px 0 0;transition:none !important}.header-slider-animation .magic-inner{position:relative}.icon-menu:before{content:" "}.icon-menu{background:url('/wp-content/themes/kleo-child/assets/img/ppm_burger.svg') no-repeat center center;width:33px;display:block !important;height:33px;margin-top:2.4vw}.navbar-header{height:7.5vw !important;line-height:7.5vw !important}#header .sticky-wrapper{}#header  .navbar
.container{padding:0
7.3vw}#main{padding-top:2vw;margin-top:0}.letter-spacing-0{letter-spacing:0 !important}.konzeptDesignVideoPlayButton{position:absolute;cursor:pointer;left:50%;top:50%;transform:translate(-50%, -50%)}.konzeptDesignVideoPlayButton
img{width:11.5vw}#konzeptDesignVideo{filter:grayscale(1)}#video-container:hover .konzeptDesignVideoPlayButton
img{max-width:unset;width:13.5vw;transition:width 0.5s ease-in-out}.architektur-auflistung>.wpb_column:nth-of-type(2){padding-top:70px}.header-scrolled .icon-menu{margin-top:25px}.header-scrolled .navbar-header{height:80px !important;line-height:80px !important}.kleo-page h1,
.kleo-page h2.size-h1{font-family:'Hackney';font-size:230px;font-weight:400;line-height:1;letter-spacing:0;color:#6BF5B9}.kleo-page
h2{font-family:'Hackney';font-size:300px;font-weight:400;line-height:1;letter-spacing:15px;color:#6BF5B9}.kleo-page
h3{font-size:60px;font-weight:bold;line-height:1.2;color:#121212;letter-spacing:3px;font-family:'Heebo'}.kleo-page
h4{font-size:40px;font-weight:700;line-height:1.5;color:#121212;letter-spacing:2px;font-family:'Heebo'}.kleo-page
h5{font-size:20px;font-weight:700;line-height:1.5;color:#121212;letter-spacing:1px;font-family:'Heebo'}#main .section-home-header h1,
.kleo-page
h6{font-size:18px;font-weight:400;line-height:1.5;color:#121212;letter-spacing:5.4px;margin-bottom:50px;font-family:'Heebo'}#main .h6-small{font-size:14px;letter-spacing:4.2px;line-height:1.5}.kleo-page
p{font-weight:400}#main .h2-small{font-size:257px}#main .h2-smaller{font-size:230px;letter-spacing:0}#main .h2-individual{font-size:11.7vw;letter-spacing:-7px;width:calc(100% + 12vw);margin-bottom:-5vw;z-index:10;position:relative}#main .h1-blog{font-size:150px}.kleo-page .text-green-bg{text-align:left;display:inline-block;background:#6BF5B9;padding:0
3px;margin-bottom:0}.bold{font-weight:bold !important}.hackney{font-family:'Hackney' !important}#main
.biggest{font-size:26.5vw;letter-spacing:0;white-space:nowrap}#main .bigger-p p,
#main .bigger-p{font-size:60px;letter-spacing:1.2px;line-height:1.2;font-weight:300}.letterspacing-small{letter-spacing:3px !important}.letterspacing-none{letter-spacing:0 !important}#main .bigger-p p strong,
#main .bigger-p
strong{font-weight:700}#main .font-full-width{font-size:26.5vw;letter-spacing:1.3vw;line-height:0.5;white-space:nowrap}.section-home-nachhaltig h2.font-full-width{margin-bottom:-5vw}.img-height-bigger
img{height:32vw;object-fit:cover}.heading-right{position:absolute;right:-9vw;top:-0.45em}.heading-left{position:absolute;left:-15.5vw;top:-0.6em}.section-ref-kundenstimme{padding:4vw 0 5vw}.section-ref>.container{padding:0}.section-ref .section-referenzen figure,
.section-ref .section-referenzen figure div,
.section-ref .section-referenzen figure
img{width:100%}#main .section-ref
.btn{z-index:20}.section-referenzen .vc_col-sm-12.referenzen-col{position:absolute;z-index:9;top:-1em;left:50%;transform:translateX(-50%)}.section-referenzen .vc_col-sm-12
h2{mix-blend-mode:multiply}.text-padding-left .vc_column-inner{padding-left:5vw}.text-padding-right .vc_column-inner{padding-right:5vw}.section-konzept-entwicklung
.fullwidth{font-size:15.25vw;letter-spacing:0;z-index:10}.section-home-innovativ,.section-home-nachhaltig{padding:9vw 0}.blog-btn-section{padding:1.5vw 0}.blog-btn-section
.btn{z-index:20;position:relative}.section-home-leidenschaft{padding-top:9vw}.flex-bottom{display:flex;align-items:flex-end}.btn.btn-default{font-size:18px;letter-spacing:5.4px;background:transparent !important;border:none !important;padding:0
50px 0 0;font-family:'Heebo',sans-serif;position:relative;z-index:1}.btn.btn-default:before{content:'';background:#EE735D;width:0;height:35px;position:absolute;left:-11px;top:-5px;z-index:-1}.btn.btn-default:hover:before{width:calc(100% + 10px);transition:width 1s ease-in-out}.btn.btn-default:after{content:'';background:url('/wp-content/uploads/2021/08/CTA_Pfeil_s_1x.png') no-repeat;position:absolute;right:10px;transform:translate(0, -50%);top:50%;width:32px;height:15px;background-size:100%}.btn.btn-primary,
#main .posts-load-more
.btn{font-size:18px;letter-spacing:0.36px;background:#121212 !important;border:#121212 3px solid !important;color:white;font-family:'Heebo',sans-serif;font-weight:bold;padding:14px
45px;border-radius:0;line-height:1}#main .posts-load-more .btn:hover,.btn.btn-primary:hover{background:white !important;color:#121212}#main .posts-load-more .btn:after{display:none}#main .posts-load-more
.btn{float:left;margin-left:-1.5vw}.colored,
.colored h1,
.colored h2,
.colored h3,
.colored h4,
.colored h5,
.colored h6,
.colored p,
.colored li,
.colored
a{color:#6BF5B9 !important}.container{max-width:unset !important;padding-left:14.5vw;padding-right:12vw}.container-big
.container{padding-left:7.3vw;padding-right:7.3vw}.menu-item
.caret{display:none}.widget_nav_menu .sub-menu{display:block;position:relative;top:0;left:0;margin-left:50px;box-shadow:none}.widget_nav_menu #menu-main-1  .sub-menu
a{font-size:23px;font-weight:400;line-height:1;color:#121212;letter-spacing:5.4px;margin-bottom:50px;font-family:'Heebo'}.wrap-canvas-menu .widget_nav_menu .offcanvas-menu{padding:0}#menu-main-1 .sub-menu
li{height:50px}#menu-main-1 .sub-menu>li:last-of-type{height:40px}.primary-menu #menu-main>li:not(#nav-menu-item-side){display:none}.kleo-main-header{border:none !important}.section-home-nachhaltig
h2{margin-left:-16.8vw}.posts-load-more{margin-top:0px}.kleo-quick-contact-wrapper .icon-mail-alt:before{content:'Kontakt';font-size:17px;font-weight:bold;letter-spacing:1.7px;text-transform:uppercase;color:white;font-family:'Heebo',sans-serif;width:auto}.kleo-quick-contact-link{background:#121212;border-radius:50%;height:100px;width:100px;display:flex;align-items:center;padding:0;justify-content:center;border:2px
solid white}.section-home-innovativ
h2{z-index:10}.offcanvas-sidebar ul
a{border:none !important;color:white !important;font-size:40px;line-height:1.5;letter-spacing:5px;font-family:'Hackney'}.offcanvas-sidebar .open-sidebar{color:white}.offcanvas-sidebar .open-sidebar:hover{color:white}.wrap-canvas-menu .offcanvas-title .open-sidebar:before{font-size:28px}#main .section-home-leidenschaft
h6{margin-bottom:50px}#menu-main-1
li{height:60px}#menu-main-1 li
a{background-color:transparent;color:#121212 !important;font-family:'Heebo',sans-serif;font-size:25px;letter-spacing:2.5px;line-height:3;font-weight:bold;position:relative;display:inline;padding:0
55px 0 0;z-index:10}#menu-main-1 li.current_page_item
a{background-color:transparent;color:#121212 !important}#menu-main-1 li.current_page_item>a:before{width:calc(100% + 20px)}#menu-main-1 li a:before{content:'';background:#6BF5B9;width:0;height:45px;position:absolute;left:-11px;top:-4px;z-index:-1}#menu-main-1 li a:hover:after,
#menu-main-1 li.active a:after{content:'';background:url(/wp-content/uploads/2021/08/CTA_Pfeil_s_1x.png) no-repeat;position:absolute;right:10px;transform:translate(0, -50%);top:48%;width:32px;height:15px;background-size:100%}#menu-main-1 li a:hover:before{width:calc(100% + 20px);transition:width 1s ease-in-out;background:#EE735D}.offcanvas-open #header,
.offcanvas-open #main,
.offcanvas-open
#footer{position:relative}.offcanvas-open #header:after,
.offcanvas-open #main:after,
.offcanvas-open #footer:after ,
.offcanvas-open #socket:after{background:black;opacity:0.4;position:absolute;content:'';top:0;left:0;width:100vw;height:100%;z-index:100}.offcanvas-after{position:fixed;bottom:50px;left:110px}.offcanvas-after div
a{margin-right:15px}.offcanvas-sidebar:after{background:url('/wp-content/themes/kleo-child/animations/konzept-design/1/images/kreis.svg') no-repeat;content:'';width:25vw;height:25vw;position:absolute;transform:rotate(-69deg);bottom:0;right:-2vw;z-index:1;background-size:contain;max-height:480px;max-width:480px}.offcanvas-right .wrap-canvas-menu .offcanvas-title .open-sidebar{float:right}.offcanvas-right .wrap-canvas-menu .offcanvas-title .open-sidebar:after{content:'\00d7';height:20px;width:20px;color:black;z-index:99;font-size:45px}.offcanvas-sidebar{overflow:hidden;width:900px;transform:translate(-500px, 0);-webkit-transform:translate(-500px, 0);background:white;padding:2vw 50px 2vw 110px;-webkit-transition:-webkit-transform .5s;transition:transform .5s;z-index:1000}.offcanvas-right.offcanvas-type-default .offcanvas-sidebar,
.offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar{transform:translate(900px, 0);-webkit-transform:translate(900px, 0)}#socket{background:transparent}#socket
.container{padding-left:7vw;padding-right:7vw}#socket .full-socket{display:flex;justify-content:space-between;padding-bottom:10px}.full-socket > div:first-of-type
a{margin:0
10px}#socket .full-socket > div:nth-of-type(1) h5,
#socket .full-socket > div:nth-of-type(1) a{display:inline-block}#socket .full-socket > div:nth-of-type(2) a{font-family:'Heebo';font-size:16px;letter-spacing:4.8px;text-transform:uppercase;margin-left:50px;font-weight:400;color:#121212}.full-socket a:hover{color:#121212}#socket .wrap-content>.row{position:relative;padding-top:5vw}.socket-bg{position:absolute;left:-6.2vw;bottom:-1.4vw;z-index:-1;margin:0;line-height:1;height:auto}.socket-bg
h6{font-family:'Hackney';color:#6BF5B9;white-space:nowrap;font-size:9vw;height:9.25vw;margin:0;letter-spacing:0;line-height:1}.full-socket>div:nth-of-type(2){display:flex;align-items:flex-end}.full-socket
h5{margin-bottom:0}.section-referenzen{padding:6vw 0}.section-referenzen .btn-default{margin-top:30px}.section-home-innovativ
h3{width:130%}.section-home-kunden{padding:3vw 0 4vw}.caroufredsel_wrapper{min-height:100px}.kleo-carousel-container:not(.full-slider) .kleo-carousel
img{min-width:auto !important;max-height:90px;filter:grayscale(1);width:auto;z-index:20}.kleo-carousel-container:not(.full-slider) .kleo-carousel img:hover{filter:none}.kleo-carousel-container:not(.full-slider) .kleo-carousel .hover-element{display:none}.kleo-carousel-container:not(.full-slider) .kleo-carousel
a{display:flex;justify-content:center;align-items:center;height:100%}.kleo-carousel-container.full-slider .kleo-carousel a
img{height:35vw;object-fit:cover;object-position:center;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}img.mfp-img{image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.single-referenz-header .referenz-heading{position:absolute;z-index:10;left:-5vw;top:-4.5em}.single-referenz-header .referenz-heading
h1{line-height:0.8}.referenz-infos
p{margin:0}.referenz-infos
h5{margin-bottom:0}.single-referenz-header .referenz-heading .wpb_wrapper>h1:nth-of-type(2){padding-left:15vw}#main .section-singleref-text
h6.hashtags{margin:0}.section-singleref-text{padding:7vw 0}article.type-referenzen>.container:first-of-type{display:none}article.type-referenzen.post-item  h6,
article.category-aktuelles.post-item h6,
article.category-highlights.post-item
h6{margin-top:25px;text-transform:uppercase;font-size:14px;letter-spacing:4.4px}.section-blog-header.section-referenzen-header .vc_row
.vc_row{z-index:25;position:relative}#main .aehnliche-beitraege .entry-content>p{display:none}#main .aehnliche-beitraege
img{max-height:unset;height:100%;object-fit:cover;object-position:center}#main .aehnliche-beitraege .post-image
a{height:21vw}#main .aehnliche-beitraege .entry-summary,
#main .aehnliche-beitraege
hr{display:none}#main .aehnliche-beitraege .post-title
a{text-transform:uppercase;font-family:'Hackney';font-weight:400;line-height:1;color:#6BF5B9;font-size:90px;letter-spacing:0;position:absolute;z-index:10;left:0vw;top:2vw;height:auto;max-width:500px}#main .aehnliche-beitraege
li{padding:0
50px}.section-referenz-aehnliche .btn-primary{margin-right:50px}.section-referenz-aehnliche{padding:5vw 0}#main .referenzen-uebersicht .post-content{border:none}#main .referenzen-uebersicht .post-title
a{font-family:'Heebo';font-weight:bold;line-height:1.2;letter-spacing:2px;color:white;background-color:#121212 !important;border:none;position:relative;padding:18px
4.5vw 18px 2vw;font-size:37px;text-align:left;position:absolute;bottom:7vw;left:-1.5vw;max-width:29.5vw}.section-blog-header{padding-bottom:150px}#main .referenzen-uebersicht.blog-uebersicht .post-title
a{letter-spacing:1px;padding:18px
4.5vw 18px 2vw;font-size:29px}.section-blog-header #konzept-design-trapez-animation{width:30vw;transform:rotate(-42deg)}.section-referenzen-header.section-blog-header .svg-animation{top:41%;right:-8vw}.section-blog-auflistung article.category-highlights.post-item .post-header
h6{visibility:hidden}#main .referenzen-uebersicht>article:nth-of-type(2)>div.post-content{padding-top:10vw;padding-bottom:0}#main .referenzen-uebersicht>article:nth-of-type(even)>.post-content{padding-top:5vw;padding-bottom:0}#main .referenzen-uebersicht .post-item>.post-content{padding:3vw}#main .referenzen-uebersicht .post-item:nth-of-type(even)>.post-content{padding-right:0}#main .referenzen-uebersicht .post-item:nth-of-type(odd)>.post-content{padding-left:0}#main .referenzen-uebersicht .post-header{padding:0}#main .referenzen-uebersicht .post-item>div{max-width:32vw}#main .referenzen-uebersicht .post-title a:after{content:'';background:url(/wp-content/uploads/2021/08/CTA_Pfeil_w_1x.png) no-repeat;position:absolute;right:30px;width:35px;height:15px;background-size:100%;top:50%;transform:translateY(-50%)}.dreieck-img{width:23vw;transform:rotate(-100deg);position:absolute;right:-11vw;z-index:10;bottom:-6vw}.p-no-margin
p{margin-top:0}.masonry-listing .post-image
img{filter:grayscale(1);mix-blend-mode:multiply;height:23vw;width:100%;object-fit:cover;object-position:center}#main .referenzen-uebersicht .post-title a:hover{background:#EE735D !important}.masonry-listing .post-image img:hover{filter:none;transition:filter 0.2s ease-in-out}.masonry-listing .post-content:hover{box-shadow:none}.hover-element{display:none}.single-referenz-header .svg-animation{position:absolute;z-index:10;right:-16vw;top:13vw}article.type-referenzen.referenzen .article-meta{display:none}.single-referenz-header .kleo-gallery{margin-top:75px}.section-referenz-retail h2,
.section-referenz-care
h2{top:-0.5em;left:11.5vw;z-index:5}.section-referenz-retail .vc_row .vc_row > .wpb_column:nth-of-type(2),
.section-referenz-care .vc_row .vc_row > .wpb_column:nth-of-type(2),
.section-referenz-gastronomie .vc_row .vc_row>.wpb_column:nth-of-type(1){padding-top:8vw}.section-referenz-gastronomie
h2{right:9.5vw;top:-0.5em}p.datenschutz-hinweis{font-size:14px;line-height:1.5}p.datenschutz-hinweis
a{font-weight:bold}.wpcf7 form .row>.col-sm-6:first-of-type{padding-right:6vw}.wpcf7-form
label{width:100%;letter-spacing:4px}.wpcf7-form input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="password"]{border:none;border-bottom:2px solid black;color:black;font-size:18px;font-family:'Heebo';text-transform:uppercase;letter-spacing:4px;margin-bottom:25px}.wpcf7
textarea{border:2px
solid black;color:black;font-size:18px}::placeholder{color:black;opacity:1;font-family:'Heebo'}:-ms-input-placeholder{color:black;font-family:'Heebo'}::-ms-input-placeholder{color:black;font-family:'Heebo'}.section-kontakt-header
h1{position:absolute;left:-5vw;line-height:0.6;top:-0.6em;z-index:10}.section-kontakt-header{padding:3vw 0 4vw}.section-kontakt-header
img{width:40vw;position:absolute;z-index:5;right:-13vw;transform:rotate(30deg);bottom:-16vw}.section-kontakt-formular{padding:7vw 0 8vw 0}.section-kontakt-header .bigger-p
p{margin-top:155px;z-index:10;position:relative}.section-kontakt-info
iframe{z-index:10;position:relative;filter:grayscale(1);pointer-events:all !important}.section-kontakt-info iframe:hover{filter:none;transition:filter 0.2s ease-in-out}.section-ueberuns-header
h1{margin-top:-0.31em}.img-right-big{width:calc(100% + 2vw);margin-left:-2vw}.img-left-big{width:calc(100% + 2vw)}.wpcf7
label{font-family:'Heebo';font-size:20px;text-transform:uppercase}#main .section-kontakt-info
p{margin-top:0}#main .section-kontakt-info
h6{font-size:16px}#main input[type="submit"]{font-size:18px;border-radius:0;letter-spacing:0.36px;background:#121212 !important;border:#121212 3px solid !important;color:white;font-family:'Heebo',sans-serif;font-weight:bold;padding:10px
50px}#main input[type="submit"]:hover{background:white !important;color:#121212}.section-ueberuns-header{padding:50px
0 10vw;mix-blend-mode:multiply}#main .section-ppm-ueber
h2{z-index:10;position:relative;margin-left:-11vw;margin-bottom:-30px;letter-spacing:0;padding-top:100px}.section-ppm-ueber
h6{margin-left:-4vw}.section-ppm-ueber  .bigger-p{margin-top:-80px}.konzept-sneak-img
img{width:26vw;position:absolute;left:-15vw;bottom:-32vw;z-index:5}.section-konzept-grundelemente p,
.section-konzept-grundelemente
.btn{z-index:10;position:relative}.section-ueberuns-header .konzept-heading{top:-10px;position:absolute;z-index:10;left:-3.5vw}.section-ueberuns-header .svg-animation{position:absolute;right:-15vw;z-index:10;bottom:-20vw;pointer-events:none;transform:rotate(-90deg)}.section-ppm-ueber{padding:1vw 0 5vw;background:transparent}.section-ppm-ueber .svg-animation{z-index:10;transform:rotate(110deg);margin-top:-29vw;margin-left:16vw}.section-ppm-ueber .svg-animation #konzept-design-quadrat-animation{width:50vw}.section-ueberuns-nachhaltigkeit .bigger-p{width:104%;padding-top:130px}.section-ueberuns-nachhaltigkeit .wpb_wrapper>.vc_row-fluid:nth-of-type(2){padding-top:200px}.section-konzept-grundelemente .wpb_wrapper>.vc_row.vc_inner:first-of-type>.vc_col-sm-12{z-index:20}#main .section-ueberuns-nachhaltigkeit
h2{top:0}.type-post .article-media{height:37vw}.section-beitrag-header .beitrag-heading{position:absolute;top:-36vw;left:7vw}.type-post .article-media
img{height:100%;object-fit:cover;object-position:center;filter:grayscale(1)}.type-post .article-media img:hover{filter:none;transition:filter 0.2s ease-in-out}.border-slider{border-bottom:solid 3px #121212;padding:50px
0}.border-slider:before{position:absolute;content:" ";width:85%;top:0;right:0;height:3px;background:#121212}.netzwerk-slider.kleo-gallery .kleo-carousel a:not(:first-child):not(:last-child){padding:15px}.netzwerk-slider.kleo-gallery .kleo-carousel a:first-child{padding:15px
30px 15px 0px}.netzwerk-slider.kleo-gallery .kleo-carousel a:last-child{padding:15px
0 15px 30px}.img-hover
img{filter:grayscale(1);mix-blend-mode:multiply}.img-hover img:hover,
.img-hover.active
img{filter:none;transition:filter 0.2s ease-in-out}.simple-slider .icon-angle-right:before{content:'';background:url(/wp-content/uploads/2021/08/CTA_Pfeil_s_1x.png) no-repeat;background-size:100%;width:100%;height:20px}.simple-slider .icon-angle-left:before{content:'';background:url(/wp-content/uploads/2021/08/CTA_Pfeil_s_1x.png) no-repeat;transform:rotate(180deg);background-size:100%;width:100%;height:20px}.simple-slider.kunden-slider a
img{max-width:140px}.kleo-carousel-container:hover .carousel-arrow .carousel-next{right:-35px;background:transparent}.kleo-carousel-container:hover .carousel-arrow .carousel-prev{left:-35px;background:transparent;z-index:11}.section-home-zitat>.container{padding-left:12.5vw}.section-home-zitat{padding:0
0 8vw 0}.section-home-zitat
.wpb_single_image{position:absolute;right:0;bottom:-9vw;z-index:10}.section-home-zitat{padding:10vw 0 19vw}.section-home-netzwerk{padding:21vw 0 8vw 0}.section-home-nachhaltig .bigger-p{width:105%}.btn.btn-highlight{font-family:'Heebo';font-weight:bold;font-size:25px;line-height:2;letter-spacing:2.5px;color:white;background-color:#121212 !important;padding:10px
100px 10px 15px;border:none;position:relative}.btn.btn-highlight:after{content:'';background:url('/wp-content/uploads/2021/08/CTA_Pfeil_w_1x.png') no-repeat;position:absolute;right:30px;width:35px;height:15px;background-size:100%;top:50%;transform:translateY(-50%)}.btn.btn-highlight:hover{background-color:#EE735D !important}.section-konzept-header figure,
.section-konzept-header figure div,
.section-konzept-header figure
img{width:100%}.section-konzept-header{padding-top:50px;padding-bottom:11vw;mix-blend-mode:multiply}.section-konzept-header .konzept-heading{position:absolute;z-index:10;top:-115px;left:-3.5vw}.section-konzept-header .vc_row .wpb_wrapper>h1:first-of-type{margin-bottom:-40px}.section-konzept-header .vc_row .wpb_wrapper>h1:nth-of-type(2){margin-left:160px}.konzept-btns{margin:-80px 0 0 -60px}.section-refuebersicht-header .konzept-btns{margin:-55px 0 0 -60px}.konzept-btns .wpb_wrapper>.btn:first-of-type{margin-right:60px}.konzept-btns .wpb_wrapper>.btn:nth-of-type(3){margin-left:60px}.konzept-btns .wpb_wrapper>.btn:last-of-type{margin-bottom:3px}#main .section-refuebersicht-header .konzept-btns .wpb_wrapper>.btn{width:320px;text-align:left}.section-refuebersicht-header #konzept-design-kreis-animation{width:34vw}#innovativ-animation{width:44vw}.section-home-innovativ .svg-animation{position:absolute;left:-28vw;z-index:10;bottom:-17vw;pointer-events:none}#konzept-design-kreis-animation{width:40vw}.section-konzept-header .svg-animation{position:absolute;right:-15vw;z-index:10;bottom:-20vw;pointer-events:none}#konzept-design-dreieck-animation{width:40vw;transform:rotate(10deg)}.section-konzept-grundelemente .svg-animation{position:absolute;left:-19vw;z-index:10;bottom:-20vw;pointer-events:none}#konzept-design-trapez-animation{width:40vw;transform:rotate(10deg)}.section-konzept-markenanalyse .svg-animation{position:absolute;left:-26vw;z-index:10;top:11vw;pointer-events:none}#konzept-design-viereck-animation{width:47vw;transform:rotate(-6deg)}.section-konzept-entwicklung .svg-animation{position:absolute;right:-28vw;z-index:10;top:14vw;pointer-events:none}#konzept-design-quadrat-animation{width:47vw}.section-konzept-design-fussbereich .svg-animation{position:absolute;left:-7vw;z-index:10;top:-32vw;pointer-events:none}#projektrealisierung-animation{width:40vw}.section-home-leidenschaft .svg-animation{position:absolute;left:13.5vw;z-index:10;bottom:-21vw;pointer-events:none}.section-home-leidenschaft
.vc_custom_heading{z-index:20;position:relative}#innenarchitektur-animation{width:35vw}.section-home-zitat .svg-animation{position:absolute;left:-13vw;z-index:10;bottom:1vw;pointer-events:none}.section-home-zitat .bigger-p{z-index:20;position:relative}#netzwerk-animation{width:45vw}.section-home-netzwerk .svg-animation{position:absolute;left:-14vw;z-index:10;bottom:0vw;pointer-events:none}#architektur-dreieck-animation{width:39vw}.section-architektur-header .svg-animation{position:absolute;right:-7vw;z-index:10;bottom:-20vw;pointer-events:none}.section-gu-header .svg-animation{transform:rotate(180deg)}.section-konzept-grundelemente .vc_col-sm-12{margin-bottom:-35px;z-index:10}.section-konzept-grundelemente{padding:4vw 0 28vw 0}.section-konzept-markenanalyse
h2{z-index:10}.section-konzept-markenanalyse{padding:0
0 20vw 0}.section-konzept-sneak{padding-top:22vw}.full-socket
h5.hackney{font-size:33px;line-height:1}#main .btn-see-through{color:#121212;font-family:'Heebo';font-weight:700;font-size:25px !important;letter-spacing:1.2px;padding:0;position:relative;z-index:1;border:none}#main .btn-see-through:after{content:'';width:0;height:35px;position:absolute;left:-10px;top:-2px;background-color:#EE735D;z-index:-1}#main .btn-see-through.weiterlesen-btn:after{top:-5px}#main .btn-see-through:hover:after{width:calc(100% + 55px);transition:width 1s ease-in-out}#main .btn-see-through:hover{background:transparent}.collapsable-text
.kleo_text_column{display:none}.collapsable-text{margin-bottom:45px}.weiterlesen-btn:before{position:absolute;right:-35px;top:-2px;font-family:"fontello";content:"\e8a1";transform:rotate(0deg)}.collapsable-text .btn:before{position:absolute;right:-35px;top:-2px;font-family:"fontello";content:"\e8a1";transform:rotate(-90deg)}.weiterlesen-btn.open:before{transform:rotate(180deg)}.collapsable-text .open.btn:before{transform:rotate(0)}.kleo-carousel a[href="http://-"]{pointer-events:none}#main .weiterlesen-btn.open{margin-top:0}#main .weiterlesen-btn+.btn-default{margin-top:42px;float:right}#main .weiterlesen-btn.open+.btn-default{margin-top:5px}#main .weiterlesen-btn{margin-top:35px;z-index:10;position:relative;font-size:20px !important}.uber-klimaneutral-img{position:absolute;right:-5vw;bottom:-170px}.section-ueberuns-nachhaltigkeit .wpb_wrapper>.vc_row-fluid:nth-of-type(3){padding-top:7vw}.weiterlesen-text{z-index:10;position:relative}.section-konzept-sneak .bigger-p{width:110%}.kleo-quick-contact-link.quick-contact-active{width:400px;height:330px;margin-right:-50px;border-radius:0;border-color:#121212;transition:width 1s ease-in-out, height 1s ease-in-out, margin-right 1s ease-in-out, border-radius 1s ease-in-out;background:#121212}.weiterlesen-text{display:none}.section-gu-leistungen .text-padding-right{margin-top:8vw}.panel-toggle .panel-heading{padding-left:0}.panel-toggle{background:transparent;border:none}.panel-toggle .panel-body{padding:0}.panel-toggle .accordion-toggle{color:#121212;font-family:'Heebo';font-weight:700;font-size:25px !important;letter-spacing:1.2px;padding:0;position:relative;z-index:1}#kleo-quick-contact p,
#kleo-quick-contact a,
#kleo-quick-contact h4,
#kleo-quick-contact
h6{color:white !important}#kleo-quick-contact
h4{font-family:'Heebo',sans-serif;font-weight:bold;font-size:27px;letter-spacing:1.8px;text-transform:uppercase;margin:0
0 40px 0}#kleo-quick-contact div
a{font-weight:bold;font-size:25px;letter-spacing:1.25px;margin-bottom:30px}#kleo-quick-contact div
p{margin-top:10px}#kleo-quick-contact .close-contact{position:absolute;right:20px;top:-5px;font-size:32px;cursor:pointer}#kleo-quick-contact .close-contact:after{display:inline-block;content:"\00d7"}#kleo-quick-contact
h6{font-size:16px;letter-spacing:4.8px;margin-bottom:0;text-transform:uppercase}#kleo-quick-contact>p{margin:0}.kleo-quick-contact-wrapper .quick-contact-active .icon-mail-alt:before{opacity:0;transition:opacity 0.2s ease-in-out}#kleo-quick-contact{background:transparent;box-shadow:none;border:none;padding:20px
20px 20px 40px;opacity:0;top:8%}.quick-contact-active+#kleo-quick-contact{opacity:1;transition:opacity 0.5s linear 0.8s;background:#121212;left:2px}#kleo-quick-contact .bottom-arrow{display:none}.kleo-qc-title{display:none}#kleo-quick-contact
p{color:white}.section-konzept-video{padding:3vw 0 12vw 0}.section-architektur-header{padding-top:50px}#main .section-architektur-header .btn.btn-highlight{width:420px;text-align:left}#main .section-konzept-header .btn.btn-highlight{width:440px;text-align:left}#main .section-blog-header .btn.btn-highlight{width:340px;text-align:left}#main .section-konzept-header.section-karriere-header .btn.btn-highlight{width:unset}#main .section-ueberuns-header .btn.btn-highlight{width:355px;text-align:left}.section-karriere-warum .kleo-gallery-container li
img{height:7vw;width:auto;max-width:unset;filter:grayscale(1)}.section-karriere-warum .kleo-gallery-container li img:hover{filter:none;transition:filter 0.2s ease-in-out}.section-karriere-zitat .btn-default{float:right;margin-top:16px}.section-karriere-zitat #konzept-design-kreis-animation{width:45vw}.section-karriere-zitat
.kleo_text_column{z-index:5;position:relative}.section-karriere-zitat .svg-animation{position:absolute;top:-14vw;z-index:1;right:-15vw}.section-karriere-warum .vc_row>.collapsable-text:nth-of-type(2){margin-left:-2vw}.kleo-page
.name{font-size:200px;letter-spacing:0;line-height:0.9;margin-top:0px;margin-bottom:40px;margin-left:-7.5vw;font-family:'Hackney',sans-serif;color:#6BF5B9;white-space:nowrap}.section-architektur-header
h1{position:absolute;z-index:10;left:-3vw;top:-0.5em}.panel .accordion-toggle.collapsed:before{width:0}.panel .accordion-toggle:before{content:'';width:calc(100% + 25px);height:35px;position:absolute;left:-10px;top:-1px;background-color:#EE735D;z-index:-1}.panel .panel-title .accordion-toggle{padding-left:10px}.panel-kleo{margin-left:-10px}.panel .accordion-toggle:hover:before{width:calc(100% + 25px);transition:width 1s ease-in-out}.panel .accordion-toggle{position:relative;display:inline-block;font-size:22px;font-weight:600;z-index:10}.panel.icons-to-right .icon-closed,
.panel.icons-to-right .icon-opened,
.panel-group.icons-to-right .icon-closed,
.panel-group.icons-to-right .icon-opened{float:unset;font-size:25px;color:#121212}ul
li{font-weight:400;font-family:"Heebo";font-size:20px;line-height:1.6}.panel,.panel-body{border:none !important}.panel-heading,.panel-body{padding-left:0}.section-karriere-tabs{padding:25px
0 0 0}.section-karriere-warum{padding:21vw 0 0 0}.section-karriere-warum
h2{top:-12vw;left:-9vw;z-index:10}.section-karriere-warum h2.h2-smaller{margin-left:-7vw;margin-bottom:-70px}.btn+.btn.btn-default{margin-left:70px}.section-karriere-experten{padding:23vw 0 13vw}.section-architektur-leistung.section-karriere-prozess h2.heading-left{letter-spacing:0;left:-15vw;top:-27px;font-size:15.5vw}.section-karriere-prozess .architektur-auflistung:before{width:70vw;height:70vw;top:19vw}.section-karriere-prozess .architektur-auflistung{padding-top:27vw}.fullwidth-img,
.fullwidth-img figure,
.fullwidth-img div,
.fullwidth-img
img{width:100%}.section-architektur-leistung{padding:22vw 0 5vw}.section-architektur-leistung.section-karriere-prozess{padding:11vw 0 5vw}.kleo-page h2.number.number-6-7{line-height:0.95;top:-45px}.number-6-7:after{content:'';background:url('/wp-content/uploads/2021/10/Gruppe-919@2x.png') no-repeat;position:absolute;left:5px;top:53%;width:55px;height:15px;background-size:contain}.section-architektur-moebel{padding:15vw 0 13vw}#main
.hashtags{font-family:'Heebo';font-size:14px;line-height:1.2;letter-spacing:4.2px;margin-top:6vw;margin-left:2vw;text-transform:uppercase}.section-referenzen-auflistung .btn-highlight{padding:0
5vw 0 2vw;font-size:37px;text-align:left}.section-gu-mobiliar{padding:9vw 0px 9vw}#main .section-gu-leistungen .h2-individual{font-size:12.7vw;margin-bottom:-6vw}.section-gu-mobiliar .vc_row-fluid>.wpb_column:first-of-type{padding-top:110px}#main .section-gu-mobiliar
h2{z-index:10;letter-spacing:15px;position:relative;left:0;top:0;margin-bottom:0px;margin-left:-4vw;line-height:0.45;padding-top:100px}.full-slider .kleo-carousel-features-pager{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:10}.full-slider .kleo-carousel-features-pager
a{border:2px
solid #FFF;background:transparent;width:15px;height:15px}.full-slider .kleo-carousel-features-pager
a.selected{border:2px
solid #6BF5B9;background-color:#6BF5B9 !important}.section-referenzen-header
h1{line-height:0.5}.section-referenzen-header
h6{margin-bottom:30px}.section-referenzen-header .svg-animation{position:absolute;right:-12vw;top:-78%;z-index:10;transform:rotate(-123deg)}.section-referenzen-header #netzwerk-animation{width:38vw}.referenzen-uebersicht.posts-listing>article{z-index:20}.section-referenzen-auflistung .vc_row .vc_row>.vc_column_container:first-of-type>.vc_column-inner{padding-right:5vw}.section-referenzen-auflistung .vc_row .vc_row>.vc_column_container:nth-of-type(2)>.vc_column-inner{padding-left:5vw}.section-referenzen-auflistung .vc_row .vc_row>.vc_column_container:nth-of-type(2){margin-top:9vw}.section-referenzen-weitere
h2{font-size:180px;letter-spacing:0;position:absolute;z-index:10;left:-2.5vw;top:1vw}.section-referenzen-weitere  figure
img{height:27vw;object-fit:cover;object-position:center}#main .section-architektur-moebel
h2{z-index:10;font-size:15.5vw;letter-spacing:0.2vw;top:calc(-0.6em - 50px);padding-top:50px}.kleo-page
h2.number{font-size:180px;letter-spacing:0;position:absolute;right:calc(100% + 20px);top:0;line-height:0.5}.architektur-auflistung > .wpb_column:first-of-type  .magic-container{margin-left:6vw;padding-right:3vw}.architektur-auflistung > .wpb_column:nth-of-type(2)  .magic-container{margin-left:8vw;padding-right:3vw}.architektur-auflistung .magic-inner{position:relative}.section-architektur-leistung .architektur-auflistung>.wpb_column:first-of-type:after{content:'';background:url(/wp-content/uploads/2021/09/Gruppe-901.png) no-repeat;position:absolute;height:calc(100% + 6vw);width:20px;right:0;top:-3vw;z-index:10;background-size:contain}.section-architektur-leistung .auflistung-img-right
img{transform:scaleX(-1);margin-left:-36px}.section-architektur-leistung h2.heading-left{letter-spacing:9px;left:-11.5vw}.section-architektur-moebel
h6{position:absolute;right:0;top:-9vw}.section-architektur-header{padding-bottom:17vw}.architektur-auflistung .magic-container{padding-top:20px;padding-bottom:50px}.section-referenzen-header
h6{margin-left:-4vw}.projektmanagement-img
img{width:28vw;position:absolute;z-index:5;left:-17vw;bottom:-32vw}.section-architektur-ganzheitlich .text-padding-left
p{z-index:10;position:relative}.section-referenzen-auflistung{padding:4vw 0 11vw}.section-referenzen-auflistung.section-blog-auflistung{padding:200px
0 0}.section-referenzen-auflistung.section-blog-auflistung .posts-load-more{margin-top:-60px}.section-blog-engagement .panel-body
p{padding-left:10px;margin-top:0}.section-blog-engagement
h2{position:absolute;left:-9vw;top:-235px;z-index:1}.section-blog-engagement .padding-right
.wpb_wrapper{z-index:10}.section-blog-engagement .wpb_wrapper>.wpb_single_image:nth-of-type(2){position:absolute;z-index:10;bottom:-19vw;width:29vw;right:-9vw}.section-blog-engagement
h3{margin-top:100px}.section-blog-engagement{padding:500px
0 400px 0}.section-blog-engagement .panel .accordion-toggle:before{width:0}.section-blog-engagement .panel .accordion-toggle:hover:before{width:calc(100% + 25px)}.section-referenzen-auflistung .heading-left{left:-9vw}.section-referenzen-header.section-blog-header
h1{z-index:20;position:absolute;top:-0.5em;left:1vw;line-height:1}.section-referenzen-header
h1{position:relative;margin-left:-85px;z-index:10}.section-referenzen-header{padding-top:50px}.section-referenzen-weitere{padding:0
0 11vw 0}.section-referenzen-weitere .wpb_single_image ,
.section-referenzen-weitere .wpb_single_image figure,
.section-referenzen-weitere .wpb_single_image div,
.section-referenzen-weitere .wpb_single_image
img{width:100%;max-width:unset}.section-referenzen-projekt
h2{width:120%;font-size:14.5vw}.section-referenz-retail{padding:3vw 0 14vw}.section-referenz-care{padding:14vw 0 11vw}.section-referenz-care h2,
.section-referenz-gastronomie
h2{z-index:10}.section-referenzen-projekt{padding:6vw 0 11vw 0}.hidden-project{opacity:0;position:absolute;z-index:-1;width:100%}.referenz-schliessen{display:none}.section-referenzen-auflistung .vc_row .wpb_wrapper>.vc_row.vc_inner:first-of-type:before{content:'';background:url(/wp-content/themes/kleo-child/animations/1/images/form1.svg) no-repeat;width:30vw;height:30vw;position:absolute;left:34%;top:-12vw;transform:scaleY(-1) rotate(-60deg);z-index:8}.section-referenzen-auflistung .vc_row .wpb_wrapper>.vc_row.vc_inner:nth-of-type(2):before{content:'';background:url(/wp-content/themes/kleo-child/animations/6/images/quadrat.svg) no-repeat;width:30vw;height:30vw;position:absolute;left:-18vw;top:51vw;transform:scaleY(-1) rotate(-60deg);z-index:5}.section-referenzen-auflistung .vc_row .wpb_wrapper>.vc_row.vc_inner:nth-of-type(2)>.wpb_column:first-of-type{z-index:10}.section-referenzen-auflistung .vc_row .wpb_wrapper>.vc_row.vc_inner:nth-of-type(3)>.wpb_column:first-of-type{z-index:1}.section-referenzen-auflistung .vc_row .wpb_wrapper>.vc_row.vc_inner:first-of-type>.vc_column_container:first-of-type{z-index:11}.section-referenzen-auflistung .vc_row .wpb_wrapper>.vc_row.vc_inner:nth-of-type(3):before{content:'';background:url(/wp-content/themes/kleo-child/animations/5/images/dreieck.svg) no-repeat;width:30vw;height:30vw;position:absolute;right:-18vw;top:94%;transform:rotate(-42deg);z-index:5}.section-referenzen-auflistung .vc_row .wpb_wrapper>.vc_row.vc_inner:nth-of-type(3){position:relative}.section-referenzen-auflistung .vc_row .wpb_wrapper>.vc_row.vc_inner:nth-of-type(3)>.wpb_column:last-of-type{z-index:10}.architektur-auflistung:before{content:'';background:url(/wp-content/themes/kleo-child/animations/1/images/form1.svg) no-repeat;width:79vw;height:79vw;position:absolute;z-index:5;right:-20vw;top:10vw}.architektur-auflistung.gu-auflistung:before{width:65vw;height:65vw;top:17vw}.architektur-auflistung
.wpb_column{z-index:10}.section-ueber-netzwerk .section-home-netzwerk{padding-top:15vw}.section-referenzen-weitere .vc_row .vc_row.vc_inner>.wpb_column:first-of-type{padding-right:3vw}.section-referenzen-weitere .vc_row .vc_row.vc_inner>.wpb_column:last-of-type{padding-left:3vw}.section-ueberuns-nachhaltigkeit{padding:0}.section-ueberuns-nachhaltigkeit .svg-animation{position:absolute;right:-24vw;z-index:10;bottom:-27vw}.section-ueberuns-nachhaltigkeit .vc_col-sm-12{z-index:10}.zertifikat-logo{width:13vw;right:0;left:-7vw;bottom:-106px;position:absolute}.referenzen-uebersicht.posts-listing>article{background:transparent}.referenzen-uebersicht.posts-listing > article:first-of-type,
.section-referenzen-auflistung .more-projects{z-index:10}.referenzen-uebersicht.posts-listing.blog-uebersicht>article:nth-of-type(3)>div:after{display:none}.referenzen-uebersicht.posts-listing>article:nth-of-type(3)>div:after{content:'';background:url('/wp-content/themes/kleo-child/animations/3/images/form3.svg') no-repeat;position:absolute;top:40%;left:-17vw;width:30vw;height:30vw;transform:rotate(180deg);z-index:-1}.referenzen-uebersicht.posts-listing>article:nth-of-type(8)>div:after{content:'';background:url('/wp-content/themes/kleo-child/animations/4/images/form4.svg') no-repeat;position:absolute;top:-44%;right:-14vw;width:28vw;height:28vw;z-index:5;transform:rotate(-42deg)}.referenzen-uebersicht.posts-listing>article:nth-of-type(6){z-index:21}.gu-auflistung{padding-top:10vw}#comments{display:none}.section-beitrag-header{padding-bottom:150px}.single-post .related-wrap{display:none}.section-beitrag-2{padding-bottom:100px}.section-beitrag-2
h6{margin-bottom:0}.section-beitrag .svg-animation{position:absolute;right:5vw;top:16vw;transform:rotate(72deg)}.section-beitrag #innovativ-animation{width:35vw}.section-karriere-tabs .svg-animation{position:absolute;top:-14vw;transform:rotate(-90deg);left:-9vw}.section-karriere-tabs #architektur-dreieck-animation{width:47vw}.section-architektur-leistung .btn-default{margin-left:8vw;margin-top:30px}.section-konzept-grundelemente .text-padding-right{margin-top:5vw}.section-konzept-markenanalyse .text-padding-left{margin-top:7vw}.section-konzept-entwicklung .text-padding-right{margin-top:9vw}.section-architektur-moebel .text-padding-right{margin-top:8vw}.section-ppm-ueber .text-padding-left{z-index:20}.section-ueberuns-nachhaltigkeit{padding-bottom:5vw}.section-home-innovativ  .wpb_column.text-padding-left{padding-top:200px}.posts-listing .post-header .post-title{text-transform:uppercase}.top-arbeitgeber-gallery{max-width:400px}.separator_footer{margin-left:30%}@media all and (min-width: 1920px){.header-slider-animation
.btn{padding:30px
0 30px 30px}}@media all and (max-width: 1750px){#menu-main-1
li{height:50px}.konzept-btns .wpb_wrapper>.btn:nth-of-type(3){margin-left:30px}.konzept-btns .wpb_wrapper>.btn:first-of-type{margin-right:30px}.section-architektur-header
h1{left:-6vw}.section-karriere-prozess .architektur-auflistung:before{width:75vw;height:75vw;top:16vw}}@media all and (max-width: 1600px){.zertifikat-logo{left:-4vw}#menu-main-1 li a:before{height:40px}#menu-main-1 li
a{font-size:23px}.kleo-page
.name{font-size:170px}.btn.btn-default{letter-spacing:3.5px}.kleo-page
h3{line-height:1}.section-referenz-retail h2, .section-referenz-care
h2{top:-0.7em}.section-referenz-gastronomie
h2{top:-0.75em}.section-referenz-retail{padding:9vw 0 20vw}.section-referenz-care{padding:18vw 0 15vw}}@media all and (max-width: 1550px){.zertifikat-logo{width:15vw;left:-4vw;bottom:-143px}.section-blog-engagement
h2{top:-165px}.section-home-innovativ .wpb_column.text-padding-left{padding-top:155px}.konzept-sneak-img
img{bottom:-26vw}.offcanvas-after
img{height:30px}.widget_nav_menu #menu-main-1 .sub-menu
a{font-size:19px}#menu-main-1 .sub-menu>li:last-of-type{height:30px}#menu-main-1 li
a{font-size:21px}#menu-main-1 .sub-menu
li{height:40px}#menu-main-1
li{height:45px}.section-referenz-retail .vc_row .vc_row > .wpb_column:nth-of-type(2),
.section-referenz-care .vc_row .vc_row > .wpb_column:nth-of-type(2),
.section-referenz-gastronomie .vc_row .vc_row>.wpb_column:nth-of-type(1){padding-top:4vw}.architektur-auflistung.gu-auflistung:before{width:70vw;height:70vw;top:25vw}#main .section-architektur-header .btn.btn-highlight{width:370px}.kleo-page
.name{font-size:150px}.section-karriere-prozess .architektur-auflistung:before{top:21vw}.section-karriere-zitat .svg-animation{top:-10vw}.btn.btn-highlight{font-size:22px}.wrap-canvas-menu .offcanvas-title{height:1px}.wrap-canvas-menu .widget_nav_menu .offcanvas-menu{padding:0px
0 30px}.offcanvas-after{position:relative;bottom:unset;left:unset}.section-konzept-header .svg-animation{right:-19vw;bottom:-17vw}#main .section-refuebersicht-header .konzept-btns .wpb_wrapper>.btn{width:300px}.section-architektur-header .svg-animation{right:-12vw}#netzwerk-animation{width:40vw}.projektmanagement-img
img{bottom:-25vw}#main .h2-smaller{font-size:180px}.header-slider-animation
.btn{font-size:26px}#main .section-home-header
h1{margin-bottom:20px}.kleo-page
h3{font-size:50px}.kleo-page
h2{font-size:240px;letter-spacing:10px}#main .bigger-p p, #main .bigger-p{font-size:50px;letter-spacing:0.5px}.kleo-page
h4{font-size:35px;line-height:1.3}#main .h2-small{font-size:215px}.section-konzept-markenanalyse .heading-left{top:-0.7em}.section-konzept-markenanalyse h3,
.section-konzept-entwicklung h3,
.section-konzept-grundelemente
h3{z-index:15;position:relative}#main .btn-see-through{font-size:22px !important;letter-spacing:0}.section-referenz-retail h2, .section-referenz-care
h2{top:-0.8em}.section-referenz-gastronomie
h2{top:-0.85em}.kleo-carousel-container:not(.full-slider) .kleo-carousel
img{max-height:90px}.simple-slider.kunden-slider a
img{max-width:130px}#main .referenzen-uebersicht .post-title a:after{right:20px}#main .h1-blog{font-size:140px;width:88vw}#main .section-konzept-header .btn.btn-highlight{width:400px}#main .section-blog-header .btn.btn-highlight{width:300px}}@media all and (max-width: 1440px){.projektmanagement-img
img{bottom:-19vw}.konzept-sneak-img
img{bottom:-17vw}#menu-main-1 li a:before{height:35px}#menu-main-1
li{height:40px}#menu-main-1 .sub-menu
li{height:35px}.widget_nav_menu #menu-main-1 .sub-menu
a{font-size:18px}.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu{margin-top:-10px}#main .section-konzept-header .btn.btn-highlight{width:375px}#main .section-blog-header .btn.btn-highlight{width:300px}#main .section-ueberuns-header .btn.btn-highlight{width:310px}#main .section-refuebersicht-header .konzept-btns .wpb_wrapper>.btn{width:265px}#main .h1-blog{font-size:120px}#main .referenzen-uebersicht .post-title a:after{width:25px;right:15px}#main .referenzen-uebersicht.blog-uebersicht .post-title
a{font-size:24px}.kleo-page
h2.number{font-size:160px}.section-karriere-prozess .architektur-auflistung:before{width:85vw;height:85vw}.konzept-btns .wpb_wrapper>.btn:nth-of-type(3){margin-left:20px}.konzept-btns .wpb_wrapper>.btn:first-of-type{margin-right:20px}.btn.btn-highlight:after{right:15px;width:30px}.btn.btn-highlight{padding:10px
65px 10px 15px;letter-spacing:2px}.btn.btn-default{letter-spacing:2px}#main .aehnliche-beitraege .post-title
a{font-size:70px;max-width:400px}.section-referenz-retail .flex-bottom > .vc_column_container:nth-of-type(2),
.section-referenz-care .flex-bottom>.vc_column_container:nth-of-type(2){padding-top:50px}.section-referenz-gastronomie .flex-bottom>.vc_column_container:nth-of-type(1){padding-top:50px}.section-referenz-retail .flex-bottom,
.section-referenz-care .flex-bottom,
.section-referenz-gastronomie .flex-bottom{align-items:unset;display:block}.offcanvas-right .wrap-canvas-menu .offcanvas-title .open-sidebar{position:absolute;right:50px;top:0}.section-konzept-grundelemente .vc_col-sm-12{margin-bottom:-50px}.kleo-page
h3{font-size:45px}#main .h2-smaller{font-size:150px}#main .btn-see-through{font-size:20px !important}.kleo-page h1, .kleo-page h2.size-h1{font-size:200px}}@media all and (max-width: 1200px){.header-slider-animation
.btn{padding:20px
10vw 20px 1.5vw}.kleo-page .header-slider-animation
h2{font-size:185px}.section-ueberuns-nachhaltigkeit .wpb_wrapper>.vc_row-fluid:nth-of-type(3){padding-top:150px}#main .section-ppm-ueber
h2{margin-left:-7vw}#main .referenzen-uebersicht .post-title
a{max-width:35.5vw;bottom:100px;font-size:30px}.masonry-listing .post-image
img{height:30vw}#main .referenzen-uebersicht .post-item>div{max-width:40vw}.section-referenzen-header
h1{margin-left:-45px}.section-gu-mobiliar{padding:0
0px 200px}.kleo-page
h2.number{font-size:140px;right:calc(100% + 10px)}.section-architektur-leistung h2.heading-left{letter-spacing:6px;left:-8.5vw}.section-konzept-grundelemente{padding:100px
0 400px 0}.section-konzept-grundelemente .text-padding-right{margin-top:100px}.kleo-page h1, .kleo-page h2.size-h1{font-size:160px}.section-ueberuns-nachhaltigkeit .bigger-p{padding-top:95px}.section-referenzen-auflistung.section-blog-auflistung{padding:100px
0 0}.section-blog-engagement{padding:350px
0 200px 0}.section-referenzen-auflistung .heading-left{left:-5vw}.btn.btn-highlight:hover{background-color:#121212}.btn.btn-highlight{font-size:20px}.panel .accordion-toggle:hover:before{display:none}.section-karriere-warum .kleo-gallery-container li
img{height:11vw}.section-karriere-warum h2.h2-smaller{margin-left:-4vw;margin-bottom:-45px}.section-architektur-leistung.section-karriere-prozess h2.heading-left{left:-9vw}.heading-right{right:-7vw}.kleo-page
.name{font-size:140px;margin-left:-9.5vw}#menu-main-1 li a:hover:before,
#menu-main-1 li a:hover:after,
#main .btn-see-through:hover:after{display:none}.simple-slider.kunden-slider a
img{max-width:100px}.btn.btn-primary, #main .posts-load-more
.btn{font-size:16px;padding:14px
45px}#main .section-home-header h1, .kleo-page
h6{font-size:16px}.btn.btn-default{font-size:16px;letter-spacing}.kleo-page
h4{letter-spacing:1px;font-size:30px}.section-home-innovativ{padding-top:0}.header-slider-animation .wpb_wrapper>.magic-container{margin-right:40px;height:650px}.header-slider-animation figure,
.header-slider-animation figure > div
img{height:400px}#header .navbar
.container{padding:0
6vw 0 8.5vw}.section-konzept-sneak .bigger-p{width:100%}.section-konzept-header .konzept-heading{top:-95px}#main .h2-smaller{font-size:140px}.dot-carousel .carousel-arrow .carousel-prev,
.dot-carousel .carousel-arrow .carousel-next{margin-left:0px}.simple-slider.kunden-slider .kleo-gallery-img
img{max-width:90px}.section-home-innovativ
h3{z-index:10;position:relative}.header-slider-animation
h2{left:-20px}#header .navbar
.container{padding:0
25px 0 25px}.header-slider-animation .wpb_wrapper>.magic-container.animated.hover>.magic-inner>.btn{left:-2px}.icon-menu{margin-top:5.4vw}.navbar-header{height:14.5vw !important;line-height:14.5vw !important}.full-socket > div:first-of-type
a{margin:0
6px}.full-socket
h5.hackney{font-size:30px}#socket .full-socket > div:nth-of-type(2) a{font-size:15px;letter-spacing:2.8px;margin-left:25px}.socket-bg{left:-4vw;bottom:-4.4vw}.container-big .container,
#socket
.container{padding-left:5vw;padding-right:5vw}#netzwerk-animation{width:40vw}.section-home-netzwerk .svg-animation{left:-11vw;bottom:6vw}.btn.btn-default{letter-spacing:3.4px}.kleo-page
h5{font-size:18px}.section-home-zitat
.wpb_single_image{width:200px;bottom:-16vw}.section-home-zitat .svg-animation{left:-13vw;bottom:14vw}.section-home-zitat{padding:20vw 0 23vw}.section-home-innovativ .svg-animation{left:-25vw;bottom:-17vw}.socket-bg
h6{font-size:9vw}#menu-main-1
li{height:60px}.offcanvas-sidebar:after{height:500px;width:500px}#main .h2-small{font-size:140px;letter-spacing:5px}#main .bigger-p p,
#main .bigger-p{font-size:40px}.section-home-zitat>.container{padding-left:7.3vw}.section-home-leidenschaft .heading-left{font-size:160px}.heading-left{left:-9.5vw}.section-home-nachhaltig
.kleo_text_column{width:100%}.kleo-page
h3{font-size:40px}.section-home-innovativ
h3{width:100%}.kleo-page
h6{margin-bottom:40px}#main .section-home-leidenschaft
h6{margin-bottom:40px}.container{padding-left:8.5vw;padding-right:6vw}.header-slider-animation{height:700px}.kleo-page
h2{font-size:190px;letter-spacing:7px}.section-home-nachhaltig
h2{margin-left:-10.8vw}.simple-slider.kunden-slider a
img{max-width:90px}.header-slider-animation .btn:hover{background:#121212;transition:none}.btn.btn-default:hover:before{background:transparent}.btn.btn-primary:hover{background:#121212 !important;color:white}.kleo-page
p{font-size:18px}.section-konzept-grundelemente
h2{z-index:5}.section-konzept-grundelemente .vc_col-sm-12{z-index:unset}.section-home-leidenschaft .btn-default{position:relative;z-index:21}.btn.btn-highlight:hover{background-color:#121212 !important;color:white !important}}@media all and (max-width: 991px){.img-height-bigger
img{height:auto}.zertifikat-logo{width:200px;right:0;left:0;top:-101px;bottom:unset}.collapsable-text .btn::before{top:0}#main .section-home-nachhaltig h6,
.section-home-nachhaltig
p{text-align:left !important;z-index:5;position:relative}#main .section-home-nachhaltig h2.font-full-width{position:absolute;transform:rotate(90deg);margin-left:unset;font-size:150px;line-height:1;right:-285px;letter-spacing:6px;top:145px;z-index:1}.section-home-innovativ h2.heading-right{transform:rotate(90deg);margin-right:-182px;margin-top:100px}.is-sticky .navbar-header, #header .sticky-wrapper.is-sticky{height:80px !important;line-height:80px !important;transition:height 0.2s ease-in-out,line-height 0.2s ease-in-out}.full-socket > div:first-of-type
a{margin:0
15px}#socket .full-socket > div:nth-of-type(2) a{margin-left:0}.full-socket>div:nth-of-type(2){align-items:center;justify-content:space-around;width:100%}#socket .full-socket{flex-direction:column;align-items:center;gap:30px}.section-home-netzwerk .svg-animation{bottom:10vw}.simple-slider.kunden-slider a
img{padding:20px;max-width:unset;min-height:auto}.section-home-zitat
.wpb_single_image{width:180px}.section-home-zitat .svg-animation{bottom:180px;left:-160px}#innenarchitektur-animation{width:500px}.section-home-zitat{padding:400px
0 150px}.section-home-zitat>.container{padding-left:25px}.container-big .container, #socket
.container{padding-left:25px;padding-right:25px}.container{padding-left:25px;padding-right:25px}.section-home-innovativ .svg-animation{left:-200px;bottom:-450px;z-index:1}.section-home-innovativ{padding-bottom:300px}.section-home-innovativ .text-padding-left{padding-top:50px}.heading-right{top:0}.text-padding-right .vc_column-inner{padding-right:15px}.text-padding-left .vc_column-inner{padding-left:15px}.flex-bottom{display:inherit;align-items:unset}#main .section-home-header h1, .kleo-page
h6{font-size:17px;letter-spacing:4.4px}.kleo-page h2,
.kleo-page .header-slider-animation
h2{font-size:145px}#main .h2-smaller{font-size:125px}.header-slider-animation .magic-container:nth-of-type(1).animated figure,
.header-slider-animation .magic-container:nth-of-type(2).animated figure,
.header-slider-animation .magic-container:nth-of-type(3).animated figure,
.header-slider-animation .magic-container:nth-of-type(1).animated.standard figure,
.header-slider-animation .magic-container:nth-of-type(2).animated.standard figure,
.header-slider-animation .magic-container:nth-of-type(3).animated.standard
figure{border-left:solid #121212 9vw}.header-slider-animation .wpb_wrapper>.magic-container{width:calc(9vw - 3px)}@keyframes
firstcontainer{0%{width:9vw}50%{width:60vw}100%{width:9vw}}@keyframes
container{0%{width:9vw}50%{width:40vw}100%{width:9vw}}.kleo-page
h3{font-size:36px;letter-spacing:2px}.section-home-leidenschaft .heading-left{font-size:115px}#main .h2-small{font-size:115px}.header-slider-animation
.btn{width:480px}.section-referenzen figure,
.section-referenzen figure > div,
.section-referenzen
img{width:100%}.section-referenzen
img{height:450px;object-fit:cover}#main .h1-blog{font-size:90px;width:100%;line-height:0.9}.header-slider-animation .wpb_wrapper>.magic-container{margin-right:25px}.section-referenzen .vc_col-md-4{padding-bottom:70px}.responsive-fullwidth{width:calc(100% + 50px);margin-left:-25px}.responsive-fullwidth figure,
.responsive-fullwidth figure div,
.responsive-fullwidth
img{width:100%;max-width:100%}.responsive-fullwidth figure
div{height:500px}.responsive-fullwidth
img{height:100%;object-fit:cover;object-position:bottom}.section-home-innovativ .wpb_column.text-padding-left{padding-top:50px;z-index:5}.vc_custom_1635496213544{padding-top:50px !important}.section-home-leidenschaft .text-padding-right{margin-top:50px}.kleo-main-header{position:fixed !important}.navbar-header,
#header .sticky-wrapper{height:100px !important;line-height:100px !important}#innovativ-animation-responsive{width:600px}#main .font-full-width{font-size:25.5vw;margin-left:-3.8vw}.section-home-leidenschaft .svg-animation{position:relative;top:0;left:0;bottom:0;margin-left:-100px;margin-bottom:-160px}.section-home-leidenschaft .vc_row>.vc_col-sm-12:last-of-type{position:absolute;right:-48vw;transform:rotate(90deg);top:700px}.section-home-leidenschaft .vc_row > .vc_col-sm-12:last-of-type
h2{left:unset;top:unset}.section-home-leidenschaft{padding-top:0}.section-home-nachhaltig{padding-bottom:0}#projektrealisierung-animation{width:500px}.kleo-page
p{font-size:18px;line-height:2}h3+.kleo_text_column{margin-top:50px}.section-referenzen .vc_col-sm-12.referenzen-col{transform:rotate(90deg);left:-40vw;top:280px}.section-referenzen .vc_col-sm-12.referenzen-col
h2{font-size:200px;letter-spacing:10px !important}.section-referenzen .img-hover{margin-bottom:20px !important}.section-referenzen .btn-default{margin-top:20px}.section-referenzen{padding:100px
0 150px}.kleo-carousel-container:hover .carousel-arrow .carousel-next,
.carousel-arrow .carousel-next{right:-5px}.kleo-carousel-container:hover .carousel-arrow .carousel-prev,
.carousel-arrow .carousel-prev{left:-10px}.section-home-netzwerk .icon-angle-right:before,
.section-home-netzwerk .icon-angle-left:before,
.simple-slider .icon-angle-left:before,
.simple-slider .icon-angle-right:before{background:url('/wp-content/uploads/2021/11/download-2@2x.png') no-repeat;background-size:cover;height:22px;width:26px}.section-home-netzwerk .icon-angle-left:before{transform:rotate(180deg)}.section-home-netzwerk .icon-angle-left:before,
.section-home-netzwerk .icon-angle-right:before{content:''}.section-home-netzwerk .caroufredsel_wrapper,
.section-home-netzwerk .kleo-carousel-items{padding:0
25px}.kleo-carousel-container:not(.full-slider) .kleo-carousel
img{max-height:100px;max-width:200px}.socket-bg{left:-10px;bottom:-17px;height:70px;line-height:1}#socket .socket-bg
h6{font-size:70px;height:70px;letter-spacing:0}#socket .full-socket{padding-bottom:80px;flex-direction:column-reverse}.kleo-quick-contact-wrapper{display:none !important}.offcanvas-sidebar{width:650px;padding:50px
30px 30px 70px}.offcanvas-right.offcanvas-type-default .offcanvas-sidebar, .offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar{transform:translate(650px, 0);-webkit-transform:translate(650px, 0)}.offcanvas-sidebar:after{height:350px;width:350px}.offcanvas-after{position:absolute;bottom:30px;left:70px}#main .btn-see-through{white-space:break-spaces;text-align:left;width:auto;margin-top:20px}#main .section-konzept-entwicklung .btn-see-through{white-space:break-spaces;text-align:left;width:29vw;display:inline-block;position:relative}.section-konzept-entwicklung .collapsable-text .btn:before{top:-3px}.heading-left{left:0}#main
.biggest{font-size:190px}.header-slider-animation
.btn{font-size:22px;width:420px;padding:25px
25px 25px 20px}.kleo-page h1, .kleo-page h2.size-h1{font-size:140px;line-height:0.75}.konzept-btns{margin:0}.img-right-big{width:100%;margin-left:0}.section-konzept-grundelemente .vc_col-sm-12{margin-bottom:0}.section-konzept-grundelemente .vc_row .wpb_wrapper>.vc_row.vc_inner:first-of-type{position:absolute;transform:rotate(90deg);right:-335px;top:335px;z-index:20;width:800px}.wpb_single_image.img-hover+h3,.wpb_single_image.img-hover+.kleo_text_column{margin-top:55px}.konzept-sneak-img
img{bottom:-220px;width:450px;left:-12%}.section-konzept-markenanalyse .heading-left{position:absolute;right:-92vw;transform:rotate(90deg);top:548px}.section-konzept-entwicklung
.fullwidth{font-size:135px;transform:rotate(90deg);position:absolute;right:-93vw;top:606px}.section-konzept-entwicklung .svg-animation{display:none}#konzept-design-viereck-animation{width:700px}.section-konzept-entwicklung{padding-top:150px}#main
.vc_sep_width_60{margin-left:40% !important;width:50%}#konzept-design-quadrat-animation{width:65vw}.section-konzept-design-fussbereich{padding-top:95px !important;padding-bottom:40px !important;min-height:160px !important}.section-konzept-design-fussbereich .svg-animation{left:-9vw;top:-44vw}.section-konzept-header .vc_row .wpb_wrapper>h1:nth-of-type(2){margin-top:50px}.section-konzept-header .konzept-heading{top:-60px}.responsive-header{width:calc(100% + 25px);margin-left:-25px}#main .konzept-btns .btn-highlight{color:#121212 !important;background:transparent !important;padding:7px
200px 7px 0;margin:0
200px 0 0 !important}#main .konzept-btns .btn.btn-highlight:after{background-image:url('/wp-content/uploads/2021/08/CTA_Pfeil_s_1x.png')}.section-architektur-header
h1{left:0}.section-architektur-header .svg-animation{right:-160px;bottom:-285px}#architektur-dreieck-animation{width:650px}#main .section-architektur-ganzheitlich .h2-individual{font-size:120px;letter-spacing:0;width:1100px;margin-bottom:0;z-index:5;position:absolute;transform:rotate(90deg);right:-500px;top:390px}.section-architektur-ganzheitlich{padding-top:140px}.architektur-auflistung > .wpb_column:first-of-type .magic-container{margin-left:55px;padding-right:15px}.kleo-page
h2.number{font-size:120px;right:calc(100% + 7px)}.architektur-auflistung .magic-container{padding-top:0;padding-bottom:30px}.architektur-auflistung:before{top:72%;right:-130px;width:700px;height:700px}.projektmanagement-img
img{width:400px;left:50%;bottom:-200px}.section-architektur-leistung{padding:300px
0 180px}.section-architektur-leistung h2.heading-left{letter-spacing:0;left:-32px}#main .section-architektur-moebel
h2{position:absolute;top:634px;transform:rotate(90deg);font-size:140px;right:-99vw}.responsive-height
img{height:500px;object-fit:cover;object-position:center}.kleo_text_column
p{z-index:20;position:relative}.section-konzept-header{mix-blend-mode:unset}.section-konzept-header .svg-animation{right:-180px;bottom:-200px}#konzept-design-kreis-animation{width:500px}.section-konzept-grundelemente{padding:25px
0 250px 0}.section-konzept-markenanalyse .svg-animation{left:12%;top:80%;z-index:1}#konzept-design-trapez-animation{width:500px}.section-konzept-markenanalyse{padding:0
0 50px 0}.section-gu-header.section-architektur-header .svg-animation{right:-100px;bottom:-180px}#main .section-architektur-ganzheitlich.section-gu-leistungen .h2-individual{top:470px}.section-architektur-ganzheitlich.section-gu-leistungen{padding-top:50px}#netzwerk-animation{width:500px}.dreieck-img{width:400px;transform:rotate(-200deg);position:absolute;right:0px;z-index:10;bottom:-180px}.architektur-auflistung.gu-auflistung:before{width:500px;height:500px;top:65%}#main .section-gu-mobiliar h2,
.section-gu-mobiliar .vc_row-fluid>.wpb_column:first-of-type{padding-top:0}#main .section-gu-mobiliar
h2{transform:rotate(90deg);position:absolute;right:-96vw;top:750px}.section-gu-mobiliar{padding:0
0px 150px}.section-refuebersicht-header .konzept-btns{margin:0
0 0 -20px}#main .section-refuebersicht-header .konzept-btns .wpb_wrapper>.btn{width:300px;margin-right:200px !important}.section-refuebersicht-header #konzept-design-kreis-animation{width:500px}.section-referenz-retail .vc_row .vc_row > .wpb_column:nth-of-type(2),
.section-referenz-care .vc_row .vc_row > .wpb_column:nth-of-type(2),
.section-referenz-gastronomie .vc_row .vc_row>.wpb_column:nth-of-type(1){padding-top:0}.section-referenz-retail
h2{transform:rotate(90deg);position:absolute;left:-110px;top:30px}.section-referenz-care
h2{transform:rotate(90deg);position:absolute;left:-77px;top:0px}.section-referenz-gastronomie
h2{transform:rotate(90deg);position:absolute;right:-285px;top:115px}.section-referenz-retail h3,
.section-referenz-care h3,
.section-referenz-gastronomie
h3{margin-top:0 !important}.section-referenz-retail{padding:100px
0 200px}.section-referenz-care{padding:230px
0 100px}.section-referenzen-header h6,
.section-referenzen-header
h1{margin:0
0 10px}.section-referenzen-header .svg-animation{right:-60px;top:-86%;transform:rotate(-150deg)}.referenzen-uebersicht.posts-listing>article:nth-of-type(3)>div:after{top:40%;left:-50px;width:300px;height:300px}#main .section-referenzen-weitere
h2{font-size:80px;letter-spacing:0;left:-20px}.section-referenzen-header #netzwerk-animation{width:400px}.section-referenzen-gastro-header.section-referenzen-header .svg-animation{right:-111px;top:-30%;transform:rotate(-139deg)}#main .referenzen-uebersicht .post-title
a{font-size:22px;padding:18px
6.5vw 18px 2vw}#main .posts-load-more
.btn{margin-left:0}.section-referenzen-auflistung{padding:30px
0 150px}#main .section-ueberuns-header .btn.btn-highlight{width:300px;margin-right:200px !important}.section-ueberuns-header .konzept-heading{left:0;top:0}.section-ueberuns-header .svg-animation{right:-150px;bottom:-160px}.section-ueberuns-header #konzept-design-viereck-animation{width:550px}#main .section-ppm-ueber
h2{margin:0;position:absolute;transform:rotate(90deg);right:-235px;top:150px}.section-ueberuns-header{padding:50px
0 250px}.section-ueberuns-nachhaltigkeit .vc_col-sm-12{margin-bottom:0;z-index:unset}.section-ueberuns-nachhaltigkeit .wpb_wrapper>.vc_row-fluid:nth-of-type(3){padding-top:0}.section-ueberuns-nachhaltigkeit .wpb_wrapper>.vc_row-fluid:nth-of-type(2){padding-top:50px}#main .section-ueberuns-nachhaltigkeit
h2{position:absolute;transform:rotate(90deg);right:-84vw;top:800px;z-index:20;margin:0}#main .uber-klimaneutral-img{position:relative;bottom:0;right:-20px;margin-bottom:-200px;z-index:10}.section-ueberuns-nachhaltigkeit{padding-bottom:150px}.section-blog-header #konzept-design-trapez-animation{width:400px}.section-blog-header{padding-bottom:110px}.section-referenzen-auflistung .heading-left{left:0}.section-blog-engagement
h2{left:0;top:-115px;z-index:20}.section-blog-engagement{padding:250px
0 200px 0}.section-referenzen-auflistung.section-blog-auflistung{padding:50px
0 0}#main .referenzen-uebersicht.blog-uebersicht .post-title
a{letter-spacing:0;padding:15px
55px 15px 10px;display:inline-table;font-size:22px}ul
li{font-size:18px;line-height:2}.panel-heading{padding-left:7px}.panel-body{padding-left:15px}.panel .panel-title .accordion-toggle{padding-left:5px;font-size:19px}.section-karriere-warum h2.letter-spacing-none{position:absolute;transform:rotate(90deg);right:-101vw;top:670px}.section-karriere-warum .kleo-gallery-container li
img{height:150px}.section-karriere-warum h2.h2-smaller{margin-left:0}.section-architektur-leistung.section-karriere-prozess h2.heading-left{left:-30px;font-size:120px}.section-architektur-leistung.section-karriere-prozess{padding:150px
0 0}.kleo-page
.name{font-size:100px}.section-karriere-prozess .architektur-auflistung:before{width:500px;height:500px;top:65%}#main .section-konzept-header.section-karriere-header .btn.btn-highlight{width:350px}.section-karriere-zitat .svg-animation{top:-530px;right:-170px}.section-karriere-zitat #konzept-design-kreis-animation{width:500px}.section-konzept-header{padding-bottom:150px}.section-konzept-header .konzept-heading{left:0}.section-kontakt-header
h1{top:-1em;left:0}.section-kontakt-header
img{width:400px;right:-100px;bottom:-120px}.section-kontakt-formular{padding:100px
0 80px 0}.kleo-page p.datenschutz-hinweis{font-size:14px;line-height:1.5}.wpcf7-form input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="password"],
.wpcf7
label{font-size:16px;letter-spacing:3px}.single-referenz-header .kleo-gallery.kleo-single-image .kleo-carousel a
img{height:400px}.single-referenz-header .kleo-carousel-items{width:calc(100% + 25px);margin-left:-25px}.single-referenz-header .referenz-heading{left:0;top:-60px}.referenz-infos{margin-top:30px}.section-ref-kundenstimme{padding:50px
0 70px 0}#main .aehnliche-beitraege .post-title
a{font-size:52px}.section-referenz-aehnliche .btn-primary{margin-right:20px}.kleo-carousel-container:not(.full-slider) .kleo-carousel .post-image
a{justify-content:flex-start}#main .aehnliche-beitraege
li{padding:0
25px}.section-beitrag-2 .section-container>.row{display:flex;flex-direction:column}.section-beitrag-2 .section-container>.row>.vc_col-sm-6{width:100%;margin-bottom:50px}.section-beitrag-header{padding-bottom:30px}.section-beitrag-header .beitrag-heading{top:-60vw;left:5px}.type-post .article-media{height:400px;width:calc(100% + 25px);margin-left:-25px;margin-top:50px}.section-beitrag-2{padding-bottom:30px}.kleo-carousel-container.full-slider .kleo-carousel a
img{height:400px}.kleo-carousel-container.full-slider .carousel-arrow{display:none}.single-referenz-header .kleo-gallery{margin-top:50px}.border-slider:before{width:70%}.carousel-arrow .carousel-next,
.carousel-arrow .carousel-prev{top:50%}.kunden-slider.kleo-carousel-container:not(.full-slider) .kleo-carousel
img{max-width:unset;width:100%;padding:0
80px;height:auto}.section-home-kunden{padding:50px
0 75px 0}.header-slider-animation{height:650px}.section-home-header{padding-top:40px}.section-blog-engagement .panel-body
p{padding-left:0}#header .kleo-mobile-switch button:after{background:url('/wp-content/themes/kleo-child/assets/img/ppm_burger.svg') no-repeat center center;content:'';width:33px;display:block !important;height:33px;position:absolute;top:-20px;left:0}#header .kleo-mobile-switch
button{width:36px}#header .kleo-mobile-switch button
span{display:none}.sticky-wrapper.is-sticky .kleo-main-header{box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px}}@media( max-width: 767px){.zertifikat-logo{width:135px;top:-92px}.section-referenzen-weitere figure
img{height:300px}#main .netzwerk-slider.border-slider{padding:20px
0}#main .netzwerk-slider.kleo-gallery
.caroufredsel_wrapper{min-height:135px}#main .netzwerk-slider.kleo-gallery .kleo-gallery-img
img{max-height:unset;max-width:100px}#main .kunden-slider.kleo-gallery a
img{padding:0
30px}#main .netzwerk-slider.kleo-gallery .kleo-gallery-img{min-width:auto;min-height:100px}.section-ueberuns-header #konzept-design-viereck-animation{width:350px}#header .is-sticky .kleo-mobile-switch button:after{top:- 15px}.logo
img{margin-top:-4px}.is-sticky .navbar-header, #header .sticky-wrapper.is-sticky{height:65px !important;line-height:65px !important}.kleo-page
p{font-size:15px;line-height:2.1}.kleo-page
h3{font-size:30px;letter-spacing:1px;line-height:1.3}.section-home-innovativ h2.heading-right{margin-right:-130px;margin-top:50px}.responsive-fullwidth figure
div{height:280px}.section-home-header{padding-top:0px}.kleo-page
h6{font-size:16px;letter-spacing:4.2px;margin-bottom:20px}#main .section-home-header h1,{font-size:12px;letter-spacing:3.15px}.section-architektur-leistung .architektur-auflistung>.wpb_column:first-of-type:after{display:none}h2.number:before{content:'';background:url('/wp-content/uploads/2021/11/Gruppe-889.png') no-repeat;width:26px;height:4px;position:absolute;left:-30px;top:50px}.architektur-auflistung .wpb_wrapper>.magic-container:nth-of-type(odd){margin-left:65px;padding-right:0px}.architektur-auflistung .wpb_wrapper>.magic-container:nth-of-type(even){margin-left:0;padding-right:70px}.architektur-auflistung:before{top:92%;right:-135px;width:400px;height:400px}.section-architektur-leistung .btn-default{margin-left:0;margin-top:0}.architektur-auflistung .wpb_wrapper > .magic-container:nth-of-type(even) h2{right:-70px}.architektur-auflistung .wpb_wrapper > .magic-container:nth-of-type(even) h2.number:before{left:unset;right:-30px}.section-home-innovativ .text-padding-left{padding-top:30px}.kleo-page
h2{font-size:90px;letter-spacing:4px}.kleo-page .header-slider-animation
h2{font-size:80px;letter-spacing:4px}.heading-right{top:0.2em}#main .bigger-p p, #main .bigger-p{font-size:30px}.section-home-nachhaltig
.kleo_text_column{margin-top:0}.section-home-nachhaltig .bigger-p{width:100%}.section-home-leidenschaft .heading-left{font-size:90px;width:auto;white-space:nowrap}.kleo-page
h4{font-size:25px}#main
.vc_custom_1630416027216{padding-left:0px !important}#main .h2-small{letter-spacing:4.5px;font-size:90px}body{font-size:15px;line-height:2.1}.btn.btn-default{font-size:14px;letter-spacing:4.2px;width:auto;white-space:break-spaces;text-align:left}.btn.btn-default:after{width:28px}.header-slider-animation
.btn{font-size:20px}#innovativ-animation-responsive{width:500px}.section-home-innovativ .svg-animation{left:-140px;bottom:-475px;transform:rotate(-90deg)}.section-home-innovativ{padding-bottom:400px;padding-top:40px}#main .section-home-nachhaltig h2.font-full-width{font-size:130px;right:-255px;top:110px}.section-home-leidenschaft .svg-animation{transform:rotate(250deg);margin-left:190px;margin-bottom:-145px;margin-top:40px}#main .section-home-leidenschaft
h6{margin-bottom:20px}.section-home-leidenschaft .vc_row>.vc_col-sm-12:last-of-type{right:-74vw;top:680px}#header .logo
a{width:50%}.section-home-zitat{padding:300px
0 150px}.section-home-zitat
.wpb_single_image{width:150px;bottom:-120px}.section-referenzen .vc_col-sm-12.referenzen-col.leistungen-col{left:-220px}.section-referenzen .vc_col-sm-12.referenzen-col{left:-235px;top:240px;width:auto}.section-referenzen .vc_col-sm-12.referenzen-col
h2{font-size:130px;letter-spacing:6.5px !important}.kleo-page
h5{font-size:14px;letter-spacing:0.7px}.section-referenzen .img-hover{margin-bottom:15px !important}.section-referenzen .btn-default{margin-top:15px}.section-referenzen
img{height:210px;object-fit:cover;object-position:bottom}.section-referenzen .vc_col-md-4{padding-bottom:60px}.section-referenzen
h4{margin:5px
0}.btn.btn-primary, #main .posts-load-more
.btn{font-size:14px;letter-spacing:0.3px}.section-home-kunden{padding:30px
0 45px 0}.section-home-netzwerk
h2{transform:rotate(90deg);position:absolute;left:-145px;top:-225px}.section-home-netzwerk .svg-animation{bottom:265px;left:20%;transform:rotate(-90deg)}#netzwerk-animation{width:300px}#main .section-ppm-ueber
h2{padding-top:0}.section-home-netzwerk{padding:350px
0 8vw 0}.full-socket>div:nth-of-type(2){flex-direction:column;gap:15px;margin-bottom:0}#socket .full-socket{padding-bottom:200px}.socket-bg{left:-10px;bottom:111px;height:70px;line-height:1}#socket .socket-bg
h6{font-size:80px;height:auto;letter-spacing:0;line-height:0.8;width:100vw;white-space:break-spaces;margin-bottom:0}.full-socket > div:first-of-type
a{margin:0
10px}#main .section-home-header
h1{font-size:12px;letter-spacing:3px}.offcanvas-sidebar{width:100vw;padding:50px
20px 30px 30px}.offcanvas-right.offcanvas-type-default .offcanvas-sidebar, .offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar{transform:translate(100vw, 0);-webkit-transform:translate(100vw, 0)}#menu-main-1
li{height:auto;font-size:17px;line-height:1.5;padding:10px
0}.widget_nav_menu .sub-menu{margin-left:30px;padding-right:45px !important}.border-slider:before{z-index:20}.section-blog-engagement .panel-title
a{padding-right:35px}#menu-main-1 li a:before{height:calc(100% + 5px)}#menu-main-1 li
a{font-size:17px;line-height:1 !important;display:block;padding:5px
30px 5px 0}.konzept-heading .vc_column-inner{padding-left:0}.section-refuebersicht-header .konzept-btns{margin:0}#main .section-refuebersicht-header .konzept-btns .wpb_wrapper>.btn{width:230px}#main .section-referenz-retail img,
#main .section-referenz-care img,
#main .section-referenz-gastronomie
img{height:265px;object-fit:cover;margin-bottom:50px}.section-referenz-retail
h2{transform:unset;left:-20px;top:-55px}.section-referenz-care
h2{transform:unset;left:-20px;top:-55px}.section-referenz-gastronomie
h2{transform:unset;left:-20px;top:-55px}.section-referenz-care{padding:200px
0 100px}.section-refuebersicht-header.section-konzept-header .svg-animation{right:-155px;bottom:-470px}.widget_nav_menu #menu-main-1 .sub-menu
a{font-size:16px}.offcanvas-after{z-index:10;left:40px}.offcanvas-right .wrap-canvas-menu .offcanvas-title .open-sidebar{right:20px}.kleo-page h1, .kleo-page h2.size-h1{font-size:76px}.section-konzept-header .vc_row .wpb_wrapper>h1:nth-of-type(2){margin-left:40px}.responsive-header figure
img{height:300px;width:auto;object-fit:cover}.section-konzept-header .konzept-heading{top:-40px}#konzept-design-kreis-animation{width:450px}.section-konzept-header .svg-animation{right:-140px;bottom:-410px}#main .konzept-btns .btn-highlight{font-size:15px;letter-spacing:1.5px;padding:7px
75px 7px 0;line-height:1.8;margin:0
!important}#main .section-ueberuns-header .btn.btn-highlight{width:215px}#main .section-konzept-header .btn.btn-highlight{width:260px}#main .section-konzept-header.section-karriere-header .btn.btn-highlight{width:260px;z-index:20;position:relative}ul
li{font-size:15px;line-height:2}#main .konzept-btns .vc_column-inner{padding:0}.section-konzept-header{padding-bottom:250px}#main .h2-smaller{font-size:70px}.responsive-height
img{height:280px}.section-konzept-grundelemente .vc_row .wpb_wrapper>.vc_row.vc_inner:first-of-type{top:315px;width:500px;right:-222px}.konzept-sneak-img
img{left:25%}.section-konzept-markenanalyse .heading-left{right:-90vw;top:310px}#main .btn-see-through{font-size:17px !important;display:inline}#main .collapsable-text .btn:before{top:-1px;right:-27px}#main .section-konzept-sneak
h2.biggest{transform:rotate(90deg);right:-90vw;top:200px}#main
h2.biggest{font-size:120px}.konzeptDesignVideoPlayButton
img{width:100px}#video-container:hover .konzeptDesignVideoPlayButton
img{width:100px}#main
.vc_sep_width_60{margin-left:0% !important;width:100%}#konzept-design-quadrat-animation{width:550px}.collapsable-text{margin-bottom:30px}#konzept-design-trapez-animation{width:450px}.section-konzept-markenanalyse .svg-animation{left:-8%;top:94%;z-index:1}.section-konzept-entwicklung{padding-top:300px}.section-konzept-entwicklung
.fullwidth{font-size:85px;right:-91vw;top:350px}#main .section-konzept-entwicklung .btn-see-through{width:auto}.section-konzept-design-fussbereich{padding-top:270px !important}.section-konzept-design-fussbereich .svg-animation{left:-80px;top:-500px}.section-architektur-header
h1{width:110%}#main .section-architektur-header .btn.btn-highlight{width:260px}.section-architektur-header{padding-bottom:300px}.section-architektur-header .svg-animation{right:-115px;bottom:-470px}#architektur-dreieck-animation{width:550px}#main .section-architektur-ganzheitlich .h2-individual{font-size:75px;width:600px;right:-280px;top:275px}.projektmanagement-img
img{left:22%;bottom:-225px}.section-architektur-leistung h2.heading-left{transform:rotate(90deg);position:absolute;top:223px;right:-98vw;letter-spacing:4.5px}.architektur-auflistung .magic-inner > .kleo_text_column:first-of-type
p{font-size:20px;line-height:1.5}#main .section-architektur-moebel
h2{top:350px;right:-104vw;font-size:80px}.section-gu-header.section-architektur-header .svg-animation{right:-80px;bottom:-350px}#main .section-architektur-ganzheitlich.section-gu-leistungen .h2-individual{top:330px}.architektur-auflistung.gu-auflistung:before{width:450px;height:450px;top:87%}.section-referenz-gastronomie
h3{margin-top:0 !important}.section-referenz-gastronomie
.wpb_single_image{margin-bottom:0 !important}.section-architektur-leistung{padding:300px
0 300px}#main .section-gu-mobiliar
h2{right:-90vw;top:380px}.section-gu-mobiliar{padding:0
0px 120px}#main .referenzen-uebersicht .post-item>div{max-width:unset;width:100%;padding:0
!important}.masonry-listing .post-image
img{height:250px;object-fit:cover}article.type-referenzen.post-item h6, article.category-aktuelles.post-item h6, article.category-highlights.post-item
h6{margin-top:15px;font-size:12px}#main .referenzen-uebersicht .post-title
a{max-width:unset;padding:13px
60px 13px 7px;left:-15px;font-size:20px}.section-referenzen-header{padding-top:35px;padding-bottom:120px}.section-referenzen-header .svg-animation{right:-118px}.section-referenzen-weitere .img-hover{margin-bottom:15px !important}.section-referenzen-weitere .vc_row .vc_row.vc_inner > .wpb_column:first-of-type,
.section-referenzen-weitere .vc_row .vc_row.vc_inner>.wpb_column:last-of-type{padding-right:0;padding-left:0;padding-bottom:50px}.section-referenzen-projekt
h2{transform:rotate(90deg);right:-54vw;position:absolute;top:150px;z-index:5}.section-referenzen-projekt{padding:70px
0 80px}.section-referenzen-projekt
.vc_row.vc_inner{z-index:10;position:relative}.single-referenz-header .kleo-gallery.kleo-single-image .kleo-carousel a
img{height:300px}.single-referenz-header .referenz-heading{top:-35px}#main .aehnliche-beitraege .post-image
a{height:unset}.aehnliche-beitraege.kleo-carousel-container:not(.full-slider) .kleo-carousel
img{max-width:unset}.section-referenz-aehnliche{padding:50px
0 100px}.section-ueberuns-header .svg-animation{right:0px;bottom:-295px;z-index:-1}#main .section-ppm-ueber
h2{top:90px;right:-33vw}#main .section-ueberuns-nachhaltigkeit
h2{right:-91vw;top:500px}#main .uber-klimaneutral-img{right:-160px;margin-bottom:-155px;z-index:10;width:180px}.section-ueberuns-nachhaltigkeit{padding-bottom:320px}.offcanvas-sidebar:after{height:300px;width:300px}.section-blog-header .konzept-btns
.btn{text-align:left;width:200px}.section-blog-header.section-referenzen-header .svg-animation{top:360px;right:-70px}.section-blog-header.section-referenzen-header{padding-bottom:200px}.section-blog-auflistung
h2{top:140px;transform:rotate(90deg);right:-179px;width:350px;left:unset !important;z-index:11}.section-referenzen-auflistung.section-blog-auflistung .posts-load-more{margin-top:0px}.section-blog-engagement
h2{transform:rotate(90deg);position:absolute;right:-91vw;top:220px}.section-blog-engagement{padding:200px
0 120px 0}#main .h1-blog{font-size:75px}.section-beitrag-header .beitrag-heading{top:-345px;left:5px}.type-post .article-media{height:300px}.section-beitrag-2{padding-bottom:100px}.section-ref
figure{z-index:15}.section-karriere-zitat .svg-animation{top:-350px;right:-150px}.section-karriere-zitat #konzept-design-kreis-animation{width:450px}.panel .panel-title .accordion-toggle{padding-left:5px;font-size:16px;line-height:1.5}.panel .accordion-toggle:before{height:100%}.panel .panel-title a
span{position:absolute;right:0;top:50%;transform:translateY(-50%)}.btn+.btn.btn-default{margin-left:0;margin-top:40px}.section-karriere-warum h2.letter-spacing-none{position:absolute;transform:rotate(90deg);right:-99vw;top:350px}.section-karriere-warum{padding:150px
0 0 0}.section-karriere-warum ul.responsive-cols{display:flex}.section-karriere-warum .kleo-gallery-container li
img{height:85px}.section-karriere-warum h2.h2-smaller{margin-bottom:20px}.section-karriere-warum .vc_row>.collapsable-text:nth-of-type(2){margin-left:0}.collapsable-text{margin-bottom:20px}.section-architektur-leistung.section-karriere-prozess h2.heading-left{left:unset;font-size:80px;width:800px;top:350px;right:-407px}.section-architektur-leistung.section-karriere-prozess{padding:50px
0 0}.section-karriere-prozess .architektur-auflistung:before{width:400px;height:400px;top:86%;right:unset;transform:rotate(105deg);left:-90px}.section-karriere-experten{padding:100px
0 110px}.section-karriere-experten h6,
.section-karriere-experten
img{z-index:20;position:relative}.kleo-page
.name{font-size:75px;margin:0}.section-kontakt-header
h1{position:relative;top:0}.section-kontakt-header .bigger-p
p{margin-top:0}#main .section-kontakt-info .vc_column-inner{padding-right:15px !important}.wpcf7-form input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="password"], .wpcf7
label{font-size:14px;padding:0}.wpcf7
textarea{height:250px}.kleo-page p.datenschutz-hinweis{font-size:13px;margin-bottom:40px}#main input[type="submit"]{font-size:16px}.section-kontakt-formular{padding:100px
0 120px 0}.netzwerk-slider.kleo-gallery .kleo-carousel a:first-child{min-width:82vw;padding:15px
0px 15px 0px}.header-slider-animation
h2{transform:rotate(90deg);top:unset;width:365px;left:-136px;margin:0;bottom:375px;text-align:right !important;height:22.5vw}.header-slider-animation .wpb_wrapper>.magic-container{width:22.5vw}#main .header-slider-animation .wpb_wrapper > .magic-container
img{min-width:22.5vw;position:absolute;right:0;top:0;opacity:0;transition:none;margin-left:0;object-fit:cover;object-position:center}#main .header-slider-animation .wpb_wrapper > .magic-container.animated:nth-of-type(1) figure
img{animation:opacityimg  2s ease-in-out 2.5s}#main .header-slider-animation .wpb_wrapper > .magic-container.animated:nth-of-type(2) figure
img{animation:opacityimg  2s ease-in-out 4s}#main .header-slider-animation .wpb_wrapper > .magic-container.animated:nth-of-type(3) figure
img{animation:opacityimg  2s ease-in-out 6s}@keyframes
opacityimg{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.header-slider-animation .magic-container:nth-of-type(1).animated figure,
.header-slider-animation .magic-container:nth-of-type(2).animated figure,
.header-slider-animation .magic-container:nth-of-type(3).animated figure,
.header-slider-animation .magic-container:nth-of-type(1).animated.standard figure,
.header-slider-animation .magic-container:nth-of-type(2).animated.standard figure,
.header-slider-animation .magic-container:nth-of-type(3).animated.standard
figure{border-left:solid #121212 22.5vw}.header-slider-animation .wpb_wrapper > .magic-container:nth-of-type(1).animated,
.header-slider-animation .wpb_wrapper > .magic-container:nth-of-type(2).animated,
.header-slider-animation .wpb_wrapper>.magic-container:nth-of-type(3).animated{animation:none}.header-slider-animation .wpb_wrapper > .magic-container.animated
figure{animation:none !important}.header-slider-animation .wpb_wrapper > .magic-container:nth-of-type(1).animated
h2{animation:showtext 1.5s ease-in-out 3s}.header-slider-animation .wpb_wrapper > .magic-container:nth-of-type(2).animated
h2{animation:showtext 1.5s ease-in-out 4.5s}.header-slider-animation .wpb_wrapper > .magic-container:nth-of-type(3).animated
h2{animation:showtext 1.5s ease-in-out 6s}@keyframes
showtext{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.header-slider-animation figure, .header-slider-animation figure > div
img{height:300px}.header-slider-animation .wpb_wrapper>.magic-container{margin-right:35px}.header-slider-animation .wpb_wrapper>.magic-container:last-of-type{margin-right:0}.header-slider-animation
.btn{position:relative;left:0;top:0}.header-slider-animation .wpb_wrapper>.magic-container{height:600px}.header-slider-animation .magic-container:nth-of-type(2) figure
img{border-radius:0 150px 0 0}.header-slider-animation .magic-container:nth-of-type(3) figure
img{border-radius:0 125px 0 0}.header-slider-animation .magic-container.clicked
h2{opacity:1;transition:opacity 0.5s ease-in-out 0.2s}.header-slider-animation .magic-container
.btn{display:none}.header-slider-animation .magic-container.clicked
.btn{display:block;opacity:1;transition:opacity 1s ease-in-out}.header-slider-animation .magic-container:nth-of-type(2) .btn{margin-left:calc(-22.5vw - 35px)}.header-slider-animation .magic-container:nth-of-type(3) .btn{margin-left:calc(-45vw - 70px)}.header-slider-animation
.btn{background:transparent !important;padding:0
50px 0 0 !important;color:#121212 !important;width:300px;font-size:16px;line-height:1.5;margin-top:70px;letter-spacing:1.5px}.header-slider-animation .btn:after{background-image:url('/wp-content/uploads/2021/08/CTA_Pfeil_s_1x.png')}#main .header-slider-animation .magic-container.clicked
figure{border-left:0;transition:none}#main .header-slider-animation .magic-container.clicked figure > div
img{opacity:1;transition:opacity 0.2s ease-in-out}.header-slider-animation .magic-inner{height:100%}.full-slider .kleo-carousel-features-pager{width:100%}.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu{margin-top:0px;margin-bottom:10px}}@media all and (max-width: 480px){.kunden-slider .carousel-prev,
.kunden-slider .carousel-next,
.kunden-slider .kleo-woo-prev,
.kunden-slider .kleo-woo-next,
.kunden-slider .kleo-thumbs-prev,
.kunden-slider .kleo-thumbs-next,
.netzwerk-slider .carousel-prev,
.netzwerk-slider .carousel-next,
.netzwerk-slider .kleo-woo-prev,
.netzwerk-slider .kleo-woo-next,
.netzwerk-slider .kleo-thumbs-prev,
.netzwerk-slider .kleo-thumbs-next{display:inline !important;z-index:25}#menu-main-1 li
a{padding:3px
30px 3px 0}.offcanvas-sidebar{padding:37px
20px 30px 30px}#menu-main-1
li{padding:7px
0}.wrap-canvas-menu .offcanvas-title .open-sidebar:before{height:10px}#menu-main-1 li
a{font-size:16px}.widget_nav_menu #menu-main-1 .sub-menu
a{font-size:15px}}@media (max-width: 360px){.offcanvas-after
img{height:27px}#menu-main-1
li{padding:7px
0}.section-home-header{padding-top:0}.header-slider-animation .wpb_wrapper>.magic-container{margin-right:32px}#main .section-home-header
h1{font-size:12.5px;letter-spacing:2.5px}.navbar-header, #header .sticky-wrapper{height:80px !important;line-height:80px !important}.header-slider-animation .magic-container:nth-of-type(2) .btn{margin-left:calc(-22.5vw - 32px)}.header-slider-animation .magic-container:nth-of-type(3) .btn{margin-left:calc(-45vw - 68px)}.kleo-page
h4{font-size:24px}.section-referenzen-projekt
h2{width:400px;right:-57vw}}@media (max-width: 340px){.offcanvas-after{position:relative;bottom:0;left:0}.wrap-canvas-menu .widget_nav_menu .offcanvas-menu{padding:0
0 10px}}@media (max-height: 560px){#menu-main-1
li{padding:6px
0 !important}.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu{margin-bottom:4px}.offcanvas-after{position:relative;bottom:0;left:0}.wrap-canvas-menu .widget_nav_menu .offcanvas-menu{padding:0
0 10px}}