.seite-produkte{--schrift: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;--farbe-grund: #FBFAF9;--farbe-grund-alt: #F3F2EF;--farbe-dunkel: #16171A;--farbe-text: #16171A;--farbe-text-leise: #5B5E64;--farbe-text-invers-leise: #C3C7CC;--farbe-linie: #E3E1DC;--farbe-linie-dunkel: #34363C;--farbe-akzent-hell: #EF8200;--farbe-akzent: #9E4C00;--gr-s: 1rem;--gr-m: 1.0625rem;--radius: 0;--radius-flaeche: 0;--schatten: none;--kurve: cubic-bezier(0.16,1,0.3,1);font-family: var(--schrift);line-height: 1.6;-webkit-font-smoothing: antialiased;background: var(--farbe-grund);color: var(--farbe-text)}.seite-produkte h1,.seite-produkte h2,.seite-produkte h3{font-weight: 500}.seite-produkte h1{letter-spacing: -0.025em;line-height: 1.08;font-size: clamp(2.5rem,4.2vw,3.5rem)}.seite-produkte h2{letter-spacing: -0.02em;line-height: 1.15;margin-bottom: var(--a5);font-size: clamp(1.875rem,2.9vw,2.5rem)}.seite-produkte h3{letter-spacing: -0.01em;font-size: 1.375rem;line-height: 1.25}.seite-produkte main b,.seite-produkte main strong{font-weight: 600}.seite-produkte .knopf{font-weight: 600}.seite-produkte .kopf__nav .nav__liste > li > a{font-size: .9375rem}@media (min-width: 1024px) and (max-width: 1199px){.seite-produkte .kopf__nav .nav__liste > li > a{font-size: 14px}}.seite-produkte .inhalt > h2 + p,.seite-produkte .kapitel__lead{font-size: 1.125rem;max-width: 62ch;color: var(--farbe-text-leise)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.seite-produkte .kopf{background: rgba(251,250,249,.78);-webkit-backdrop-filter: saturate(1.4) blur(16px);backdrop-filter: saturate(1.4) blur(16px)}}.seite-produkte .abschnitt--dunkel,.seite-produkte .bereichshero{background: var(--farbe-dunkel)}.seite-produkte .abschnitt--dunkel .knopf,.seite-produkte .bereichshero .knopf{background: #fff;border-color: #fff;color: var(--farbe-dunkel)}.seite-produkte .abschnitt--dunkel .knopf:hover,.seite-produkte .bereichshero .knopf:hover{background: var(--farbe-text-invers-leise);border-color: var(--farbe-text-invers-leise);color: var(--farbe-dunkel)}.seite-produkte main a:not(.knopf):not(.karte__link):not(.ts-plakatkachel__link){color: var(--farbe-akzent);text-decoration: none;font-weight: 500}.seite-produkte main .abschnitt--dunkel a:not(.knopf):not(.karte__link),.ts-schluss a:not(.knopf){color: #fff}.seite-produkte .karte__link,.ts-plakatkachel__link,.ts-schluss__wege a:not(.knopf){border-bottom: 0 !important;padding-bottom: 0 !important}.ts-plakatkachel__link::after{content: " \2192";display: inline-block;transition: translate .35s var(--kurve)}.ts-plakatkachel:hover .ts-plakatkachel__link::after{translate: .3em 0}.seite-produkte .zahlen li,.seite-produkte .hero .zahlen li{border-top: 0 !important;border-bottom: 0 !important;padding-top: 0}.seite-produkte .hero .zahlen,.seite-produkte .hero > .inhalt > .zahlen{border-top: 0;padding-top: 0}.seite-produkte .zahlen b,.seite-produkte .abschnitt--dunkel .zahlen b{font-weight: 500;color: inherit;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;font-size: clamp(2.25rem,3.4vw,3rem)}.seite-produkte .zahlen span{color: var(--farbe-text-leise)}.seite-produkte .abschnitt--dunkel .zahlen span{color: var(--farbe-text-invers-leise)}.seite-produkte .bereichshero{padding-block: clamp(5rem,12vw,8rem) clamp(3.5rem,8vw,6rem)}.seite-produkte .bereichshero h1{max-width: 20ch;color: #fff}.seite-produkte .hero__text{font-size: 1.125rem;color: var(--farbe-text-invers-leise);max-width: 56ch}.tp-hero{position: relative;isolation: isolate;min-height: 78svh;display: flex;flex-direction: row;align-items: flex-end;justify-content: flex-start;overflow: clip}.tp-hero__bild{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 60% 40%;z-index: -2;border-radius: 0}.tp-hero::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(to top,rgba(22,23,26,.94) 0%,rgba(22,23,26,.55) 50%,rgba(22,23,26,.2) 100%)}.tp-hero .hero__inhalt{width: 100%;position: relative;z-index: 2}.tp-hero__zahlen{grid-template-columns: repeat(2,1fr);gap: var(--a5) var(--a6);margin-top: var(--a6)}@media (min-width: 768px){.tp-hero__zahlen{grid-template-columns: repeat(3,auto);justify-content: start;gap: var(--a5) var(--a8)}}.tp-hero__zahlen span{color: var(--farbe-text-invers-leise)}.tp-aussage{padding-block: clamp(4rem,8vw,6.5rem) !important}.tp-aussage__satz{font-size: clamp(1.5rem,2.8vw,2.25rem);font-weight: 500;letter-spacing: -0.02em;line-height: 1.2;max-width: 26ch;margin-bottom: var(--a4)}.tp-aussage__text{font-size: 1.125rem;color: var(--farbe-text-leise);max-width: 60ch;margin: 0}.ts-plakatkachel{position: relative;display: flex;flex-direction: column;justify-content: flex-end;min-height: 380px;color: #fff;text-decoration: none !important;overflow: clip;isolation: isolate;background: var(--farbe-dunkel)}.ts-plakatkachel > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: -2;border-radius: 0;transition: scale 1.1s var(--kurve)}.ts-plakatkachel:hover > img{scale: 1.04}.ts-plakatkachel::after{content: "";position: absolute;inset: 0;z-index: -1;background: linear-gradient(to top,rgba(22,23,26,.92) 0%,rgba(22,23,26,.55) 45%,rgba(22,23,26,.05) 100%)}.ts-plakatkachel__text{position: relative;padding: var(--a5);padding-top: clamp(5rem,12vw,9rem);transition: translate .7s var(--kurve)}.ts-plakatkachel:hover .ts-plakatkachel__text{translate: 0 -4px}.ts-plakatkachel h3{color: #fff;font-size: clamp(1.5rem,2.4vw,2rem);margin: 0 0 var(--a2)}.ts-plakatkachel p{color: rgba(255,255,255,.86);font-size: 1rem;max-width: 52ch;margin: 0 0 var(--a3)}.ts-plakatkachel__link{display: inline-block;color: #fff;font-weight: 500}.tp-bento{display: grid;gap: 12px;grid-template-columns: 1fr}@media (min-width: 880px){.tp-bento{grid-template-columns: 1fr 1fr;grid-auto-rows: 1fr}.tp-bento .ts-plakatkachel{min-height: 440px}.tp-bento .ts-plakatkachel__text{padding: var(--a6);padding-top: clamp(5rem,12vw,9rem)}}.ts-kopfzeile{display: flex;align-items: end;justify-content: space-between;gap: var(--a4);flex-wrap: wrap;margin-bottom: var(--a6)}.ts-kopfzeile h2{margin-bottom: var(--a3)}.ts-kopfzeile .kapitel__lead{margin-bottom: 0}.tp-logowand{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--a4) var(--a5);list-style: none;margin: 0;padding: 0;max-width: none}@media (min-width: 1024px){.tp-logowand{grid-template-columns: repeat(5,minmax(0,1fr))}}.tp-logowand li{margin: 0;min-width: 0;display: flex;align-items: center;justify-content: center;height: 80px;padding: .5rem}.tp-logowand img{max-height: 40px;max-width: min(140px,100%);width: auto;height: auto;border-radius: 0;mix-blend-mode: multiply;filter: grayscale(1);opacity: .75;transition: opacity .25s,filter .25s}.tp-logowand li:hover img{filter: none;opacity: 1}.ts-zweiteiler{display: grid;gap: var(--a5);padding-block: var(--a6)}.ts-zweiteiler__bild{margin: 0}.ts-zweiteiler__bild img{width: 100%;aspect-ratio: 3 / 2;object-fit: cover;border-radius: 0;display: block}.ts-zweiteiler__bild--zwei{display: grid;grid-template-columns: 1fr 1fr;gap: 8px}.ts-zweiteiler__bild--zwei img{aspect-ratio: 1 / 1}.ts-zweiteiler__text h3{font-size: 1.5rem}.ts-zweiteiler__text p{color: var(--farbe-text-leise)}@media (min-width: 880px){.ts-zweiteiler{grid-template-columns: 1fr 1fr;gap: var(--a8);align-items: center}.ts-zweiteiler--umgekehrt .ts-zweiteiler__bild{order: 2}}.tp-kunden .ts-zweiteiler:first-of-type{padding-top: 0}.ts-schluss__raster{display: grid;gap: var(--a6)}.ts-schluss h2{margin-bottom: var(--a3)}.ts-schluss p{color: var(--farbe-text-invers-leise)}.ts-schluss__wege p{margin: 0 0 var(--a4);display: grid;gap: .25rem}.ts-schluss__wege span{font-size: .9375rem;color: var(--farbe-text-invers-leise)}.ts-schluss__wege a:not(.knopf){color: #fff !important;text-decoration: none !important;width: fit-content;font-weight: 500}@media (min-width: 880px){.ts-schluss__raster{grid-template-columns: 7fr 4fr;gap: var(--a8);align-items: center}}@media (prefers-reduced-motion: no-preference){.ts-verborgen{opacity: 0;transform: translateY(16px)}.ist-da{opacity: 1;transform: none;transition: opacity .7s var(--kurve),transform .7s var(--kurve);transition-delay: calc(var(--i,0) * 80ms)}}@media (prefers-reduced-motion: reduce){.ts-verborgen{opacity: 1 !important;transform: none !important;transition: none !important}}.ts-wort{display: inline-block}.ts-bewegt .ts-wort{opacity: 0;filter: blur(5px);translate: 0 .25em;animation: ts-wort .7s var(--kurve) forwards;animation-delay: calc(80ms + var(--w,0) * 55ms)}.ts-bewegt .bereichshero .hero__text,.ts-bewegt .tp-hero__zahlen{animation: ts-ein .9s var(--kurve) .55s both}.ts-fuellen .ts-wort{opacity: .22;animation: ts-fuellen linear both;animation-timeline: view();animation-range-start: cover calc(12% + var(--w,0) * 1.6%);animation-range-end: cover calc(24% + var(--w,0) * 1.6%);filter: none;translate: 0 0;animation-delay: 0s}.ts-bewegt main h2:not(.ist-da):not(.nur-vorleser){clip-path: inset(0 0 100% 0);translate: 0 .45em}.ts-bewegt main h2{transition: clip-path .9s var(--kurve),translate .9s var(--kurve);clip-path: inset(-.3em 0 -.2em 0)}.ts-bewegt .tp-hero__bild{animation: ts-hero-zurueck linear both,ts-kenburns 7s var(--kurve) both;animation-timeline: view(),auto;animation-range: exit 0% exit 100%,normal}.ts-bewegt .tp-hero{view-timeline-name: --ts-hero}.ts-bewegt .tp-hero .hero__inhalt{animation: ts-hero-text-weg linear both;animation-timeline: --ts-hero;animation-range: exit 0% exit 65%}.ts-bewegt .ts-plakatkachel > img{inset: -8% 0 auto 0;height: 116%;animation: ts-tiefe linear both;animation-timeline: view();animation-range: cover 0% cover 100%}.ts-bewegt .ts-verborgen figure img{scale: 1.05;transition: scale 1.1s var(--kurve)}.ts-bewegt .ist-da figure img{scale: 1}@keyframes ts-ein{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}@keyframes ts-wort{to{opacity: 1;filter: blur(0);translate: 0 0}}@keyframes ts-hero-zurueck{to{translate: 0 22%;scale: 1.12;filter: brightness(.5)}}@keyframes ts-hero-text-weg{to{opacity: 0;translate: 0 -36px}}@keyframes ts-tiefe{from{translate: 0 -6%}to{translate: 0 6%}}@keyframes ts-kenburns{from{scale: 1.1}}@keyframes ts-fuellen{to{opacity: 1}}.seite-produkte .tp-hero h1{font-size: clamp(2.375rem,4.6vw,4.25rem);line-height: 1.02;letter-spacing: -0.03em;max-width: 18ch;margin: 0}.tp-aussage__satz{max-width: 32ch}.tp-hero__buehne{position: absolute;inset: 0;z-index: -2}.tp-hero__buehne img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 60% 45%;border-radius: 0;opacity: 0;transition: opacity 1.6s ease}.tp-hero__buehne img.ist-aktiv{opacity: 1}.ts-bewegt .tp-hero__buehne img.ist-aktiv,.ts-bewegt .tp-hero__buehne img.geht{animation: tp-ruhig 8.2s linear both}.ts-bewegt .tp-hero__buehne{animation: ts-hero-zurueck linear both;animation-timeline: view();animation-range: exit 0% exit 100%}@keyframes tp-ruhig{from{scale: 1.06}to{scale: 1}}.tp-aussage{padding-block: clamp(4.5rem,9vw,7.5rem) !important}.tp-aussage__raster{display: grid;gap: var(--a7)}.tp-aussage__kern{font-size: clamp(1.375rem,2.1vw,2rem);font-weight: 500;letter-spacing: -0.02em;line-height: 1.18;color: var(--farbe-text);max-width: 26ch;margin: 0 0 var(--a5)}.tp-aussage__raster .tp-aussage__text{line-height: 1.6;max-width: 52ch}.tp-aussage__zahlen{list-style: none;margin: 0;padding: 0;max-width: none;display: grid;grid-template-columns: 1fr 1fr;gap: var(--a6) var(--a5);align-content: center}.tp-aussage__zahlen li{margin: 0}.tp-aussage__zahlen b{display: block;font-size: clamp(2.5rem,4vw,3.5rem);font-weight: 500;letter-spacing: -0.03em;line-height: 1;color: var(--farbe-text);font-variant-numeric: tabular-nums;margin-bottom: .4rem}.tp-aussage__zahlen span{color: var(--farbe-text-leise);font-size: 1rem}@media (min-width: 880px){.tp-aussage__raster{grid-template-columns: 7fr 5fr;gap: var(--a9);align-items: center}}.tp-aussage__kern{margin-bottom: 0;max-width: 28ch}.tp-aussage__kern span{color: var(--farbe-text-leise)}.tp-kunden .ts-zweiteiler__text p:last-child{margin-bottom: 0}.tp-kunden__weiter{margin: var(--a6) 0 0}.seite-produkte main a.ts-weiter{color: var(--farbe-text);font-weight: 600;font-size: 1.0625rem}.ts-weiter::after{content: " \2192";display: inline-block;transition: translate .35s var(--kurve)}.ts-weiter:hover::after{translate: .3em 0}.seite-produkte main a.ts-weiter:hover{color: var(--farbe-akzent)}.seite-produkte main .tp-kunden a.ts-weiter{color: var(--farbe-text);font-weight: 600}.seite-produkte main .tp-kunden a.ts-weiter:hover{color: var(--farbe-akzent)}.ts-weiter::after,.ts-plakatkachel__link::after{content: "\2192";margin-left: .35em}.tp-kunden__weiter{margin-top: var(--a3)}.seite-produkte main .tp-kunden .tp-kunden__weiter a.ts-weiter{color: var(--farbe-text)}.seite-produkte main .tp-kunden .tp-kunden__weiter a.ts-weiter:hover{color: var(--farbe-akzent)}.ts-zweiteiler__bild--zwei{aspect-ratio: 3 / 2}.ts-zweiteiler__bild--zwei img{width: 100%;height: 100%;aspect-ratio: auto;object-fit: cover}.ts-zweiteiler__bild--zwei img:last-child{object-position: 92% 50%}.tp-logowand img[src*="cyberxhub-wortmarke"]{max-width: min(165px,100%);filter: grayscale(1) brightness(.55);opacity: .9}.tp-logowand li:hover img[src*="cyberxhub-wortmarke"]{filter: none;opacity: 1}.tp-logowand img,.tp-logowand img[src*="cyberxhub-wortmarke"]{width: var(--b,auto);height: auto;max-width: 100%;max-height: none;mix-blend-mode: normal;filter: grayscale(1);opacity: .7}.tp-logowand li:hover img,.tp-logowand li:hover img[src*="cyberxhub-wortmarke"]{filter: none;opacity: 1}.tp-logowand img,.tp-logowand img[src*="cyberxhub-wortmarke"]{filter: grayscale(1) brightness(var(--h,1))}.tp-aussage--kurz{padding-block: clamp(3.5rem,7vw,5.5rem) !important}.tp-aussage--kurz .tp-aussage__kern{max-width: 34ch}.seite-produkte .tp-hero h1{max-width: 20ch}.seite-produkte .tp-hero h1{max-width: 26ch}.seite-produkte .produkt__bild img,.seite-produkte .produkt__bild{border-radius: 0}.seite-produkte .produkt__bild--logo{background: var(--farbe-grund-alt);aspect-ratio: 3 / 2;display: grid;place-items: center}.seite-produkte .produkt__bild--logo img{width: 50%;height: auto;aspect-ratio: auto;object-fit: contain}.seite-produkte .partnervorteile__zeichen{display: none}.seite-produkte .partnervorteile li{border-top: 0;padding-top: 0}.seite-produkte .partnervorteile h3{white-space: normal;font-size: 1.25rem}@media (min-width: 880px){.seite-produkte .partnervorteile{grid-template-columns: repeat(3,minmax(0,1fr));column-gap: var(--a7)}}a.ts-weiter{padding-block: .75rem}.seite-produkte h2.produkte__gruppe{font-size: clamp(1.875rem,2.9vw,2.5rem);margin: 0;padding-top: 0;border-top: 0}.seite-produkte h2.produkte__gruppe + .produkte{margin-top: var(--a6)}.seite-produkte .produkte + h2.produkte__gruppe{margin-top: var(--a9)}.seite-produkte .tp-aussage .herstellerlogos{margin-top: var(--a6);padding: 0;border: 0;display: flex;flex-wrap: wrap;justify-content: flex-start;gap: var(--a5) var(--a8)}.seite-produkte .tp-aussage .herstellerlogos li{flex: 0 0 auto;justify-content: flex-start}.seite-produkte .abschnitt--dunkel > .inhalt > p:not([class]){color: var(--farbe-text-invers-leise)}.seite-produkte h1,.seite-produkte .tp-hero h1,.seite-produkte .bereichshero h1{font-size: var(--hero-h1);line-height: var(--hero-h1-zeile);letter-spacing: -0.025em;max-width: 40ch}@media (min-width: 880px){.tp-bento{grid-auto-rows: minmax(clamp(5rem,12vw,9rem),1fr) auto auto auto}.tp-bento .ts-plakatkachel{display: grid;grid-template-columns: minmax(0,1fr);justify-content: normal;align-content: normal;grid-row: span 4;grid-template-rows: subgrid;gap: 0;align-items: start;padding: 0 var(--a6) var(--a6)}.tp-bento .ts-plakatkachel__text{display: contents}.tp-bento .ts-plakatkachel h3{grid-row: 2}.tp-bento .ts-plakatkachel p{grid-row: 3}.tp-bento .ts-plakatkachel__link{grid-row: 4;justify-self: start}.tp-bento .ts-plakatkachel :is(h3,p,.ts-plakatkachel__link){transition: translate .7s var(--kurve)}.tp-bento .ts-plakatkachel:hover :is(h3,p,.ts-plakatkachel__link){translate: 0 -4px}}.seite-produkte main a.textlink:not(.knopf):not(.karte__link):not(.ts-plakatkachel__link){color: inherit;font-weight: inherit;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px}.seite-produkte main a.textlink:not(.knopf):not(.karte__link):not(.ts-plakatkachel__link):hover{color: var(--farbe-akzent)}.seite-produkte .produkte__einleitung{margin: var(--a4) 0 0;max-width: 62ch;font-size: 1.125rem;line-height: 1.55;color: var(--farbe-text-leise)}.seite-produkte .produkte__einleitung + .produkte{margin-top: var(--a6)}@media (min-width: 880px){.tp-bento.ue-bento > .ts-plakatkachel:last-child:nth-child(odd){grid-column: 1 / -1}}.seite-produkte .tp-aussage__kern + .tp-aussage__text{margin-top: var(--a5)}