@font-face {
font-family:"ff-chambers-sans-web";
src:url(//x-space.de/wp-content/themes/x/fonts/ff-chambers-sans-web-400.woff2) format("woff2"),url(//x-space.de/wp-content/themes/x/fonts/ff-chambers-sans-web-400.woff) format("woff"),url(//x-space.de/wp-content/themes/x/fonts/ff-chambers-sans-web-400.otf) format("opentype");
font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
font-family:"ff-chambers-sans-web";
src:url(//x-space.de/wp-content/themes/x/fonts/ff-chambers-sans-web-700.woff2) format("woff2"),url(//x-space.de/wp-content/themes/x/fonts/ff-chambers-sans-web-700.woff) format("woff"),url(//x-space.de/wp-content/themes/x/fonts/ff-chambers-sans-web-700.otf) format("opentype");
font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}
@font-face {
font-family:"ff-chambers-sans-web";
src:url(//x-space.de/wp-content/themes/x/fonts/ff-chambers-sans-web-500.woff2) format("woff2"),url(//x-space.de/wp-content/themes/x/fonts/ff-chambers-sans-web-500.woff) format("woff"),url(//x-space.de/wp-content/themes/x/fonts/ff-chambers-sans-web-500.otf) format("opentype");
font-display:swap;font-style:normal;font-weight:500;font-stretch:normal;
} 
:root {
--clr-copy-primary: #525D61;
--bg-dark: #3C3A3A;
--bg-white: #fff;
--clr-site-accent: #92C355; 
--clr-site-accent-dark: #C9C551; 
--clr-site-accent-darker: #EAA764; 
--clr-link: #92C355; 
--clr-link-hover: #92C355; 
--clr-link-dark: #C9C551; 
--clr-link-darker: #EAA764; 
--clr-link-dark-hover: #C9C551; 
--clr-link-darker-hover: #EAA764; 
--clr-headline-primary: #525D61;
--clr-white: #fff;
--clr-bg-dark: #EDEDED;
--font-family-primary: "ff-chambers-sans-web", Helvetica Neue, Arial, sans-serif;
--btn-primary-bg: #72787a;
--btn-primary-bg-hover: #606566;
--btn-primary-border-hover: #595e60;
--btn-primary-color: #fff;
}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; margin: 0;}
html, body {display: block;}
html.no-touch, html.no-touch body {overflow-y: hidden;} html {font-size: 62.5%; -webkit-text-size-adjust:100%;  -webkit-tap-highlight-color:rgba(0,0,0,0);  font-family:sans-serif;  line-height:1.15}
body {-webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeSpeed;}
body.no-scrolling {overflow: hidden;}
html.overlay-opened, html.overlay-opened body {overflow: hidden;}
ol, ul {}
header ul, footer ul, .fixed-container ul {list-style-type: none;}
.wpb_text_column ul, .wpb_text_column ol, .wpb_raw_html ul, .wpb_raw_html ol, .intro-box-body ul {padding-left: 2rem;}
.accent_list ul, .overlay-content ul {list-style-type: square;}
.accent_list ul li::marker, .overlay-content ul li::marker {color: #ADD280; color: var(--clr-site-accent)}
.dark-section .accent_list ul li::marker, .dark-section .overlay-content ul li::marker {color: var(--clr-site-accent-dark)}
.third-section .accent_list ul li::marker, .third-section .overlay-content ul li::marker {color: var(--clr-site-accent-darker)}
.accent_list ul li, .overlay-content ul li {color: var(--clr-site-accent)}
.dark-section .accent_list ul li, .dark-section .overlay-content ul li {color: var(--clr-site-accent-dark)}
.third-section .accent_list ul li, .third-section .overlay-content ul li {color: var(--clr-site-accent-dark)}
.accent_list ul li:not(:last-child), .overlay-content ul li:not(:last-child) {padding: 0 0 1rem 0;}
* ,::before, ::after {-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
b, strong, .txt-bold {font-weight: 700;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
address {font-style: normal;}
:focus-visible {}
:focus:not(:focus-visible) {outline: none;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
td {vertical-align: top;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.align-left {text-align: left;}
img {max-width: 100%; height: auto; vertical-align: middle;}
figure .caption {font-style: italic; text-align: center; padding-top: .5rem;}
.map-container {position: relative; width: 100%; padding-bottom: 42%;} .contact-map img {max-width: 1000em;}
.alignleft {float: left; margin: 0 2em 2em 0;}
.alignright {float: right; margin: 0 0 2em 2em;}
.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}
.wpb_single_image.vc_align_center {text-align: center;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}/*\*/* html .clearfix{height: 1%;}
.clearfix{display: block;}/**/button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
body {font-family: var(--font-family-primary); color: var(--clr-copy-primary); margin: 0; padding: 0; font-size: 2.4rem; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.333; letter-spacing: .01em; font-weight: 400; font-style: normal; background: var(--bg-white); text-align:left}
a {color: var(--clr-link); text-decoration: none; transition: all .3s ease;}
a:hover {color: var(--clr-link-hover);}
.dark-section a {color: var(--clr-link-dark);}
.dark-section a:hover {color: var(--clr-link-dark-hover);}
.third-section a {color: var(--clr-link-darker);}
.third-section a:hover {color: var(--clr-link-darker-hover);}
p {margin: 0 0 1.333em;} small {font-size: 80%;}
ul, ol {margin: 0 0 1.333em;}
h1,h2,h3,h4,h5,h6 { margin: 0 0 1em; font-size: 3.8rem; font-size: clamp(24px, 1.979vw, 38px); line-height: 1.21; padding: 0; font-family: var(--font-family-primary); position: relative; font-weight: 400;}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child, blockquote:last-child { margin: 0;}
blockquote {font-size: 2rem;  padding: 1.25rem 1.5rem;  position: relative;}
blockquote p {margin: 0;}
h1, .h1 {font-size:10rem; font-size: clamp(36px, 6vw, 100px); line-height: 1.2;}
h2, .h2 {font-size: clamp(28px, 2.395vw, 46px);}
h3, .h3 {font-size:6.8rem; font-size: clamp(28px, 3.54vw, 68px);}
.overlay-content h3, .overlay-content .h3 {font-size: clamp(26px, 2.1875vw, 42px); line-height: 1.238;}
h3 i, .h3 i {font-style: normal; font-size: 47%;}
h4, .h4 {font-size: clamp(20px, 1.458333vw, 28px); line-height: 1.4285; margin: 0 0 .2857em;}
.home .wpb-content-wrapper > .vc_row:first-child h4 {letter-spacing: .4em; margin: 0 0 1em; font-size: clamp(16px, 1.458333vw, 28px);}
.home .wpb-content-wrapper > .vc_row:first-child h1 {transform: translateX(-.08em);}
h5, .h5 {font-size:2.4rem; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.333; letter-spacing: .1em;}
h6, .h6 {font-size:2.4rem; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.333; letter-spacing: .01em;}
.p {font-size: clamp(18px, 1.25vw, 24px); line-height: 1.333;}
sup {position: relative;top: -.5rem;font-size: 80%;}
.hyphenate {-webkit-hyphens: auto; -moz-hyphens: auto;-ms-hyphens: auto;	hyphens: auto;	word-wrap: break-word; overflow: hidden;}
.txt-upper {text-transform: uppercase;}
.txt-upper-normal {text-transform: none;}
.txt-copy-18 p, .txt-copy-18 ul, p.txt-copy-18, ul.txt-copy-18, .txt-copy-18 table, .txt-copy-18 a, a.txt-copy-18 {font-size: clamp(16px, 0.9375vw, 1.8rem);}
.txt-copy-20 p, .txt-copy-20 ul, p.txt-copy-20, ul.txt-copy-20, .txt-copy-20 table, .txt-copy-20 a, a.txt-copy-20 {font-size: 2rem; font-size: clamp(16px, 1.04vw, 2rem);}
.txt-copy-22 p, .txt-copy-22 ul, p.txt-copy-22, ul.txt-copy-22, .txt-copy-22 table, .txt-copy-22 a, a.txt-copy-22 {font-size: 2.2rem; font-size: clamp(18px, 1.14583vw, 2.2rem);}
.txt-lineheight-1_6 p, .txt-lineheight-1_6 ul, p.txt-lineheight-1_6, ul.txt-lineheight-1_6, .txt-lineheight-1_6 table, .txt-lineheight-1_6 a, a.txt-lineheight-1_6 {line-height: 1.6;}
.txt-lineheight-1_44 p, .txt-lineheight-1_44 ul, p.txt-lineheight-1_44, ul.txt-lineheight-1_44, .txt-lineheight-1_44 table, .txt-lineheight-1_44 a, a.txt-lineheight-1_44 {line-height: 1.44;}
.txt-lineheight-1_55 p, .txt-lineheight-1_55 ul, p.txt-lineheight-1_55, ul.txt-lineheight-1_55, .txt-lineheight-1_55 table, .txt-lineheight-1_55 a, a.txt-lineheight-1_55 {line-height: 1.5454;}
.wpb_wrapper h1:first-child, .wpb_wrapper h2:first-child, .wpb_wrapper h3:first-child, .wpb_wrapper h4:first-child, .wpb_wrapper h5:first-child, .wpb_wrapper h6:first-child {margin-top: 0;}
.m-b-0 {margin-bottom: 0;}
.m-b-1-em {margin-bottom: 1em;}
.m-b-1_5-em {margin-bottom: 1.5em;}
.m-b-2-em {margin-bottom: 2em;}
body .dark-section, .vc_section.dark-section > .vc_row {color: var(--clr-bg-dark); background: var(--bg-dark)}
.txt-white {color: #fff!important;}
.txt-clr-accent {color: var(--clr-site-accent);}
.op-flexbox, .op-flexbox-static {display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex; position: relative;}
.op-flexbox-static {position: static;}
.op-flex-nowrap {-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.op-flex-wrap {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.op-flex-align-top {-webkit-align-items: flex-start;-webkit-box-align: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}
.op-flex-align-center {-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.op-flex-align-bottom {-webkit-align-items: flex-end;-webkit-box-align: flex-end;-ms-flex-align: flex-end;align-items: flex-end;}
.op-flex-justify-space-between {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.op-flex-justify-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.op-flex-justify-right {-webkit-justify-content: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}
.op-flex-direction-column {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.op-flex-direction-row-reverse {flex-direction: row-reverse;}
.op-flex-shrink-0 {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.op-flex-grow-1 {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.op-flex-gap-20 {gap: 20px;}
.op-flex-gap-30 {gap: 30px;}
.fa {vertical-align: middle;}
.abs-link {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; text-indent: -1000em;}
input[type="text"], input[type="email"], input[type="tel"], textarea, select, input[type="file"] { 
-webkit-border-radius: 0; 
width: 100%; 
font-family: var(--font-family-primary); 
background: #fff;
border: 1px solid #8c9193;
color: #666b6d; 
font-size: 1.8rem; line-height: 1.8;
padding: .5rem 1rem .5rem 1rem; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
transition: all .3s ease;
box-shadow: none; border-radius: 0; position: relative;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,   textarea:focus, .focused input[type="text"], .focused input[type="email"], .focused  textarea {
outline: 0;  border-color: #f87087; box-shadow: 0 0 0 .2rem rgba(221,11,47,.25);
}  
input[type="text"], input[type="email"], textarea {-webkit-appearance: none;}
select {padding-left: 1.4rem; height: 57px;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
transition: background-color 9999s ease-in-out 0s;
}
textarea {height: 90px; resize: none; display: block; line-height: 1.4; padding-top: 1rem;}
::-webkit-input-placeholder {color: #72787a!important;}
::-moz-placeholder {color: #72787a!important; opacity: 1;}
:-moz-placeholder {color: #72787a!important; opacity: 1;}
:-ms-input-placeholder {color: #72787a!important;}
.ww {position: fixed; z-index: 1000000; left: 0; bottom: 0; background: #f00; padding: 5px; color: #fff; font-size: 12px;}
#loaderImage {will-change: transform; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: var(--bg-white); z-index: 10000;}
.loaderEnd #loaderImage {transition: opacity .8s ease .3s; transition: opacity .5s ease .2s; transform: none; opacity: 0;}
.topAnimsStart #loaderImage {visibility: hidden;}
.nicescroll-rails { z-index: 100000!important;}
#page {position: relative; z-index: 100;  width: 100%; }
body.with-top-slider #page {padding-top: 2rem;}
html.no-nicescroll #page {overflow: hidden;}
.js #page {opacity: 0;}
.loaded #page {opacity: 1;}
.ie #page {opacity: 1;}
.valign-table {display: table; width: 100%;}
.valign-cell {display: table-cell; vertical-align: middle;}
.content-wrapper, .overlay-content > .wpb_column > .vc_column-inner > .wpb_wrapper {margin: 0 auto; width: 100%; position: relative; padding: 0 25px;}
.no-wrap {white-space: nowrap;}
.word-wrap {word-wrap: break-word;}
.word-hyphens {-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.overflow-visible {overflow: visible!important;} header#masthead {position: sticky; position: fixed; z-index: 100000; width: 100%; left: 0; top: 0; background: var(--bg-white); height: clamp(60px, 15.625vw, 300px); min-height: clamp(60px, 6.25vw, 120px); transition: transform .6s cubic-bezier(0.260, 0.860, 0.440, 0.985) .6s;}
.overlay-opened header#masthead {transition-delay: 0s; transform: translateY(-100%);}
header#masthead::before {content: ''; position: fixed; width: 100%; height: 9px; background: var(--clr-site-accent); z-index: 1000; transition: background .3s ease;}
.active-section-strategie_marke + header#masthead::before, .active-section-referenzen + header#masthead::before {background: var(--clr-site-accent);}
.active-section-kommunikation + header#masthead::before {background: var(--clr-site-accent-dark);}
.active-section-unterstuetzende_services + header#masthead::before {background: var(--clr-site-accent-darker);} .wpb_single_image.logo-img img {height: clamp(60px, 6.875vw, 132px); width: auto; display: block; }
header#masthead .logo-container {height: 100%; width: 100%; max-height: clamp(60px, 6.875vw, 132px); transition: height .3s ease;}
header#masthead .logo-container img {height: 100%; width: auto;}
header#masthead .logo-container a {height: 100%; display: block;}
.wpb_single_image.logo-img {display: none;}
header#masthead .header-top {position: relative; z-index: 100; height: 100%;}
header#masthead .content-wrapper {height: 100%; }
header#masthead .content-wrapper > .op-flexbox {height: 100%; padding: calc(9px + clamp(8px, 1vw, 20px)) 0 clamp(8px, 1vw, 20px); }  .main-navigation {position: relative;}
.main-navigation ul {margin: 0;}
.main-navigation a {color: var(--clr-copy-primary); padding: .583em 3.6rem .583em 0; letter-spacing: .2em; font-weight: 700; display: block;}
.main-navigation-links {position: relative; margin-top: clamp(21px, 1.3vw, 25px); padding-top: clamp(20px, 1.8vw, 35px);}
.main-navigation-links::before {content: ''; position: absolute; width: calc(100% - 15px); height: 2px; right: 0; top: 0; background: var(--clr-link); background: #C8E1AA;}
.main-navigation-links a {font-weight: 400;}
.main-navigation a:hover {color: var(--clr-link-hover); }
.nav-menu > li {} #main {position: relative; z-index: 50; overflow: hidden;}
#page {} .mobile-only {display: none!important;} footer {position: relative;z-index: 100; padding: 16px 140px; margin: 0 0 34px; border-top: solid 1px #F8F8F8; border-bottom: solid 1px #F8F8F8; overflow: hidden; font-size: 14px; letter-spacing: .05rem; line-height: 1.714;}
footer .footer_logo {position: absolute; left: 0; top: 50%; transform: translate(-15%, -50%) rotate(-90deg);}
footer .footer_network {position: absolute; right: 42px; bottom: 20px;}
footer p {margin: 0;}
footer h6 {font-size: 18px; line-height: 1.333; margin: 0 0 .666em;}
footer h5 {font-size: 20px; letter-spacing: .08rem;  line-height: 1.2; margin: 0 0 .6em;}
footer a {color: var(--clr-copy-primary);}
footer ul.footer-menu {font-size: 18px; font-weight: 700;  line-height: 1.333; margin: 0;}
footer ul.footer-menu li {margin: 0 0 1.888em;}
footer ul.footer-menu li:last-child {margin: 0 0 1.444em;}
footer ul.footer-menu li a {}
footer .content-wrapper > .op-flexbox > div {}
footer .content-wrapper > .op-flexbox > div:not(:last-child) {padding-right: 20px;}
footer .content-wrapper > .op-flexbox > div:first-child {width: 44%;}
footer .content-wrapper > .op-flexbox > div:not(:first-child) p {white-space: nowrap;}
footer .content-wrapper {width: 96%!important;}
footer p.f_contacts img {width: 18px; height: auto; margin-right: 8px;}
footer p.f_email img {width: 20px;}
footer p.f_phone img {margin-left: 2px; margin-top: -3px;}
footer p.f_mobile img {width: 16px; margin-left: 4px;}
footer .footer-inner {border-top: solid 1px #707070; padding: 65px 0 52px;}
@media (min-width:540px) {
}
@media screen and (min-width: 901px) {
.content-wrapper, .overlay-content > .wpb_column > .vc_column-inner > .wpb_wrapper {width: 85%; max-width: 1374px; position: relative; padding: 0;}
.overlay-content > .wpb_column > .vc_column-inner > .wpb_wrapper {max-width: 1235px;}
}
@media screen and (min-width: 1024px) {
.content-wrapper, .overlay-content > .wpb_column > .vc_column-inner > .wpb_wrapper {width: 71.5625%;}
}
@media only screen and (max-width: 1440px) {
}	
@media only screen and (max-width: 1280px) {
}	
@media only screen and (max-width: 1024px) {
footer .content-wrapper > .op-flexbox {flex-direction: column;}
footer .content-wrapper > .op-flexbox > div:not(:last-child) {padding-right: 0; margin-bottom: 40px;}
footer .content-wrapper > .op-flexbox > div:first-child {width: 100%;}
footer ul.footer-menu li {margin: 0 0 .5em!important;}
}	
.menu-toggle, .fixed-container {display: none;}
@media only screen and (max-width: 1100px) { }
@media only screen and (max-width: 1000px) { }
@media only screen and (max-width: 900px) {
footer {padding: 16px 100px; font-size: 15px; line-height: 1.6;}
footer .footer_logo {width: 150px; transform: translate(-15%, -50%) rotate(-90deg);}
footer .footer_network {right: 20px;} }
@media only screen and (max-width: 767px) {
body {
-webkit-text-size-adjust: none; 
}
ul, ol, p, .hyphenate {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.main-navigation a {padding: .45em 3.6rem .45em 0;}
footer h5 {font-size: 18px; letter-spacing: .25rem; margin-bottom: 1.11em;}
footer h5 b {display: block; font-size: 20px; letter-spacing: .08rem;}
footer h6 {font-size: 20px; margin: 0 0 .266em;}
footer {padding: 16px 25px; border-top: none; border-bottom: none;}
footer p {hyphens: none;  word-wrap: normal;}
footer .footer_logo {display: none;}
footer .content-wrapper {width: 100% !important; padding: 0;}
footer .footer-inner {padding: 40px 0 82px;}
footer .content-wrapper > .op-flexbox > div:not(:last-child) {margin-bottom: 36px;}
footer .content-wrapper > .op-flexbox > div:first-child {margin-bottom: 49px;}
footer .content-wrapper > .op-flexbox > div:not(:first-child):not(:last-child) p {font-size: 18px; letter-spacing: .1rem; line-height: 32px; white-space: normal;}
footer .content-wrapper > .op-flexbox > div:last-child p {font-size: 14px;}
footer ul.footer-menu li {margin: 0 0 40px !important;	font-size: 20px;}
footer ul.footer-menu li:last-child {margin: 0 0 24px !important;}
}
@media only screen and (max-width: 460px) { h1, .h1 {font-size:clamp(24px, 7.5vw, 100px);}
.header-top .content-wrapper > .op-flexbox {justify-content: center;}
}
@media only screen and (max-width: 359px) {
h1, .h1 {font-size: 24px;}
.home .wpb-content-wrapper > .vc_row:first-child h4 {font-size: 16px; }
}
@-webkit-keyframes preloaderAnimation {
0% {
-webkit-transform: rotate(0deg) scale(1) translate(0px);
}
100% {
-webkit-transform: rotate(360deg) scale(1) translate(0px);
}
}
@-moz-keyframes preloaderAnimation {
0% {
-moz-transform: rotate(0deg) scale(1) translate(0px);
}
100% {
-moz-transform: rotate(360deg) scale(1) translate(0px);
}
}
@-o-keyframes preloaderAnimation {
0% {
-o-transform: rotate(0deg) scale(1) translate(0px);
}
100% {
-o-transform: rotate(360deg) scale(1) translate(0px);
}
}
@keyframes preloaderAnimation {
0% {
transform: rotate(0deg) scale(1) translate(0px);
}
100% {
transform: rotate(360deg) scale(1) translate(0px);
}
}