@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 200;
src: url(//www.zpmedienwerk.de/wp-content/themes/twentytwentyfive-child/assets/fonts/material-symbols-outlined.woff2) format( 'woff2' );
font-display: swap;
}
.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
} body {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
} html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
} .cowork-hero-v2 {
position: relative;
isolation: isolate;
overflow: hidden;
min-height: min(92vh, 900px);
display: flex;
align-items: center;
justify-content: center;
} .cowork-hero-v2 .cowork-hero__slide {
animation: none !important;
opacity: 0;
mask: none;
-webkit-mask: none;
} .cowork-hero-v2 .cowork-hero__img {
animation: none !important;
opacity: 1 !important;
transform: none !important; filter: none;
}  @keyframes chv2-curtain-h-open {
from { mask: linear-gradient(#000,#000) 50% 0/0% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 50% 0/0% 100% no-repeat; }
to   { mask: linear-gradient(#000,#000) 50% 0/100% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 50% 0/100% 100% no-repeat; }
} @keyframes chv2-curtain-h-close {
from { mask: linear-gradient(#000,#000) 0 0/0% 100% no-repeat,
linear-gradient(#000,#000) 100% 0/0% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 0/0% 100% no-repeat,
linear-gradient(#000,#000) 100% 0/0% 100% no-repeat; }
to   { mask: linear-gradient(#000,#000) 0 0/50% 100% no-repeat,
linear-gradient(#000,#000) 100% 0/50% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 0/50% 100% no-repeat,
linear-gradient(#000,#000) 100% 0/50% 100% no-repeat; }
} @keyframes chv2-curtain-v-open {
from { mask: linear-gradient(#000,#000) 0 50%/100% 0% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 50%/100% 0% no-repeat; }
to   { mask: linear-gradient(#000,#000) 0 50%/100% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 50%/100% 100% no-repeat; }
} @keyframes chv2-curtain-v-close {
from { mask: linear-gradient(#000,#000) 0 0/100% 0% no-repeat,
linear-gradient(#000,#000) 0 100%/100% 0% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 0/100% 0% no-repeat,
linear-gradient(#000,#000) 0 100%/100% 0% no-repeat; }
to   { mask: linear-gradient(#000,#000) 0 0/100% 50% no-repeat,
linear-gradient(#000,#000) 0 100%/100% 50% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 0/100% 50% no-repeat,
linear-gradient(#000,#000) 0 100%/100% 50% no-repeat; }
}  @keyframes chv2-wipe-left {
from { mask: linear-gradient(#000,#000) 0 0/0% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 0/0% 100% no-repeat; }
to   { mask: linear-gradient(#000,#000) 0 0/100% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 0/100% 100% no-repeat; }
} @keyframes chv2-wipe-right {
from { mask: linear-gradient(#000,#000) 100% 0/0% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 100% 0/0% 100% no-repeat; }
to   { mask: linear-gradient(#000,#000) 100% 0/100% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 100% 0/100% 100% no-repeat; }
} @keyframes chv2-wipe-top {
from { mask: linear-gradient(#000,#000) 0 0/100% 0% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 0/100% 0% no-repeat; }
to   { mask: linear-gradient(#000,#000) 0 0/100% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 0/100% 100% no-repeat; }
} @keyframes chv2-wipe-bottom {
from { mask: linear-gradient(#000,#000) 0 100%/100% 0% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 100%/100% 0% no-repeat; }
to   { mask: linear-gradient(#000,#000) 0 100%/100% 100% no-repeat;
-webkit-mask: linear-gradient(#000,#000) 0 100%/100% 100% no-repeat; }
} .cowork-hero__slide.chv2-curtain-h-open  { opacity:1; animation: chv2-curtain-h-open  1.4s cubic-bezier(0.25,0.46,0.45,0.94) forwards !important; }
.cowork-hero__slide.chv2-curtain-h-close { opacity:1; animation: chv2-curtain-h-close 1.4s cubic-bezier(0.25,0.46,0.45,0.94) forwards !important; }
.cowork-hero__slide.chv2-curtain-v-open  { opacity:1; animation: chv2-curtain-v-open  1.4s cubic-bezier(0.25,0.46,0.45,0.94) forwards !important; }
.cowork-hero__slide.chv2-curtain-v-close { opacity:1; animation: chv2-curtain-v-close 1.4s cubic-bezier(0.25,0.46,0.45,0.94) forwards !important; }
.cowork-hero__slide.chv2-wipe-left       { opacity:1; animation: chv2-wipe-left       1.4s cubic-bezier(0.25,0.46,0.45,0.94) forwards !important; }
.cowork-hero__slide.chv2-wipe-right      { opacity:1; animation: chv2-wipe-right      1.4s cubic-bezier(0.25,0.46,0.45,0.94) forwards !important; }
.cowork-hero__slide.chv2-wipe-top        { opacity:1; animation: chv2-wipe-top        1.4s cubic-bezier(0.25,0.46,0.45,0.94) forwards !important; }
.cowork-hero__slide.chv2-wipe-bottom     { opacity:1; animation: chv2-wipe-bottom     1.4s cubic-bezier(0.25,0.46,0.45,0.94) forwards !important; } .cowork-hero__slide.chv2-exit {
opacity: 0 !important;
transition: opacity 0.5s ease !important;
} .cowork-hero-v2__content {
position: relative;
z-index: 1;
text-align: left;
padding: 2rem 0;
color: #000;
}
.cowork-hero-v2__content h1 {
color: #000;
margin: 0;
font-size: clamp(3.5rem, 8vw, 7rem);
line-height: 0.95;
}
.cowork-hero-v2__content h1 span {
line-height: inherit;
} .cowork-underline-on-load {
position: relative;
display: inline-block;
line-height: 1.1;
isolation: isolate;
}
.cowork-underline-on-load::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0.05em;
height: 0.5em;
background-color: var(--wp--preset--color--accent-1);
transform: scaleX(0);
transform-origin: left;
pointer-events: none;
z-index: -1; animation: cowork-underline-grow 0.8s 1.2s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
@keyframes cowork-underline-grow {
to { transform: scaleX(1); }
}
@media (prefers-reduced-motion: reduce) {
.cowork-underline-on-load::after {
animation: none;
transform: scaleX(1);
}
} .cowork-hero__media {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
} .cowork-hero__slide {
position: absolute;
inset: 0;
opacity: 0;
animation: cowork-hero-slide-fade var(--hero-cycle) infinite; animation-delay: calc(var(--image-index, 0) * (var(--hero-cycle) / var(--total-images)));
will-change: opacity;
overflow: hidden; isolation: isolate; } .cowork-hero__link {
display: block;
position: absolute;
inset: 0; pointer-events: none;
} .cowork-hero__slide.is-current .cowork-hero__link {
pointer-events: auto;
} .cowork-hero__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: var(--hero-filter);
animation: cowork-hero-ken-burns var(--hero-cycle) infinite;
animation-delay: calc(var(--image-index, 0) * (var(--hero-cycle) / var(--total-images)));
will-change: transform, filter;
} .cowork-hero__caption {
display: none;
} .cowork-hero__slider-logo {
display: none;
} .cowork-hero__copyright {
display: none;
} .cowork-hero-v2__caption-overlay {
position: absolute;
inset: 0;
z-index: 10;
pointer-events: none;
overflow: hidden;
mix-blend-mode: difference;
} .cowork-hero-v2__caption-overlay .cowork-hero__caption {
display: flex;
position: absolute;
inset: 0;
align-items: center;
justify-content: center;
padding: 4rem;
font-size: clamp(5rem, 18vw, 22rem);
font-weight: 900;
line-height: 0.85;
letter-spacing: -0.03em;
text-align: center;
color: #ffffff;
overflow: hidden;
word-break: break-word;
hyphens: auto;
opacity: 0;
transition: opacity 1.2s ease;
} .cowork-hero-v2__caption-overlay .cowork-hero__slider-logo {
display: block;
position: absolute;
inset: 0;
margin: auto;
width: 100%;
height: 100%;
max-width: var( --wp--style--global--content-size, 645px );
max-height: 52%;
background-color: #ffffff;
-webkit-mask-image: var( --cowork-hero-logo-url );
mask-image: var( --cowork-hero-logo-url );
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
opacity: 0;
filter: drop-shadow( 0 4px 24px rgba( 0, 0, 0, 0.5 ) );
transition: opacity 1.2s ease;
} @media (max-width: 782px) {
.cowork-hero-v2__caption-overlay .cowork-hero__slider-logo {
width: calc( 100% - var( --wp--style--root--padding-left, 20px ) - var( --wp--style--root--padding-right, 20px ) );
max-height: 39%;
}
} .cowork-hero-v2__copyright-bar {
position: relative;
margin-top: 0.75rem !important;
padding: 0.4rem 1.5rem;
min-height: 1.2em;
text-align: right;
}
.cowork-hero-v2__copyright-bar .cowork-hero__copyright {
display: block;
position: absolute;
right: 1.5rem;
top: 0.4rem;
font-size: 0.75rem;
letter-spacing: 0.04em;
color: rgba(0, 0, 0, 0.45);
opacity: 0;
transition: opacity 0.6s ease;
} @keyframes cowork-hero-slide-fade {
0%     { opacity: 0; }
18.75%  { opacity: 1; }
25%     { opacity: 1; }
43.75%  { opacity: 0; }
100%     { opacity: 0; }
} @keyframes cowork-hero-ken-burns { 0%     { transform: scale(1.04); filter: var(--hero-filter) blur(var(--hero-blur)); }
18.75%  {                         filter: var(--hero-filter) blur(0);                }
25%     {                         filter: var(--hero-filter) blur(0);                }
43.75%  { transform: scale(1.24); filter: var(--hero-filter) blur(var(--hero-blur)); }
100%     { transform: scale(1.04); filter: var(--hero-filter) blur(var(--hero-blur)); }
}
@media (prefers-reduced-motion: reduce) {
.cowork-hero__slide {
animation: none;
opacity: 1;
}
.cowork-hero__slide:not(:first-child) {
display: none;
}
.cowork-hero__img {
animation: none;
}
} header.wp-block-template-part:has(.cowork-site-header) {
position: sticky;
top: 0;
z-index: 100;
}
.cowork-site-header {
background-color: var(--wp--preset--color--base, #fff);
transition: transform 0.3s ease;
}
.cowork-site-header.is-hidden {
transform: translateY(-100%);
}
@media (prefers-reduced-motion: reduce) {
.cowork-site-header {
transition: none;
}
} .custom-logo-link:focus,
.wp-block-navigation-item__content:focus,
.wp-block-navigation__responsive-container-open:focus,
.wp-block-navigation__responsive-container-close:focus {
outline: none;
}
.wp-block-navigation-item__label {
background-image: linear-gradient( var( --wp--preset--color--accent-1 ), var( --wp--preset--color--accent-1 ) );
background-repeat: no-repeat;
background-position: left bottom 0.05em;
background-size: 0% 0.5em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
transition: background-size 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
.wp-block-navigation-item__content:focus .wp-block-navigation-item__label,
.current-menu-item .wp-block-navigation-item__label {
background-size: 100% 0.5em;
} .wp-block-navigation-item__content:hover,
.wp-block-navigation-item__content:focus {
text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-navigation-item__label {
transition: none;
}
}
@media (max-width: 782px) {
.wp-block-site-logo img {
width: 150px;
height: auto;
}
} .wp-block-navigation__responsive-container-open svg {
display: none;
}
.wp-block-navigation__responsive-container-open {
position: relative;
width: 24px;
height: 24px;
}
.wp-block-navigation__responsive-container-open::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 2px;
background-color: currentColor;
box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
} .cowork-logobar {
width: 100%;
overflow: hidden;
padding: 0; }
.cowork-logobar__track {
display: flex;
width: max-content;
animation: cowork-logobar-scroll var(--logobar-speed, 20s) linear infinite;
}
.cowork-logobar__set {
display: flex;
flex-shrink: 0;
}
.cowork-logobar__item {
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 2rem;
} .cowork-logobar__img {
display: block;
width: 120px;
height: 60px;
background-color: var(--wp--preset--color--contrast, #1d1d1b);
-webkit-mask-image: var(--cowork-logo-url);
mask-image: var(--cowork-logo-url);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.3s ease;
} .cowork-logobar__item:hover .cowork-logobar__img {
background-color: var(--wp--preset--color--accent-1, #e5ff00);
} .cowork-logobar__link:focus {
outline: none;
}
.cowork-logobar__link:hover .cowork-logobar__img,
.cowork-logobar__link:focus-visible .cowork-logobar__img {
background-color: var(--wp--preset--color--accent-2, #ff00bf);
}
.cowork-logobar__name {
display: block;
text-align: center;
font-size: 0.72rem;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-top: 0.6rem;
opacity: 0.55;
white-space: nowrap;
} .cowork-logobar__link {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
@keyframes cowork-logobar-scroll {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}  @media (prefers-reduced-motion: reduce) {
.cowork-logobar__track {
animation: none;
}
} .cowork-confetti-dot {
position: fixed;
top: 0;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
pointer-events: none;
z-index: 9999;
animation: cowork-confetti-burst 0.7s ease-out forwards;
}
@keyframes cowork-confetti-burst {
0% { transform: translate(0, 0) scale(1); opacity: 1; }
100% { transform: translate(var(--dx), var(--dy)) scale(0.4); opacity: 0; }
}  .cowork-single-hero {
overflow: hidden;
} .cowork-single-hero__img {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.cowork-single-hero__img img,
.cowork-single-hero .wp-block-post-featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.cowork-single-hero:hover img {
transform: scale(1.03);
}  .cowork-related-cases .wp-block-post-featured-image {
position: relative;
overflow: hidden;
}
.cowork-related-cases .wp-block-post-featured-image img {
transition: transform 0.4s ease;
}
.cowork-related-cases .wp-block-post-featured-image:hover img {
transform: scale(1.03);
} .wp-block-post-content .wp-block-image {
position: relative;
overflow: hidden;
}
.wp-block-post-content .wp-block-image img {
transition: transform 0.4s ease;
}
.wp-block-post-content .wp-block-image:hover img {
transform: scale(1.03);
}
@media (prefers-reduced-motion: reduce) {
.cowork-single-hero__img img,
.cowork-single-hero .wp-block-post-featured-image img,
.cowork-related-cases .wp-block-post-featured-image img,
.wp-block-post-content .wp-block-image img {
transition: none;
}
} .cowork-hover-tag {
position: absolute;
left: 0.75em;
bottom: 0.75em;
z-index: 2;
padding: 0.3em 0.7em;
background: rgba(0, 0, 0, 0.65);
color: #fff;
font-size: 0.75rem;
line-height: 1.3;
border-radius: 2px;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.cowork-cases-page-loop .wp-block-post-featured-image:hover .cowork-hover-tag,
.cowork-related-cases .wp-block-post-featured-image:hover .cowork-hover-tag,
.cowork-single-hero:hover .cowork-hover-tag,
.wp-block-post-content .wp-block-image:hover .cowork-hover-tag {
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
.cowork-hover-tag {
transition: none;
}
} .cowork-single-category {
font-size: 0.8rem;
letter-spacing: 0.12em;
text-transform: uppercase;
opacity: 0.6;
margin-bottom: 0.5em;
}
.cowork-single-category a {
text-decoration: none;
color: inherit;
} .cowork-single-title {
margin-top: 0.2em !important;
margin-bottom: 0.4em !important;
} .cowork-single-meta {
font-size: 0.85rem;
opacity: 0.55;
gap: 0.6em !important;
align-items: center;
}
.cowork-single-meta__sep {
width: 1px !important;
height: 1em;
margin: 0 !important;
border: none;
flex-shrink: 0;
} .cowork-single-back a.cowork-back-link {
text-decoration: none;
font-size: 1.2rem;
transition: opacity 0.2s;
}
.cowork-single-back a.cowork-back-link:hover {
opacity: 1;
} .cowork-case-media-columns .wp-block-column {
display: flex;
}
.cowork-case-media-columns .wp-block-image {
margin: 0;
width: 100%;
}
.cowork-case-media-columns .wp-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} @media (max-width: 782px) {
.cowork-case-media-columns .wp-block-column {
display: block;
}
} .cowork-case-intro {
gap: 3em !important;
} .cowork-case-intro__label {
font-family: var(--wp--preset--font-family--source-sans-3) !important;
font-size: var(--wp--preset--font-size--x-large) !important;
font-weight: 300 !important;
letter-spacing: 0.12em;
text-transform: uppercase;
margin: 0 0 0.6em !important;
} .cowork-case-intro__claim {
font-family: var(--wp--preset--font-family--source-sans-3);
font-size: clamp(3rem, 5.25vw, 4.125rem);
line-height: 1.05;
font-weight: 500;
text-transform: lowercase;
margin: 0 0 1em;
} .cowork-case-intro__badges {
display: flex;
flex-wrap: wrap;
gap: 0.6em;
} @property --cowork-pill-angle {
syntax: '<angle>';
inherits: false;
initial-value: 90deg;
}
@keyframes cowork-pill-rotate {
to {
--cowork-pill-angle: 450deg;
}
} .cowork-case-image-169 {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
} .wp-block-image.cowork-case-image-169 img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .cowork-video-fill.wp-block-video {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
margin: 0;
}
.cowork-video-fill.wp-block-video video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .cowork-pill,
.cowork-case-intro__badges a,
.cowork-case-filter--query-loop .cowork-cases__filter-btn,
.wp-block-button.is-style-pill .wp-block-button__link {
--cowork-pill-angle: 90deg;
position: relative;
isolation: isolate;
display: inline-block;
padding: 0.5em 1.2em;
border-radius: 999px;
font-family: var(--wp--preset--font-family--source-sans-3);
font-size: var(--wp--preset--font-size--large);
text-decoration: none;
font-weight: 300;
text-transform: lowercase;
color: inherit;
border: 1px solid transparent;
background:
linear-gradient(var(--wp--preset--color--base, #fff), var(--wp--preset--color--base, #fff)) padding-box,
conic-gradient(from var(--cowork-pill-angle), #e6ff00, #ec4899, #e6ff00) border-box;
opacity: 1;
outline: none;
transition: background-color 0.2s, color 0.2s;
} .cowork-pill::after,
.cowork-case-intro__badges a::after,
.cowork-case-filter--query-loop .cowork-cases__filter-btn::after,
.wp-block-button.is-style-pill .wp-block-button__link::after {
content: "";
position: absolute;
box-sizing: border-box;
inset: -2px;
border: 2px solid transparent;
border-radius: inherit;
background:
linear-gradient(var(--wp--preset--color--base, #fff), var(--wp--preset--color--base, #fff)) padding-box,
conic-gradient(from var(--cowork-pill-angle), #e6ff00, #ec4899, #e6ff00) border-box;
opacity: 0;
z-index: -1;
pointer-events: none;
transition: opacity 0.25s ease;
}
.cowork-pill:hover,
.cowork-case-intro__badges a:hover,
.cowork-case-filter--query-loop .cowork-cases__filter-btn:hover,
.wp-block-button.is-style-pill .wp-block-button__link:hover {
animation: cowork-pill-rotate 1.6s linear infinite;
}
.cowork-pill:hover::after,
.cowork-case-intro__badges a:hover::after,
.cowork-case-filter--query-loop .cowork-cases__filter-btn:hover::after,
.wp-block-button.is-style-pill .wp-block-button__link:hover::after {
opacity: 1; animation: cowork-pill-rotate 1.6s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.cowork-pill:hover,
.cowork-case-intro__badges a:hover,
.cowork-case-filter--query-loop .cowork-cases__filter-btn:hover,
.wp-block-button.is-style-pill .wp-block-button__link:hover,
.cowork-pill:hover::after,
.cowork-case-intro__badges a:hover::after,
.cowork-case-filter--query-loop .cowork-cases__filter-btn:hover::after,
.wp-block-button.is-style-pill .wp-block-button__link:hover::after {
animation: none;
}
.cowork-pill::after,
.cowork-case-intro__badges a::after,
.cowork-case-filter--query-loop .cowork-cases__filter-btn::after,
.wp-block-button.is-style-pill .wp-block-button__link::after {
transition: none;
}
}
.cowork-pill:focus,
.cowork-case-intro__badges a:focus,
.cowork-case-filter--query-loop .cowork-cases__filter-btn:focus,
.wp-block-button.is-style-pill .wp-block-button__link:focus {
outline: none;
border-color: transparent;
}
.cowork-pill.is-active,
.cowork-case-filter--query-loop .cowork-cases__filter-btn.is-active {
background: #e5ff00;
border-color: transparent;
color: #000;
} .cowork-case-intro__text p {
font-size: var(--wp--preset--font-size--x-large);
line-height: 1.5;
margin: 0;
} .cowork-case-intro__text mark,
.wp-block-post-content mark { background-color: transparent !important; color: inherit !important;
padding: 0 0.1em;
border-radius: 2px;
background-image: linear-gradient(var(--wp--preset--color--accent-1), var(--wp--preset--color--accent-1));
background-repeat: no-repeat; background-position: left bottom 0.05em;
background-size: 0% 0.5em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
transition: background-size 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.cowork-case-intro__text mark.cowork-mark-in-view,
.wp-block-post-content mark.cowork-mark-in-view {
background-size: 100% 0.5em;
}
@media (prefers-reduced-motion: reduce) {
.cowork-case-intro__text mark,
.wp-block-post-content mark {
background-size: 100% 0.5em;
transition: none;
}
} .editor-styles-wrapper .cowork-case-intro__text mark,
.editor-styles-wrapper .wp-block-post-content mark {
background-size: 100% 0.5em;
}
@media (max-width: 782px) {
.cowork-case-intro .wp-block-column {
flex-basis: 100% !important;
}
} .cowork-case-filter-intro {
white-space: pre-line;
margin: 0 0 1.5em;
font-size: var(--wp--preset--font-size--x-large);
} .cowork-cases-page-loop .wp-block-post-terms a,
.cowork-related-cases .wp-block-post-terms a {
pointer-events: none;
cursor: default;
text-decoration: none;
} .cowork-case-format-tags {
color: #ff00bf;
font-style: normal;
font-weight: 300;
} .cowork-case-disziplin-labels {
color: #808080;
font-style: normal;
font-weight: 300;
text-decoration: none;
text-transform: lowercase;
margin: 0;
} .cowork-cases-page-loop .wp-block-post-featured-image {
position: relative;
overflow: hidden;
}
.cowork-cases-page-loop .wp-block-post-featured-image img {
transition: transform 0.4s ease;
}
.cowork-cases-page-loop .wp-block-post-featured-image:hover img {
transform: scale(1.03);
}
@media (prefers-reduced-motion: reduce) {
.cowork-cases-page-loop .wp-block-post-featured-image img {
transition: none;
}
} .cowork-cases-page-loop--home .wp-block-post-template > li .wp-block-post-title a,
.cowork-cases-page-loop--home .wp-block-post-template > li > p {
transition: color 0.3s ease;
}
.cowork-cases-page-loop--home .wp-block-post-template > li:hover .wp-block-post-title a,
.cowork-cases-page-loop--home .wp-block-post-template > li:hover > p {
color: var( --wp--preset--color--accent-2, #ff00bf );
}
@media (prefers-reduced-motion: reduce) {
.cowork-cases-page-loop--home .wp-block-post-template > li .wp-block-post-title a,
.cowork-cases-page-loop--home .wp-block-post-template > li > p {
transition: none;
}
} .cowork-cases__filter {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
margin-bottom: 2em;
}
.cowork-cases__filter-btn {
padding: 0.4em 1em;
border: 1px solid currentColor;
background: transparent;
border-radius: 2em;
font-size: 0.85rem;
cursor: pointer;
opacity: 0.45;
transition: opacity 0.2s, background 0.2s, color 0.2s;
}
.cowork-cases__filter-btn:hover {
opacity: 0.8;
}
.cowork-cases__filter-btn.is-active {
background: var(--wp--preset--color--accent, #f5c400);
border-color: var(--wp--preset--color--accent, #f5c400);
color: #000;
opacity: 1;
}   .cowork-team__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--wp--preset--spacing--70);
}
@media (max-width: 1024px) {
.cowork-team__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.cowork-team__grid {
grid-template-columns: 1fr;
}
}
.cowork-team__card {
display: flex;
flex-direction: column;
}
.cowork-team__media { scroll-margin-top: 140px;
position: relative;
aspect-ratio: 4/5;
overflow: hidden;
border-radius: 4px;
}
.cowork-team__img,
.cowork-team__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.cowork-team__img--placeholder {
background: #e8e8e8;
} .cowork-team__video {
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
}
.cowork-team__card:hover .cowork-team__video {
opacity: 1;
} .cowork-team__intro {
position: absolute;
inset: 0;
padding: 1.5em 1.5em 1.5em 0;
overflow-x: hidden;
overflow-y: auto;
background: var(--wp--preset--color--base, #fff);
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
line-height: 1.5;
}
.cowork-team__card.is-expanded .cowork-team__img,
.cowork-team__card.is-expanded .cowork-team__video {
opacity: 0;
}
.cowork-team__card.is-expanded .cowork-team__intro {
opacity: 1;
pointer-events: auto;
} .cowork-ai-badge--photo,
.cowork-ai-badge--video {
transition: opacity 0.4s ease;
}
.cowork-ai-badge--video {
opacity: 0;
}
.cowork-team__card:hover .cowork-ai-badge--photo {
opacity: 0;
}
.cowork-team__card:hover .cowork-ai-badge--video {
opacity: 1;
}
.cowork-team__card.is-expanded .cowork-ai-badge--photo,
.cowork-team__card.is-expanded .cowork-ai-badge--video {
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.cowork-team__video,
.cowork-team__intro {
transition: none;
}
} .cowork-team__name {
margin: 0.8em 0 0.2em;
}
.cowork-team__position {
display: block;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.5;
margin-bottom: 0.25em;
}
.cowork-team__intro p {
margin: 0 0 0.6em;
}
.cowork-team__intro p:last-child {
margin-bottom: 0;
}
.cowork-team__actions {
display: flex;
flex-wrap: wrap;
gap: 0.75em;
margin-top: 1em;
}
.cowork-team__more-btn {
cursor: pointer;
font: inherit;
-webkit-appearance: none;
appearance: none;
} .cowork-team__contact {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.75em;
height: 2.75em;
padding: 0;
} .cowork-team__contact-icon {
display: inline-block;
position: relative;
top: 0.04em;
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4' width='20' height='16' rx='2' fill='none' stroke='%23000' stroke-width='1.25'/%3E%3Cpath d='M3 6l9 7 9-7' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4' width='20' height='16' rx='2' fill='none' stroke='%23000' stroke-width='1.25'/%3E%3Cpath d='M3 6l9 7 9-7' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
} :root {
--cowork-ai-badge-height: 22px;
}
@media (max-width: 1024px) {
:root {
--cowork-ai-badge-height: 18px;
}
}
@media (max-width: 782px) {
:root {
--cowork-ai-badge-height: 16px;
}
}
.cowork-ai-badge {
position: absolute;
right: 0.75em;
bottom: 0.75em;
z-index: 3;
height: var( --cowork-ai-badge-height, 22px );
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
gap: 0.4em;
pointer-events: none;
} .cowork-ai-badge img.cowork-ai-badge__img {
display: block;
width: auto;
height: 100%;
} .cowork-ai-badge--left {
right: auto;
left: 0.75em;
align-items: flex-start;
} .cowork-reveal {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.cowork-reveal.cowork-reveal--visible {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
.cowork-reveal {
opacity: 1;
transform: none;
transition: none;
}
}  .cowork-footer-phone {
text-decoration: none;
color: inherit;
}
.cowork-footer-phone span {
font-weight: inherit;
font-size: 1em;
}
.cowork-footer-phone--wave span {
animation: cowork-footer-phone-wave 0.6s ease;
} @keyframes cowork-footer-phone-wave {
0%, 100% {
font-weight: inherit;
font-size: 1em;
}
50% {
font-weight: 700;
font-size: 1.268em;
}
}
@media (prefers-reduced-motion: reduce) {
.cowork-footer-phone--wave span {
animation: none;
}
} .cowork-expertise__list {
display: flex;
flex-direction: column; gap: calc( var( --wp--preset--spacing--70 ) * 1.5 );
}
.cowork-expertise-item { scroll-margin-top: 140px;
}
.cowork-expertise-item__headline {
margin: 0 0 0.4em; letter-spacing: normal;
}
.cowork-expertise-item .cowork-case-format-tags {
display: block;
margin: 0 0 1em;
}
.cowork-expertise-item__longcopy p {
margin: 0 0 0.6em;
}
.cowork-expertise-item__longcopy p:last-child {
margin-bottom: 0;
}
.cowork-expertise-item__cases-btn {
display: inline-block;
margin-top: 1em;
} .cowork-before-after {
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
border-radius: 4px;
user-select: none;
touch-action: none;
cursor: ew-resize;
}
.cowork-before-after__layer {
position: absolute;
inset: 0;
} .cowork-before-after__layer--after {
z-index: 1;
}
.cowork-before-after__layer--before {
z-index: 2;
clip-path: inset( 0 50% 0 0 );
}
.cowork-before-after__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
pointer-events: none;
}
.cowork-before-after__handle {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
z-index: 3;
width: 2px;
background: var( --wp--preset--color--accent-1, #fff );
transform: translateX( -50% );
} .cowork-before-after__handle:focus,
.cowork-before-after__handle:focus-visible,
.cowork-before-after__handle-grip:focus,
.cowork-before-after__handle-grip:focus-visible {
outline: none;
}
.cowork-before-after__handle-grip {
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
width: 44px;
height: 44px;
border-radius: 50%;
background: var( --wp--preset--color--accent-1, #fff );
display: flex;
align-items: center;
justify-content: center;
color: #000;
}
.cowork-before-after__handle-grip .material-symbols-outlined {
font-size: 1.2rem;
}
.cowork-before-after__tag {
position: absolute;
top: 0.75em;
z-index: 2;
padding: 0.3em 0.7em;
background: rgba( 0, 0, 0, 0.65 );
color: #fff;
font-size: 0.75rem;
line-height: 1.3;
border-radius: 2px;
}
.cowork-before-after__tag--before {
left: 0.75em;
}
.cowork-before-after__tag--after {
right: 0.75em;
}
.cowork-before-after-editor__col {
flex: 1;
} .cowork-back-to-top {
position: fixed;
right: 1.5em;
bottom: 1.5em;
z-index: 90;
width: 48px;
height: 48px;
border: none;
border-radius: 50%;
background: var( --wp--preset--color--accent-1, #e6ff00 );
color: #000;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
transform: translateY( 10px );
pointer-events: none;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.cowork-back-to-top.is-visible {
opacity: 0.85;
transform: translateY( 0 );
pointer-events: auto;
}
.cowork-back-to-top:hover,
.cowork-back-to-top:focus-visible {
opacity: 1;
}
.cowork-back-to-top .material-symbols-outlined {
font-size: 2rem;
}
@media (prefers-reduced-motion: reduce) {
.cowork-back-to-top {
transition: none;
}
}
@media (max-width: 782px) {
.cowork-back-to-top {
right: 1em;
bottom: 1em;
width: 42px;
height: 42px;
}
} .cowork-teaser-stage {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 1em;
overflow: visible;
}
.cowork-teaser-stage__icon {
flex-shrink: 0;
display: block;
height: 228px;
width: auto;
} .cowork-teaser-stage__handset {
transform-box: fill-box;
transform-origin: 50% 50%;
} @keyframes cowork-teaser-handset-ring-a {
0%, 100% { transform: translateY( 0 ) rotate( 0deg ); }
8% { transform: translateY( -18px ) rotate( 0deg ); }
15% { transform: translateY( -18px ) rotate( -9deg ); }
22% { transform: translateY( -18px ) rotate( 8deg ); }
29% { transform: translateY( -18px ) rotate( -8deg ); }
36% { transform: translateY( -18px ) rotate( 7deg ); }
43% { transform: translateY( -18px ) rotate( -7deg ); }
50% { transform: translateY( -18px ) rotate( 6deg ); }
57% { transform: translateY( -18px ) rotate( -6deg ); }
64% { transform: translateY( -18px ) rotate( 5deg ); }
71% { transform: translateY( -18px ) rotate( -4deg ); }
78% { transform: translateY( -18px ) rotate( 3deg ); }
85% { transform: translateY( -18px ) rotate( -2deg ); }
92% { transform: translateY( -18px ) rotate( 0deg ); }
}
@keyframes cowork-teaser-handset-ring-b {
0%, 100% { transform: translateY( 0 ) rotate( 0deg ); }
8% { transform: translateY( -18px ) rotate( 0deg ); }
15% { transform: translateY( -18px ) rotate( -9deg ); }
22% { transform: translateY( -18px ) rotate( 8deg ); }
29% { transform: translateY( -18px ) rotate( -8deg ); }
36% { transform: translateY( -18px ) rotate( 7deg ); }
43% { transform: translateY( -18px ) rotate( -7deg ); }
50% { transform: translateY( -18px ) rotate( 6deg ); }
57% { transform: translateY( -18px ) rotate( -6deg ); }
64% { transform: translateY( -18px ) rotate( 5deg ); }
71% { transform: translateY( -18px ) rotate( -4deg ); }
78% { transform: translateY( -18px ) rotate( 3deg ); }
85% { transform: translateY( -18px ) rotate( -2deg ); }
92% { transform: translateY( -18px ) rotate( 0deg ); }
} .cowork-teaser-stage__static-parts {
transform-box: fill-box;
transform-origin: 50% 50%;
}
@keyframes cowork-teaser-icon-wobble-a {
0%, 100% { transform: rotate( 0deg ); }
15% { transform: rotate( -8deg ); }
30% { transform: rotate( 7deg ); }
45% { transform: rotate( -7deg ); }
60% { transform: rotate( 6deg ); }
75% { transform: rotate( -4deg ); }
90% { transform: rotate( 2deg ); }
}
@keyframes cowork-teaser-icon-wobble-b {
0%, 100% { transform: rotate( 0deg ); }
15% { transform: rotate( -8deg ); }
30% { transform: rotate( 7deg ); }
45% { transform: rotate( -7deg ); }
60% { transform: rotate( 6deg ); }
75% { transform: rotate( -4deg ); }
90% { transform: rotate( 2deg ); }
}
.cowork-teaser-stage__text-wrap {
position: relative;
flex: 1;
width: 100%;
min-height: 2.4em;
overflow: visible;
text-align: center;
font-size: var( --wp--preset--font-size--x-large );
font-weight: bold; }
.cowork-teaser-stage__item {
position: absolute;
left: 50%;
top: 50%;
z-index: 5;
display: inline-block;
max-width: 100%;
color: inherit;
text-decoration: none;
opacity: 0;
transform: translate( -50%, -50% );
transition: opacity 0.5s ease, transform 0.5s ease;
}
a.cowork-teaser-stage__item:hover {
color: #ff00bf;
}
a.cowork-teaser-stage__item:hover::after {
background-color: #ff00bf;
} a.cowork-teaser-stage__item:focus {
outline: none;
} a.cowork-teaser-stage__item::after {
content: '';
display: inline-block;
width: 1.02em;
height: 1.02em;
margin-left: 0.3em;
vertical-align: middle;
background-color: var( --wp--preset--color--accent-1 );
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M8 12h7.5M12.5 8l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M8 12h7.5M12.5 8l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.cowork-teaser-stage__item.is-visible {
opacity: 1;
transform: translate( -50%, -50% ) translate( 0, 0 ) !important;
}
.cowork-teaser-stage__item--from-n { transform: translate( -50%, -50% ) translateY( -112px ); }
.cowork-teaser-stage__item--from-s { transform: translate( -50%, -50% ) translateY( 112px ); }
.cowork-teaser-stage__item--from-e { transform: translate( -50%, -50% ) translateX( 112px ); }
.cowork-teaser-stage__item--from-w { transform: translate( -50%, -50% ) translateX( -112px ); }
.cowork-teaser-stage__item--from-ne { transform: translate( -50%, -50% ) translate( 80px, -80px ); }
.cowork-teaser-stage__item--from-nw { transform: translate( -50%, -50% ) translate( -80px, -80px ); }
.cowork-teaser-stage__item--from-se { transform: translate( -50%, -50% ) translate( 80px, 80px ); }
.cowork-teaser-stage__item--from-sw { transform: translate( -50%, -50% ) translate( -80px, 80px ); }
@media (prefers-reduced-motion: reduce) { .cowork-teaser-stage__item {
transition: opacity 0.3s ease;
}
} .cowork-teaser-cta {
justify-content: center;
}
.cowork-teaser-cta h2 {
text-align: center;
}
.cowork-teaser-stage + .cowork-teaser-cta .wp-block-buttons {
justify-content: center;
}
.cowork-teaser-stage + .cowork-teaser-cta {
margin-top: 1.5em;
} @media (max-width: 782px) {
.cowork-teaser-stage__icon {
height: 130px;
}
} .cowork-blog-sidebar {
position: sticky;
top: 2em;
align-self: flex-start;
}
@media (max-width: 782px) {
.cowork-blog-sidebar {
position: static;
}
} @media (min-width: 601px) {
.cowork-cases-page-loop--home .wp-block-post-template {
container-type: inline-size;
--cowork-cases-stagger-offset: calc( 0.21 * ( 100cqw - var( --wp--preset--spacing--70 ) ) );
padding-bottom: var( --cowork-cases-stagger-offset );
}
.cowork-cases-page-loop--home .wp-block-post-template > li:nth-child(2n) {
transform: translateY( var( --cowork-cases-stagger-offset ) );
}
} .cowork-cases-page-loop--home .wp-block-buttons {
margin-top: 0;
}  .wp-block-accordion-heading__toggle {
display: block;
position: relative;
padding-left: calc( 1.5em + 0.6em );
padding-bottom: calc( var( --wp--preset--spacing--20, 1em ) * 1 / 3 );
}
.wp-block-accordion-heading__toggle-title {
display: inline;
background-image: linear-gradient( var( --wp--preset--color--accent-1 ), var( --wp--preset--color--accent-1 ) );
background-repeat: no-repeat;
background-position: left bottom 0.05em;
background-size: 0% 0.5em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
transition: background-size 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title,
.wp-block-accordion-heading__toggle:focus-visible .wp-block-accordion-heading__toggle-title,
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-title {
background-size: 100% 0.5em;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
text-decoration: none;
}
.wp-block-accordion-heading__toggle::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY( -50% );
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background-color: var( --wp--preset--color--accent-1 );
background-image:
linear-gradient( var( --wp--preset--color--contrast ), var( --wp--preset--color--contrast ) ),
linear-gradient( var( --wp--preset--color--contrast ), var( --wp--preset--color--contrast ) );
background-repeat: no-repeat;
background-position: center;
background-size: 44% 2px, 2px 44%;
transition: background-color 0.3s ease, background-size 0.3s ease;
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle::before {
background-color: var( --wp--preset--color--accent-2 );
background-size: 44% 2px, 2px 2px;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-accordion-heading__toggle-title,
.wp-block-accordion-heading__toggle::before {
transition: none;
}
} @media (max-width: 782px) {
.wp-block-accordion-item {
scroll-margin-top: 110px;
}
} .wp-block-social-link-anchor:focus {
outline: none;
} .cowork-lightbox-overlay {
position: fixed;
inset: 0;
z-index: 200;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
background: rgba(0, 0, 0, 0.85);
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
}
.cowork-lightbox-overlay.is-open {
opacity: 1;
pointer-events: auto;
}
.cowork-lightbox-img {
display: block;
max-width: 100%;
max-height: 100%;
border-radius: 4px;
}
.cowork-lightbox-close {
position: absolute;
top: 1rem;
right: 1.5rem;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: rgba(255, 255, 255, 0.15);
color: #fff;
font-size: 2rem;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.cowork-lightbox-close:hover,
.cowork-lightbox-close:focus-visible {
background: rgba(255, 255, 255, 0.3);
} body.cowork-lightbox-locked {
overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
.cowork-lightbox-overlay {
transition: none;
}
}