@font-face-Regeln lösen keine Anfrage aus. */
@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/ibm-plex-mono-400-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/ibm-plex-mono-400-latin.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family: 'IBM Plex Sans';font-style: normal;font-weight: 100 700;font-display: swap;src: url('../fonts/ibm-plex-sans-400-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family: 'IBM Plex Sans';font-style: normal;font-weight: 100 700;font-display: swap;src: url('../fonts/ibm-plex-sans-400-latin.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--c-ink:        #17181A;--c-body:       #3D4045;--c-muted:      #6B6E73;--c-muted-2:    #6E7177;--c-muted-3:    #A9ACB1;--c-faint:      #8E9196;--c-line:       #E4E5E7;--c-line-2:     #C9CBCE;--c-line-dash:  #D6D8DA;--c-line-dark:  #303236;--c-line-dark2: #4A4D52;--c-red:        #E60000;--c-red-dark:   #C00000;--c-red-link:   #C00000;--c-bg:         #FFFFFF;--c-bg-alt:     #FAFAFA;--c-bg-soft:    #F6F6F7;--c-bg-ph:      #FCFCFC;--c-bg-ph-flaeche: #F2F2F3;--f-sans: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;--f-head: var(--f-sans);--f-mono: var(--f-sans);--f-code: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;--wrap: 1240px;--gutter: 32px;--radius: 2px;--section-y: clamp(56px, 8vw, 96px)}
*, *::before, *::after{box-sizing: border-box}
html{-webkit-text-size-adjust: 100%}
body{margin: 0;background: var(--c-bg);color: var(--c-ink);font-family: var(--f-sans);font-size: 16px;line-height: 1.5;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-wrap: break-word}
img, svg{display: block;max-width: 100%}
img{height: auto}
h1, h2, h3, h4, h5, h6{font-family: var(--f-head);font-weight: 600;margin: 0;letter-spacing: -0.015em;text-wrap: balance}
strong, b{font-weight: 500}
p{margin: 0;text-wrap: pretty}
a{color: var(--c-ink);text-decoration: none}
a:hover{color: var(--c-red-link)}
button{font: inherit;color: inherit}
:focus-visible{outline: 2px solid var(--c-red);outline-offset: 3px}
@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}
.wrap{max-width: var(--wrap);margin: 0 auto;padding-inline: var(--gutter)}
.skip-link{position: absolute;left: 8px;top: -60px;z-index: 100;background: var(--c-ink);color: #fff;padding: 12px 18px;font-weight: 500;transition: top .15s ease}
.skip-link:focus{top: 8px;color: #fff}
.label{font-family: var(--f-mono);font-size: 11.5px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--c-muted-2)}
.eyebrow{display: inline-flex;align-items: center;gap: 9px;font-family: var(--f-mono);font-size: 12px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--c-muted);margin-bottom: 26px}
.eyebrow::before{content: "";width: 8px;height: 8px;background: var(--c-red);flex: none}
.btn{display: inline-block;font-weight: 500;border-radius: var(--radius);text-align: center;transition: background-color .15s ease, border-color .15s ease, color .15s ease}
.btn--primary{background: var(--c-red);color: #fff;padding: 16px 28px;font-size: 15.5px}
.btn--primary:hover{background: var(--c-red-dark);color: #fff}
.btn--ghost{border: 1px solid var(--c-line-2);color: var(--c-ink);padding: 15px 26px;font-size: 15.5px}
.btn--ghost:hover{border-color: var(--c-ink);color: var(--c-ink)}
.btn--ghost-dark{border: 1px solid var(--c-line-dark2);color: #fff;padding: 16px 28px;font-size: 16px}
.btn--ghost-dark:hover{border-color: #fff;color: #fff}
.link-underline{font-weight: 500;font-size: 14.5px;border-bottom: 2px solid var(--c-red);padding-bottom: 4px}
.link-underline--dark{color: #fff}
.link-underline--dark:hover{color: #fff;opacity: .78}
.section-head{display: flex;justify-content: space-between;align-items: flex-end;gap: 40px;margin-bottom: 56px;flex-wrap: wrap}
.section-head__text{max-width: 640px}
.section-head h2,
.section-intro h2{font-size: clamp(27px, 3.4vw, 36px);font-weight: 600;line-height: 1.15;margin-bottom: 16px}
.section-head p,
.section-intro p{font-size: 17px;line-height: 1.6;color: var(--c-body)}
.section-intro{max-width: 620px;margin-bottom: 48px}
.ph{min-width: 0;overflow: hidden;margin: 0;background: repeating-linear-gradient(135deg, #F2F2F3 0 10px, #EAEAEC 10px 20px);border: 1px solid var(--c-line);display: flex;padding: 20px}
.ph__tag{font-family: var(--f-mono);font-size: 12px;color: var(--c-muted);background: var(--c-bg);padding: 8px 12px}
.ph--dark{background: repeating-linear-gradient(135deg, #232427 0 10px, #1D1E21 10px 20px);border-color: var(--c-line-dark);padding: 16px}
.ph--dark .ph__tag{background: none;color: var(--c-muted-3);font-size: 11px;padding: 0}
.topbar{border-bottom: 1px solid var(--c-line);background: var(--c-bg-alt);font-size: 12.5px;color: var(--c-muted)}
.topbar__inner{height: 38px;display: flex;align-items: center;justify-content: space-between;gap: 16px}
.topbar__claim{font-family: var(--f-mono);letter-spacing: 0.04em}
.topbar__links{display: flex;gap: 24px;align-items: center}
.topbar a{color: var(--c-muted)}
.topbar a:hover{color: var(--c-red-link)}
.topbar__sep{color: var(--c-line-2)}
.header{position: sticky;top: 0;z-index: 50;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(8px);border-bottom: 1px solid var(--c-line)}
.header__inner{min-height: 76px;display: flex;align-items: center;justify-content: space-between;gap: 24px}
.brand{display: flex;align-items: center;gap: 12px;flex: none}
.brand img{width: 44px;height: 44px}
.brand__text{display: flex;flex-direction: column;line-height: 1.1}
.brand__name{font-family: var(--f-head);font-weight: 500;font-size: 17px}
.brand__sub{font-family: var(--f-head);font-weight: 500;font-size: 11.5px;color: var(--c-muted);letter-spacing: 0.06em;text-transform: uppercase}
.nav{display: flex;align-items: center;gap: 26px;font-size: 14.5px;font-weight: 500;white-space: nowrap}
.nav a{color: var(--c-body);border-bottom: 2px solid transparent;padding-bottom: 3px}
.nav a:hover{color: var(--c-ink);border-bottom-color: var(--c-red)}
.nav a[aria-current="page"]{color: var(--c-ink);border-bottom-color: var(--c-red)}
.header .btn--primary{flex: none;padding: 13px 22px;font-size: 14.5px}
.nav-toggle{display: none;background: none;border: 1px solid var(--c-line-2);border-radius: var(--radius);padding: 10px 12px;cursor: pointer;line-height: 0}
.nav-toggle svg{width: 20px;height: 20px}
.nav-toggle .icon-close{display: none}
.nav-toggle[aria-expanded="true"] .icon-open{display: none}
.nav-toggle[aria-expanded="true"] .icon-close{display: block}
.hero{border-bottom: 1px solid var(--c-line)}
.hero__grid{display: grid;grid-template-columns: 1.05fr 1fr;gap: 64px;align-items: center;padding: clamp(48px, 7vw, 88px) 0 clamp(56px, 7.5vw, 96px)}
.hero h1{font-size: clamp(34px, 5vw, 58px);line-height: 1.05;font-weight: 600;margin-bottom: 26px}
.hero__lead{font-size: 18.5px;line-height: 1.62;color: var(--c-body);max-width: 560px;margin-bottom: 36px}
.hero__actions{display: flex;gap: 14px;align-items: center;margin-bottom: 40px;flex-wrap: wrap}
.proof{border-top: 1px solid var(--c-line);padding-top: 24px}
.proof .label{display: block;margin-bottom: 16px}
.proof__grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 14px}
.logo-ph{height: 72px;border: 1px dashed var(--c-line-dash);background: var(--c-bg-ph);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;text-align: center;padding: 0 8px}
.logo-ph__name{font-family: var(--f-head);font-weight: 500;font-size: 15.5px;color: var(--c-faint);letter-spacing: 0.01em}
.logo-ph__note{font-family: var(--f-mono);font-size: 10px;color: #B4B7BB}
.proof__note{font-size: 12.5px;color: var(--c-muted-2);margin-top: 12px}
.proof__note a{color: var(--c-muted);border-bottom: 1px solid var(--c-line-2)}
.hero__media{position: relative}
.hero__media .ph{aspect-ratio: 4 / 5;align-items: flex-start;justify-content: flex-end;padding: 24px}
.hero__badge{position: absolute;bottom: -28px;left: -28px;width: 220px;background: var(--c-ink);color: #fff;padding: 20px 22px}
.hero__badge strong{display: block;font-family: var(--f-head);font-weight: 500;font-size: 15px;margin-bottom: 6px}
.hero__badge span{font-size: 13px;color: var(--c-muted-3);line-height: 1.5}
.band{background: var(--c-ink);color: #fff}
.band__grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;padding-block: 34px;align-items: start}
.band dt{font-family: var(--f-head);font-weight: 500;font-size: 17px;margin-bottom: 5px}
.band dd{margin: 0;font-size: 13.5px;color: var(--c-muted-3);line-height: 1.5}
.problems{background: var(--c-bg-soft);border-bottom: 1px solid var(--c-line)}
.problems .wrap{padding-block: var(--section-y)}
.cards-4{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;list-style: none;margin: 0;padding: 0}
.card{background: var(--c-bg);border: 1px solid var(--c-line);padding: 28px 26px 30px}
.card__num{font-family: var(--f-mono);font-size: 12px;color: var(--c-red);margin-bottom: 20px}
.card h3{font-size: 19px;font-weight: 600;margin-bottom: 10px}
.card p{font-size: 14.5px;line-height: 1.6;color: var(--c-muted)}
.flow{border-bottom: 1px solid var(--c-line)}
.flow .wrap{padding-block: var(--section-y)}
.steps{display: grid;grid-template-columns: repeat(4, 1fr);border-top: 2px solid var(--c-ink);list-style: none;margin: 0;padding: 0}
.steps li{padding: 28px 28px 34px;border-right: 1px solid var(--c-line)}
.steps li:first-child{padding-left: 0}
.steps li:last-child{padding-right: 0;border-right: 0}
.steps__num{font-family: var(--f-head);font-weight: 500;font-size: 44px;color: var(--c-red);line-height: 1;margin-bottom: 20px}
.steps h3{font-size: 20px;font-weight: 600;margin-bottom: 10px}
.steps p{font-size: 14.5px;line-height: 1.65;color: var(--c-muted)}
.flow__media{margin-top: 56px;display: grid;grid-template-columns: 1.4fr 1fr;gap: 20px}
.flow__media .ph{aspect-ratio: 16 / 8;align-items: flex-end}
.features{background: var(--c-bg-soft);border-bottom: 1px solid var(--c-line)}
.features .wrap{padding-block: var(--section-y)}
.features .section-intro{margin-bottom: 52px}
.feature-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 1px;background: var(--c-line);border: 1px solid var(--c-line);list-style: none;margin: 0;padding: 0}
.feature{background: var(--c-bg);padding: 34px 30px 36px}
.feature svg{margin-bottom: 22px}
.feature h3{font-size: 18.5px;font-weight: 600;margin-bottom: 10px}
.feature p{font-size: 14.5px;line-height: 1.65;color: var(--c-muted)}
.trust{border-bottom: 1px solid var(--c-line)}
.trust .wrap{padding-block: var(--section-y)}
.trust__grid{display: grid;grid-template-columns: 1fr 1.15fr;gap: 72px;align-items: start}
.trust__intro p{font-size: 17px;line-height: 1.6;color: var(--c-body);margin-bottom: 28px}
.trust__intro h2{font-size: clamp(27px, 3.4vw, 36px);font-weight: 600;line-height: 1.15;margin-bottom: 16px}
.facts{margin: 0}
.facts__row{border-top: 1px solid var(--c-line);padding: 22px 0;display: grid;grid-template-columns: 200px 1fr;gap: 24px}
.facts__row:last-child{border-bottom: 1px solid var(--c-line)}
.facts dt{font-family: var(--f-head);font-weight: 500;font-size: 16px}
.facts dd{margin: 0;font-size: 15px;line-height: 1.6;color: var(--c-muted)}
.refs{margin-top: 56px}
.refs .label{display: block;margin-bottom: 18px}
.refs__grid{display: grid;grid-template-columns: repeat(5, 1fr);gap: 16px;list-style: none;margin: 0;padding: 0}
.refs__slot{height: 74px;border: 1px dashed var(--c-line-dash);display: flex;align-items: center;justify-content: center;font-family: var(--f-mono);font-size: 11px;color: var(--c-muted-3)}
.hardware{background: var(--c-ink);color: #fff}
.hardware .wrap{padding-block: var(--section-y)}
.hardware h2{font-size: clamp(27px, 3.4vw, 36px);font-weight: 600;line-height: 1.15;margin-bottom: 16px}
.hardware .section-head p{color: var(--c-muted-3)}
.hardware .section-head{margin-bottom: 48px}
.hardware .section-head__text{max-width: 600px}
.devices{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;list-style: none;margin: 0;padding: 0}
.device{color: #fff;display: block}
.device:hover{color: #fff}
.device .ph{aspect-ratio: 3 / 4;align-items: flex-end}
.device:hover .ph{border-color: var(--c-muted)}
.device__name{display: block;font-family: var(--f-head);font-weight: 500;font-size: 17px;margin-top: 14px}
.device__meta{display: block;font-size: 13.5px;color: var(--c-faint);margin-top: 4px}
.sectors{border-bottom: 1px solid var(--c-line)}
.sectors .wrap{padding-block: 44px;display: flex;align-items: center;gap: 28px;flex-wrap: wrap}
.sectors__list{display: flex;gap: 10px;flex-wrap: wrap;list-style: none;margin: 0;padding: 0}
.tag{display: inline-block;border: 1px solid var(--c-line);padding: 9px 16px;font-size: 14px;font-weight: 500;transition: border-color .15s ease, color .15s ease}
.tag:hover{border-color: var(--c-ink);color: var(--c-ink)}
.faq{background: var(--c-bg-soft);border-bottom: 1px solid var(--c-line)}
.faq .wrap{padding-block: var(--section-y);display: grid;grid-template-columns: 340px 1fr;gap: 72px}
.faq h2{font-size: clamp(27px, 3.4vw, 36px);font-weight: 600;line-height: 1.15;margin-bottom: 16px}
.faq__intro p{font-size: 16px;line-height: 1.6;color: var(--c-muted)}
.faq__intro a{border-bottom: 1px solid var(--c-red)}
.faq__list{background: var(--c-bg);border: 1px solid var(--c-line)}
.faq__item{border-bottom: 1px solid var(--c-line)}
.faq__item:last-child{border-bottom: 0}
.faq__q{display: flex;justify-content: space-between;align-items: center;gap: 24px;padding: 24px 28px;cursor: pointer;font-family: var(--f-head);font-weight: 500;font-size: 19px;list-style: none}
.faq__q::-webkit-details-marker{display: none}
.faq__q:hover{color: var(--c-red-link)}
.faq__q::after{content: "+";flex: none;color: var(--c-red);font-family: var(--f-sans);font-size: 22px;line-height: 1}
.faq__item[open] .faq__q::after{content: "\2013"}
.faq__a{margin: 0;padding: 0 28px 26px;font-size: 15px;line-height: 1.7;color: var(--c-body);max-width: 760px}
.cta .wrap{padding-block: 0}
.cta__box{background: var(--c-ink);color: #fff;padding: clamp(40px, 6vw, 72px) clamp(28px, 5vw, 64px);margin-block: 80px;display: grid;grid-template-columns: 1.2fr auto;gap: 56px;align-items: center}
.cta h2{font-size: clamp(29px, 3.8vw, 40px);font-weight: 600;line-height: 1.1;margin-bottom: 16px}
.cta p{font-size: 17.5px;line-height: 1.6;color: var(--c-muted-3);max-width: 600px}
.cta__actions{display: flex;flex-direction: column;gap: 12px;align-items: stretch;min-width: 240px}
.cta__actions .btn--primary{font-size: 16px;padding: 17px 28px}
.footer{border-top: 1px solid var(--c-line);background: var(--c-bg-alt)}
.footer .wrap{padding: 64px var(--gutter) 32px}
.footer__grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 48px}
.footer__brand img{width: 52px;height: 52px;margin-bottom: 18px}
.footer__brand p{font-size: 14.5px;line-height: 1.7;color: var(--c-muted);margin-bottom: 14px}
.footer__brand p:last-child{margin-bottom: 0}
.footer a{color: var(--c-muted)}
.footer a:hover{color: var(--c-red-link)}
.footer__col{display: flex;flex-direction: column;gap: 10px;font-size: 14.5px}
.footer__col h2{font-family: var(--f-head);font-weight: 600;font-size: 13px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-muted-2);margin-bottom: 6px}
.footer__col ul{list-style: none;margin: 0;padding: 0;display: contents}
.footer__bottom{margin-top: 48px;border-top: 1px solid var(--c-line);padding-top: 22px;display: flex;justify-content: space-between;gap: 24px;font-size: 13px;color: var(--c-muted-2);flex-wrap: wrap}
.footer__claim{font-family: var(--f-mono);letter-spacing: 0.04em}
@media (max-width: 1100px){.nav-toggle{display: block;order: 3}
.header__inner{flex-wrap: wrap;padding-block: 14px}
.header .btn--primary{order: 2;margin-left: auto}
.nav{order: 4;display: none;width: 100%;flex-direction: column;align-items: stretch;gap: 0;border-top: 1px solid var(--c-line);margin-top: 14px;padding-top: 6px;font-size: 16px}
.nav.is-open{display: flex}
.nav a{padding: 14px 2px;border-bottom: 1px solid var(--c-line);border-left: 2px solid transparent}
.nav a:last-child{border-bottom: 0}
.nav a:hover,
.nav a[aria-current="page"]{border-bottom-color: var(--c-line);border-left-color: var(--c-red);padding-left: 10px}
.hero__grid{gap: 40px}
.trust__grid{gap: 48px}
.faq .wrap{gap: 48px}}
@media (max-width: 900px){:root{--gutter: 24px}
.hero__grid{grid-template-columns: 1fr}
.hero__media{max-width: 520px}
.hero__badge{left: auto;right: 0;bottom: -20px}
.band__grid{grid-template-columns: repeat(2, 1fr);gap: 28px}
.cards-4{grid-template-columns: repeat(2, 1fr)}
.feature-grid{grid-template-columns: repeat(2, 1fr)}
.devices{grid-template-columns: repeat(2, 1fr)}
.refs__grid{grid-template-columns: repeat(3, 1fr)}
.steps{grid-template-columns: 1fr;border-top-width: 2px}
.steps li{border-right: 0;border-bottom: 1px solid var(--c-line);padding: 24px 0;display: grid;grid-template-columns: 56px 1fr;column-gap: 20px}
.steps li:last-child{border-bottom: 0}
.steps__num{grid-row: span 2;margin-bottom: 0;font-size: 38px}
.flow__media{grid-template-columns: 1fr}
.trust__grid{grid-template-columns: 1fr}
.facts__row{grid-template-columns: 1fr;gap: 6px}
.faq .wrap{grid-template-columns: 1fr}
.cta__box{grid-template-columns: 1fr;gap: 32px;margin-block: 56px}
.cta__actions{min-width: 0}
.footer__grid{grid-template-columns: repeat(2, 1fr);gap: 40px}}
@media (max-width: 620px){.topbar__claim{display: none}
.topbar__inner{justify-content: flex-end}
.brand__sub{display: none}
.header .btn--primary{padding: 11px 16px;font-size: 14px}
.hero__actions{flex-direction: column;align-items: stretch}
.hero__actions .btn{width: 100%}
.hero__lead{font-size: 17px}
.proof__grid{grid-template-columns: repeat(2, 1fr)}
.hero__badge{position: static;width: auto;margin-top: 16px}
.band__grid{grid-template-columns: 1fr;gap: 22px}
.cards-4{grid-template-columns: 1fr}
.feature-grid{grid-template-columns: 1fr}
.devices{grid-template-columns: 1fr}
.refs__grid{grid-template-columns: repeat(2, 1fr)}
.faq__q{font-size: 17px;padding: 20px}
.faq__a{padding: 0 20px 22px}
.footer__grid{grid-template-columns: 1fr;gap: 32px}
.footer__bottom{flex-direction: column;gap: 10px}}
@media print{.header, .topbar, .nav-toggle, .cta__actions{display: none}
body{color: #000}
.faq__item:not([open]) .faq__a{display: block}}
.vipo-main{padding: 0}
.vipo-main > .wp-block-group{margin-block: 0}
body.vipo-seite .site-content,
body.vipo-seite .content-area,
body.vipo-seite .site-main{padding: 0;margin: 0;max-width: none}
body.admin-bar .header{top: 32px}
@media (max-width: 782px){body.admin-bar .header{top: 46px}}
.nav__list{display: flex;align-items: center;gap: 26px;list-style: none;margin: 0;padding: 0}
.nav__list li{margin: 0}
.wp-block-group__inner-container{display: contents}
.wp-block-image{margin: 0}
.wp-block-image img{display: block}
.band__term{font-family: var(--f-head);font-weight: 500;font-size: 17px;margin: 0 0 5px}
.band__def{margin: 0;font-size: 13.5px;color: var(--c-muted-3);line-height: 1.5}
.facts__term{font-family: var(--f-head);font-weight: 500;font-size: 16px;margin: 0}
.facts__def{margin: 0;font-size: 15px;line-height: 1.6;color: var(--c-muted)}
.steps{grid-template-columns: repeat(5, 1fr)}
.steps__item{padding: 28px 28px 34px;border-right: 1px solid var(--c-line)}
.steps__item:first-child{padding-left: 0}
.steps__item:last-child{padding-right: 0;border-right: 0}
.devices{grid-template-columns: repeat(5, 1fr)}
.faq__item{margin: 0}
.faq__item > summary{display: flex;justify-content: space-between;align-items: center;gap: 24px;padding: 24px 28px;cursor: pointer;font-family: var(--f-head);font-weight: 500;font-size: 19px;list-style: none}
.faq__item > summary::-webkit-details-marker{display: none}
.faq__item > summary:hover{color: var(--c-red-link)}
.faq__item > summary::after{content: "+";flex: none;color: var(--c-red);font-family: var(--f-sans);font-size: 22px;line-height: 1}
.faq__item[open] > summary::after{content: "\2013"}
.logo-slot{height: 72px;border: 1px solid var(--c-line);background: var(--c-bg);display: flex;align-items: center;justify-content: center;padding: 8px 12px}
.logo-slot img{width: 100%;height: 100%;max-height: none;object-fit: contain}
.refs__grid .logo-slot{height: 74px}
.video{position: relative;aspect-ratio: 16 / 9;background: var(--c-ink);border: 1px solid var(--c-line-dark);display: flex;align-items: center;justify-content: center;cursor: pointer;overflow: hidden;width: 100%;padding: 0}
.video img{width: 100%;height: 100%;object-fit: cover;opacity: .72}
video.video{display: block;aspect-ratio: auto;cursor: auto;height: auto}
.video__play{position: absolute;width: 76px;height: 76px;border-radius: 50%;background: var(--c-red);display: flex;align-items: center;justify-content: center}
.video__play::after{content: "";border-left: 22px solid #fff;border-top: 13px solid transparent;border-bottom: 13px solid transparent;margin-left: 6px}
.video:hover .video__play{background: var(--c-red-dark)}
.video iframe{width: 100%;height: 100%;border: 0}
.video-player{display: block;width: 100%;aspect-ratio: 2072 / 1166;background: var(--c-ink);border: 1px solid var(--c-line-dark);object-fit: contain}
.video__note{font-family: var(--f-mono);font-size: 11.5px;color: var(--c-muted-2);margin-top: 12px}
.footer__social{display: flex;gap: 12px;margin-top: 18px}
.social{width: 36px;height: 36px;border: 1px solid var(--c-line-2);border-radius: var(--radius);display: inline-flex;align-items: center;justify-content: center;color: var(--c-muted);transition: border-color .15s ease, color .15s ease}
.social:hover{border-color: var(--c-ink);color: var(--c-ink)}
.editor-styles-wrapper .wrap{padding-inline: 0}
.editor-styles-wrapper .header,
.editor-styles-wrapper .topbar{display: none}
@media (max-width: 1100px){.nav__list{flex-direction: column;align-items: stretch;gap: 0;width: 100%}
.nav__list li{width: 100%}
.nav .nav__list li a{display: block;padding: 17px 2px;font-size: 17px;border-bottom: 1px solid var(--c-line);border-left: 2px solid transparent}
.nav .nav__list li:last-child a{border-bottom: 0}
.nav .nav__list li a:hover,
.nav .nav__list li a[aria-current="page"]{border-left-color: var(--c-red);padding-left: 12px}
.nav.is-open{padding-bottom: 8px}}
@media (max-width: 900px){.steps{grid-template-columns: repeat(2, 1fr)}
.steps__item{border-right: 0;padding-inline: 0}
.devices{grid-template-columns: repeat(2, 1fr)}}
@media (max-width: 620px){.steps, .devices{grid-template-columns: 1fr}}
.hero__actions p,
.cta__actions p,
.sectors__list p,
.footer__social > a{margin: 0}
.proof__grid .logo-slot,
.refs__grid .logo-slot{min-width: 0}
.feature-grid .feature{padding: 0;display: flex;flex-direction: column;min-width: 0}
.feature .feature__bild,
.feature > figure.wp-block-image{position: relative;overflow: hidden;height: 0;padding-top: 62.66%;margin: 0;border: 0;border-bottom: 1px solid var(--c-line)}
.feature .feature__bild,
.feature > figure.wp-block-image{background: var(--c-bg-ph-flaeche)}
.feature .feature__bild img,
.feature > figure.wp-block-image img{position: absolute;top: 16px;left: 16px;width: calc(100% - 32px);height: calc(100% - 32px);max-width: none;object-fit: cover;display: block}
.feature .feature__ph{margin: 0;aspect-ratio: 391 / 245;min-height: 0;border: 0;border-bottom: 1px solid var(--c-line);background: #F2F2F3;padding: 14px;align-items: flex-end;justify-content: flex-start}
.feature .feature__ph .ph__tag{font-size: 10.5px;padding: 6px 10px}
.feature__inhalt{padding: 34px 30px 36px}
.feature .feature__icon{width: 26px;height: 26px;color: var(--c-red);margin-bottom: 22px}
.feature > h3{padding: 34px 30px 0}
.feature > p{padding: 0 30px 36px}
.flow__video{margin-top: 56px}
.device .ph__tag{pointer-events: none}
.steps .steps__num{font-family: var(--f-head);font-weight: 500;font-size: 44px;color: var(--c-red);line-height: 1;margin: 0 0 20px}
.cards-4 .card__num{font-family: var(--f-mono);font-size: 12px;color: var(--c-red);margin: 0 0 20px}
.devices .device__name{font-family: var(--f-head);font-weight: 500;font-size: 17px;color: #fff;margin: 14px 0 0}
.devices .device__meta{font-size: 13.5px;color: var(--c-faint);margin: 4px 0 0}
.cta .cta__actions p{font-size: inherit;color: inherit;max-width: none;margin: 0}
.hero__badge p{margin: 0;font-size: 13px;color: var(--c-muted-3);line-height: 1.5}
.hero__badge p strong{color: #fff;margin-bottom: 0}
.hero__badge p + p{margin-top: 6px}
.section-head p{margin: 0}
.faq__intro p{margin: 0 0 14px}
.faq__intro p:last-child{margin-bottom: 0}
.feature-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}
@media (max-width: 900px){.feature-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}
@media (max-width: 620px){.feature-grid{grid-template-columns: minmax(0, 1fr)}}
.video-huelle{position: relative}
.video-ton{position: absolute;left: 16px;bottom: 56px;background: var(--c-red);color: #fff;border: 0;border-radius: var(--radius);padding: 10px 16px;font-family: var(--f-sans);font-size: 14px;font-weight: 500;cursor: pointer}
.video-ton:hover{background: var(--c-red-dark)}
.film{position: relative;display: block;width: 100%;background: var(--c-ink);border: 1px solid var(--c-line-dark);line-height: 0}
.film video{display: block;width: 100%;height: auto;cursor: pointer}
.film__leiste{position: absolute;left: 0;right: 0;bottom: 0;display: flex;align-items: center;gap: 12px;padding: 10px 14px;line-height: 1;background: linear-gradient(to top, rgba(10, 11, 12, .82), rgba(10, 11, 12, .52) 60%, rgba(10, 11, 12, 0))}
.film__knopf{flex: none;width: 34px;height: 34px;padding: 0;border: 0;border-radius: 50%;background: rgba(255, 255, 255, .14);color: #fff;cursor: pointer;position: relative;transition: background-color .15s ease}
.film__knopf:hover{background: var(--c-red)}
.film__knopf:focus-visible{outline: 2px solid #fff;outline-offset: 2px}
.film__knopf svg{position: absolute;inset: 0;margin: auto;width: 17px;height: 17px;display: block}
.film__zeit{flex: none;font-family: var(--f-mono);font-size: 11.5px;color: rgba(255, 255, 255, .86);font-variant-numeric: tabular-nums}
.film__balken{flex: 1 1 auto;min-width: 0;height: 4px;margin: 0;padding: 0;appearance: none;-webkit-appearance: none;background: rgba(255, 255, 255, .28);border-radius: 2px;cursor: pointer}
.film__balken::-webkit-slider-thumb{-webkit-appearance: none;width: 13px;height: 13px;border-radius: 50%;background: var(--c-red);border: 2px solid #fff;cursor: pointer}
.film__balken::-moz-range-thumb{width: 13px;height: 13px;border-radius: 50%;background: var(--c-red);border: 2px solid #fff;cursor: pointer}
.film__balken:focus-visible{outline: 2px solid #fff;outline-offset: 3px}
.film:fullscreen{display: flex;align-items: center;background: #000}
.film:fullscreen video{max-height: 100vh;object-fit: contain}
@media (max-width: 600px){.film__leiste{gap: 8px;padding: 8px 10px}
.film__knopf{width: 30px;height: 30px}
.film__zeit{font-size: 10.5px}}
code, kbd, samp, pre,
.wp-block-code, .wp-block-preformatted{font-family: var(--f-code)}
.card__num,
.cards-4 .card__num,
.row .row__num,
.film__zeit{font-variant-numeric: tabular-nums}
.produktfilm{padding: clamp(28px, 4vw, 52px) 0 clamp(8px, 1.5vw, 16px)}
.produktfilm__rahmen{max-width: 980px;margin-inline: auto;border: 1px solid var(--c-line);background: var(--c-ink);overflow: hidden}
.produktfilm__rahmen .film,
.produktfilm__rahmen video{border: 0;width: 100%}
.logo-bild{width: 160px;height: 65px;object-fit: contain;flex: none;opacity: .88;transition: opacity .2s ease}
.logo-bild:hover{opacity: 1}
.logo-band{overflow: hidden;mask-image: linear-gradient(to right, transparent, #000 56px, #000 calc(100% - 56px), transparent);-webkit-mask-image: linear-gradient(to right, transparent, #000 56px, #000 calc(100% - 56px), transparent)}
.logo-band__lauf{display: flex;width: max-content;animation: logo-lauf 90s linear infinite}
.logo-band__reihe{display: flex;align-items: center;gap: 52px;padding-right: 52px}
.logo-band:hover .logo-band__lauf,
.logo-band:focus-within .logo-band__lauf{animation-play-state: paused}
@keyframes logo-lauf{from{transform: translateX(0)}
to{transform: translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.logo-band__lauf{animation: none;flex-wrap: wrap;width: 100%}
.logo-band__reihe{flex-wrap: wrap;justify-content: center;gap: 36px}
.logo-band__reihe[aria-hidden="true"]{display: none}
.logo-band{mask-image: none;-webkit-mask-image: none}}
.logo-raster{display: grid;grid-template-columns: repeat(5, 1fr);gap: 28px 20px;align-items: center;justify-items: center;margin-top: 36px}
.logo-raster .logo-bild{width: 100%;max-width: 160px}
@media (max-width: 900px){.logo-raster{grid-template-columns: repeat(3, 1fr);gap: 24px 16px}
.logo-band__reihe{gap: 38px;padding-right: 38px}}
@media (max-width: 560px){.logo-raster{grid-template-columns: repeat(2, 1fr)}}
.page-hero{border-bottom: 1px solid var(--c-line)}
.page-hero .wrap{padding-block: clamp(44px, 6vw, 72px)}
.page-hero__grid{display: grid;grid-template-columns: 1fr 1fr;gap: 64px;align-items: center}
.page-hero__grid--end{align-items: end}
.page-hero .label{display: block;margin-bottom: 22px}
.page-hero .eyebrow{margin-bottom: 22px}
.page-hero h1{font-size: clamp(32px, 4.2vw, 46px);font-weight: 600;line-height: 1.08;margin-bottom: 20px;max-width: 820px}
.page-hero .page-hero__lead{font-size: 17px;line-height: 1.65;color: var(--c-body);max-width: 640px}
.page-hero__actions{display: flex;gap: 12px;flex-wrap: wrap;margin-top: 30px}
.page-hero__actions p{margin: 0}
.page-hero__media .ph{aspect-ratio: 4 / 3;align-items: flex-start;justify-content: flex-end}
.page-hero__aside{border-left: 2px solid var(--c-red);padding-left: 24px}
.page-hero__aside p{font-size: 15px;line-height: 1.6;color: var(--c-body)}
.page-hero__aside p + p{margin-top: 18px}
.crumbs{display: flex;gap: 8px;flex-wrap: wrap;font-size: 13px;color: var(--c-muted-2);margin-bottom: clamp(28px, 4vw, 44px)}
.crumbs a{color: var(--c-muted-2)}
.crumbs a:hover{color: var(--c-red-link)}
.page-logo{margin-bottom: 20px}
.page-logo img{height: 42px;width: auto}
.block{border-bottom: 1px solid var(--c-line)}
.block .wrap{padding-block: var(--section-y)}
.block--soft{background: var(--c-bg-soft)}
.block .block__title{font-size: clamp(24px, 2.8vw, 30px);font-weight: 500;line-height: 1.2;margin-bottom: 32px}
.block__intro{max-width: 640px;margin-bottom: 40px}
.block__intro .block__title{margin-bottom: 14px}
.block__intro p{font-size: 16px;line-height: 1.65;color: var(--c-muted)}
.modules{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1px;background: var(--c-line);border: 1px solid var(--c-line)}
.module{background: var(--c-bg);padding: 36px 34px 38px;scroll-margin-top: 110px}
.module .module__num{font-family: var(--f-mono);font-size: 12px;color: var(--c-red);margin-bottom: 18px}
.module h2,
.module h3{font-size: 21px;font-weight: 600;margin-bottom: 10px}
.module p{font-size: 14.5px;line-height: 1.65;color: var(--c-muted)}
.module p + p{margin-top: 18px}
.tiles{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px}
.tiles--4{grid-template-columns: repeat(4, 1fr)}
.tile{background: var(--c-bg);border: 1px solid var(--c-line);padding: 24px 24px 26px}
.tile h3{font-size: 16.5px;font-weight: 600;margin-bottom: 8px}
.tile p{font-size: 14px;line-height: 1.6;color: var(--c-muted)}
.tile .tile__rubric{font-family: var(--f-mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-muted-2);margin-bottom: 14px}
.tile .tile__phase{font-family: var(--f-mono);font-size: 11.5px;color: var(--c-red);margin-bottom: 14px}
.tile--offen{background: transparent;border-style: dashed}
.tile--offen h3{color: var(--c-muted)}
.tile--offen p{font-family: var(--f-mono);font-size: 12px;color: var(--c-muted-3)}
.rows{border-top: 1px solid var(--c-line)}
.row{display: grid;grid-template-columns: 64px 300px minmax(0, 1fr) 190px;gap: 32px;align-items: center;padding: 30px 0;border-bottom: 1px solid var(--c-line);scroll-margin-top: 110px}
.row .row__num{font-family: var(--f-mono);font-size: 12px;color: var(--c-red)}
.row h2,
.row h3{font-size: 24px;font-weight: 600}
.row p{font-size: 14.5px;line-height: 1.65;color: var(--c-muted)}
.row .row__action{text-align: right}
.numlist{border-top: 1px solid var(--c-line)}
.numlist__item{display: grid;grid-template-columns: 48px 1fr;gap: 16px;padding: 22px 0;border-bottom: 1px solid var(--c-line)}
.numlist__item .numlist__num{font-family: var(--f-head);font-weight: 500;font-size: 26px;line-height: 1;color: var(--c-red)}
.numlist__item h3{font-size: 16px;font-weight: 600;margin-bottom: 6px}
.numlist__item p{font-size: 14px;line-height: 1.6;color: var(--c-muted)}
.duo{display: grid;grid-template-columns: 1fr 1fr;gap: 72px;align-items: start}
.duo .block__title{margin-bottom: 14px}
.duo__intro p{font-size: 15.5px;line-height: 1.65;color: var(--c-body)}
.duo__intro p + p{margin-top: 22px}
.media-wide{margin-top: 48px}
.media-wide .ph{aspect-ratio: 16 / 6;align-items: flex-start;justify-content: flex-end}
.spotlight{display: grid;grid-template-columns: 1fr 1fr;gap: 56px;align-items: center;border: 1px solid var(--c-line);padding: 24px}
.spotlight__text{padding: 12px 0 12px 22px}
.spotlight .page-logo img{height: 34px}
.spotlight .spotlight__label{font-family: var(--f-mono);font-size: 11.5px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-red);margin-bottom: 10px}
.spotlight h2{font-size: 27px;font-weight: 600;line-height: 1.2;margin-bottom: 14px}
.spotlight p{font-size: 15px;line-height: 1.65;color: var(--c-muted)}
.spotlight p + p{margin-top: 22px}
.spotlight .ph{aspect-ratio: 16 / 11;align-items: flex-start;justify-content: flex-end}
.keyline{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;border-top: 1px solid var(--c-line);padding-top: 20px;margin-top: 30px}
.keyline--4{grid-template-columns: repeat(4, 1fr);border-top: 0;padding-top: 0;margin-top: 0}
.keyline .keyline__term{font-family: var(--f-mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-muted-2);margin-bottom: 6px}
.keyline .keyline__def{font-size: 14.5px;font-weight: 500;color: var(--c-ink)}
.keyline .keyline__def--offen{font-family: var(--f-mono);font-size: 12.5px;font-weight: 400;color: var(--c-muted-3)}
.screen-frame{background: var(--c-bg-soft);border: 1px solid var(--c-line);padding: 24px;display: flex;flex-direction: column;align-items: center;gap: 14px}
.screen-frame .wp-block-image{width: 60%;max-width: 330px}
.screen-frame img{width: 100%;aspect-ratio: 9 / 16;object-fit: cover}
.quote-split{display: grid;grid-template-columns: 1fr 1fr;gap: 56px;align-items: center}
.quote{border-left: 2px solid var(--c-red);padding-left: 28px}
.quote .quote__text{font-family: var(--f-head);font-weight: 500;font-size: clamp(19px, 2vw, 23px);line-height: 1.4;color: var(--c-ink);margin-bottom: 16px}
.quote .quote__by{font-size: 13px;color: var(--c-muted-2)}
.quote .quote__name{font-family: var(--f-head);font-weight: 500;font-size: 15px;color: var(--c-ink)}
.quote-split .ph{aspect-ratio: 16 / 10;align-items: flex-start;justify-content: flex-end}
.used{display: grid;grid-template-columns: repeat(2, 1fr);border-top: 2px solid var(--c-ink)}
.used__item{padding: 20px 24px 22px 0;border-right: 1px solid var(--c-line)}
.used__item + .used__item{padding-left: 24px}
.used__item:last-child{border-right: 0}
.used__item h3{font-size: 16px;font-weight: 600;margin-bottom: 6px}
.used__item p{font-size: 14px;line-height: 1.6;color: var(--c-muted)}
.stance{display: grid;grid-template-columns: 1fr 1fr;gap: 56px;align-items: start}
.stance .ph{aspect-ratio: 4 / 3;align-items: flex-start;justify-content: flex-end}
.stance h2{font-size: clamp(22px, 2.4vw, 27px);font-weight: 600;line-height: 1.2;margin-bottom: 18px}
.stance p{font-size: 15px;line-height: 1.7;color: var(--c-body)}
.stance p + p{margin-top: 14px}
.stance .stance__note{font-size: 13.5px;color: var(--c-muted-2)}
.team__lead{display: grid;grid-template-columns: 300px 1fr;gap: 56px;align-items: center;margin-bottom: 32px}
.team__lead .ph,
.person .ph{aspect-ratio: 4 / 5;align-items: flex-end}
.team__grid{display: grid;grid-template-columns: repeat(5, 1fr);gap: 16px}
.person .person__name{font-family: var(--f-head);font-weight: 500;font-size: 15px;margin-top: 12px}
.person .person__role{font-size: 13px;color: var(--c-muted);margin-top: 2px}
.filter{display: flex;gap: 8px;flex-wrap: wrap;justify-content: flex-end}
.filter a{border: 1px solid var(--c-line);padding: 7px 14px;font-size: 13.5px;font-weight: 500;color: var(--c-body)}
.filter a:hover{border-color: var(--c-ink);color: var(--c-ink)}
.filter a[aria-current="page"]{border-color: var(--c-ink);color: var(--c-ink)}
.post-meta{font-family: var(--f-mono);font-size: 11.5px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-muted-2)}
.post-feature{display: grid;grid-template-columns: 1.1fr 1fr;gap: 40px;align-items: center;border: 1px solid var(--c-line);padding: 24px}
.post-feature__media img,
.post-feature__media .ph{width: 100%;aspect-ratio: 16 / 10;object-fit: cover}
.post-feature h2{font-size: clamp(22px, 2.4vw, 28px);font-weight: 600;line-height: 1.2;margin: 12px 0 14px}
.post-feature h2 a{color: var(--c-ink)}
.post-feature p{font-size: 15px;line-height: 1.65;color: var(--c-muted);margin-bottom: 20px}
.post-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px}
.post-card{background: var(--c-bg);border: 1px solid var(--c-line);display: flex;flex-direction: column}
.post-card__media img,
.post-card__media .ph{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;border: 0}
.post-card__body{padding: 20px 20px 24px}
.post-card h3{font-size: 17px;font-weight: 600;line-height: 1.3;margin: 10px 0 8px}
.post-card h3 a{color: var(--c-ink)}
.post-card p{font-size: 14px;line-height: 1.6;color: var(--c-muted)}
.news-note{font-size: 13px;color: var(--c-muted-2);margin-top: 20px}
.news-leer{border: 1px dashed var(--c-line-dash);padding: 40px;text-align: center;color: var(--c-muted)}
.pagination{display: flex;gap: 8px;margin-top: 32px;flex-wrap: wrap}
.pagination .page-numbers{border: 1px solid var(--c-line);padding: 7px 13px;font-size: 14px;color: var(--c-body)}
.pagination .current{border-color: var(--c-ink);color: var(--c-ink);font-weight: 500}
.article-head .wrap{padding-block: clamp(36px, 5vw, 56px) 36px}
.article-head h1{font-size: clamp(30px, 3.8vw, 42px);font-weight: 600;line-height: 1.12;max-width: 860px;margin-bottom: 18px}
.article-head .article-lead{font-size: 17px;line-height: 1.65;color: var(--c-body);max-width: 760px}
.article-cover img,
.article-cover .ph{width: 100%;aspect-ratio: 16 / 7;object-fit: cover}
.article-cover .ph{align-items: flex-start;justify-content: flex-end}
.article-cover figcaption{font-size: 12.5px;color: var(--c-muted-2);margin-top: 10px}
.article-body{display: grid;grid-template-columns: 200px minmax(0, 760px);gap: 56px;padding-block: 48px var(--section-y)}
.article-meta{border-top: 1px solid var(--c-line);align-self: start;position: sticky;top: 110px}
.article-meta div{padding: 12px 0;border-bottom: 1px solid var(--c-line)}
.article-meta dt{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-muted-2);margin-bottom: 4px}
.article-meta dd{margin: 0;font-size: 14px;font-weight: 500}
.prose{font-size: 16px;line-height: 1.75;color: var(--c-body)}
.prose > * + *{margin-top: 18px}
.prose h2{font-size: 22px;font-weight: 600;line-height: 1.25;color: var(--c-ink);margin-top: 40px}
.prose h3{font-size: 18px;font-weight: 600;color: var(--c-ink);margin-top: 32px}
.prose a{border-bottom: 1px solid var(--c-red)}
.prose ul{list-style: none;padding: 0}
.prose ul li{position: relative;padding-left: 22px}
.prose ul li + li{margin-top: 8px}
.prose ul li::before{content: "";position: absolute;left: 2px;top: 0.72em;width: 6px;height: 6px;background: var(--c-red)}
.prose ol{padding-left: 22px}
.prose blockquote,
.prose .wp-block-quote{border-left: 2px solid var(--c-red);padding: 4px 0 4px 22px;margin-inline: 0}
.prose blockquote p{font-family: var(--f-head);font-weight: 500;font-size: 21px;line-height: 1.4;color: var(--c-ink)}
.prose blockquote cite{display: block;font-style: normal;font-size: 13px;color: var(--c-muted-2);margin-top: 10px}
.prose figure{margin-inline: 0}
.prose figcaption{font-size: 12.5px;color: var(--c-muted-2);margin-top: 10px}
.prose .ph{aspect-ratio: 16 / 9;align-items: flex-start;justify-content: flex-end}
.author-box{display: flex;gap: 18px;align-items: center;border: 1px solid var(--c-line);padding: 20px 22px;max-width: 760px;margin: 0 0 var(--section-y) 256px}
.author-box img,
.author-box .author-box__foto{width: 56px;height: 56px;border-radius: 50%;object-fit: cover;flex: none;background: var(--c-bg-soft)}
.author-box strong{display: block;font-family: var(--f-head);font-size: 15px}
.author-box span{display: block;font-size: 13px;color: var(--c-muted)}
.doc{display: grid;grid-template-columns: 220px minmax(0, 1fr);gap: 56px;align-items: start}
.doc__nav{position: sticky;top: 110px;border-left: 1px solid var(--c-line);padding-left: 14px}
.doc__nav p{margin: 0}
.doc__nav a{display: block;font-size: 13.5px;line-height: 1.4;color: var(--c-muted);padding: 5px 0}
.doc__nav a:hover{color: var(--c-ink)}
.doc__main{max-width: 820px}
.faq-group{scroll-margin-top: 110px}
.faq-group + .faq-group{margin-top: 44px}
.faq-group .faq-group__title{font-size: 22px;font-weight: 500;margin-bottom: 16px}
.legal h2{font-size: 22px;font-weight: 600;margin: 44px 0 12px;scroll-margin-top: 110px}
.legal h2:first-child{margin-top: 0}
.legal p{font-size: 15px;line-height: 1.75;color: var(--c-body)}
.legal p + p{margin-top: 12px}
.legal .legal__offen{font-family: var(--f-mono);font-size: 12px;color: var(--c-muted-3)}
.contact{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 72px;align-items: start}
.contact h1{font-size: clamp(34px, 4.2vw, 48px);font-weight: 600;line-height: 1.08;margin-bottom: 20px}
.contact .page-hero__lead{font-size: 17px;line-height: 1.65;color: var(--c-body);margin-bottom: 36px}
.contact .facts__row{grid-template-columns: 150px 1fr}
.contact .facts__def + .facts__def{margin-top: 2px}
.contact .ph{aspect-ratio: 2 / 1;margin-top: 28px;align-items: flex-start;justify-content: flex-end}
.form-card{background: var(--c-bg-soft);border: 1px solid var(--c-line);padding: 36px 38px 40px}
.form-card h2{font-size: 23px;font-weight: 600;margin-bottom: 6px}
.form-card .form-card__hint{font-size: 14px;color: var(--c-muted);margin-bottom: 28px}
.form-slot{background: var(--c-bg);border: 1px dashed var(--c-line-dash);padding: 28px}
.form-slot p{font-family: var(--f-mono);font-size: 12px;line-height: 1.7;color: var(--c-muted)}
.form-slot p + p{margin-top: 10px}
.form-card label{display: block;font-size: 13px;font-weight: 500;margin-bottom: 6px;color: var(--c-ink)}
.form-card input[type="text"],
.form-card input[type="email"],
.form-card input[type="tel"],
.form-card select,
.form-card textarea{width: 100%;font: inherit;font-size: 14px;line-height: 1.5;color: var(--c-ink);background: var(--c-bg);border: 1px solid var(--c-line-2);border-radius: var(--radius);padding: 9px 12px}
.form-card textarea{min-height: 115px;display: block}
.form-card input:focus,
.form-card select:focus,
.form-card textarea:focus{outline: 2px solid var(--c-red);outline-offset: 0;border-color: var(--c-ink)}
.form-card button[type="submit"],
.form-card input[type="submit"]{background: var(--c-red);color: #fff;border: 0;border-radius: var(--radius);padding: 13px 26px;font-weight: 500;font-size: 15px;cursor: pointer}
.form-card button[type="submit"]:hover,
.form-card input[type="submit"]:hover{background: var(--c-red-dark)}
.cta__box--single{grid-template-columns: 1fr auto}
@media (max-width: 1100px){.row{grid-template-columns: 48px 220px minmax(0, 1fr)}
.row .row__action{grid-column: 2 / -1;text-align: left}
.tiles--4{grid-template-columns: repeat(2, 1fr)}
.team__grid{grid-template-columns: repeat(3, 1fr)}}
@media (max-width: 900px){.page-hero__grid,
.modules,
.duo,
.spotlight,
.quote-split,
.stance,
.team__lead,
.post-feature,
.contact,
.doc,
.article-body{grid-template-columns: 1fr;gap: 36px}
.tiles,
.post-grid{grid-template-columns: repeat(2, 1fr)}
.cta__box--single{grid-template-columns: 1fr}
.keyline--4{grid-template-columns: repeat(2, 1fr)}
.row{grid-template-columns: minmax(0, 1fr);gap: 8px;padding: 26px 0}
.row p,
.row .row__action{grid-column: auto;text-align: left}
.row h2,
.row h3{font-size: 22px}
.row .row__action:not(:has(a)){display: none}
.row .row__action{margin-top: 6px}
.spotlight__text{padding: 0}
.doc__nav,
.article-meta{position: static}
.author-box{margin-left: 0}
.filter{justify-content: flex-start}
.team__lead{max-width: 420px}}
@media (max-width: 620px){.tiles,
.tiles--4,
.post-grid,
.used,
.keyline{grid-template-columns: 1fr}
.team__grid{grid-template-columns: repeat(2, 1fr)}
.used__item,
.used__item + .used__item{padding-inline: 0;border-right: 0;border-bottom: 1px solid var(--c-line)}
.form-card{padding: 26px 22px 30px}}
.author-box__foto{display: flex;align-items: center;justify-content: center;font-family: var(--f-head);font-weight: 500;color: var(--c-muted)}
.refline{display: flex;justify-content: space-between;align-items: center;gap: 16px;flex-wrap: wrap;border-top: 1px solid var(--c-line);padding-top: 22px;font-size: 14.5px;color: var(--c-muted)}
.prose .bildlegende{font-size: 12.5px;color: var(--c-muted-2);margin-top: 10px}
.article-cover{margin: 0}
.author-box .author-box__foto{display: flex}
.page-hero__grid--filter{grid-template-columns: minmax(0, 1fr) auto}
.page-hero__grid--filter .page-hero__lead{max-width: 620px}
.contact .label{display: block;margin-bottom: 22px}
.contact .legal__offen{font-family: var(--f-mono);font-size: 12px;color: var(--c-muted-3);margin-top: 4px}
.form-card .wpcf7 form{margin: 0}
.form-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 18px 16px}
.form-field{min-width: 0}
.form-field--breit{grid-column: 1 / -1}
.form-card .wpcf7-form-control-wrap{display: block}
.form-card input::placeholder,
.form-card textarea::placeholder{color: var(--c-muted-2);opacity: 1}
.form-card select{appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%236B6E73' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;padding-right: 36px}
.form-card .wpcf7-acceptance .wpcf7-list-item{margin: 0}
.form-card .wpcf7-acceptance label{display: flex;gap: 10px;align-items: flex-start;margin: 4px 0 0;font-size: 12.5px;font-weight: 400;line-height: 1.6;color: var(--c-muted);cursor: pointer}
.form-card input[type="checkbox"]{flex: none;width: 16px;height: 16px;margin: 2px 0 0;accent-color: var(--c-red)}
.form-card .wpcf7-acceptance a{color: inherit;border-bottom: 0}
.form-card .wpcf7-acceptance a:hover{color: var(--c-red-link)}
.form-submit{display: flex;align-items: center;gap: 12px;margin-top: 4px}
.form-card input[type="submit"]:disabled{opacity: 0.45;cursor: not-allowed}
.form-card .wpcf7-spinner{margin: 0}
.form-card .wpcf7-not-valid{border-color: var(--c-red)}
.form-card .wpcf7-not-valid-tip{display: block;font-size: 12.5px;color: var(--c-red-dark);margin-top: 6px}
.form-card .wpcf7 form .wpcf7-response-output{margin: 22px 0 0;padding: 12px 14px;border: 1px solid var(--c-line-2);background: var(--c-bg);font-size: 14px;line-height: 1.5}
.form-card .wpcf7 form.sent .wpcf7-response-output{border-color: #2E7D32}
.form-card .wpcf7 form.invalid .wpcf7-response-output,
.form-card .wpcf7 form.unaccepted .wpcf7-response-output,
.form-card .wpcf7 form.failed .wpcf7-response-output{border-color: var(--c-red)}
@media (max-width: 620px){.form-grid{grid-template-columns: 1fr}}
.form-card .wpcf7 form.init .wpcf7-response-output,
.form-card .wpcf7 form.resetting .wpcf7-response-output,
.form-card .wpcf7 form.submitting .wpcf7-response-output,
.form-card .wpcf7-response-output:empty{display: none}
@media (max-width: 900px){.contact{grid-template-columns: minmax(0, 1fr)}}
@media (max-width: 900px){.page-hero__grid--filter{grid-template-columns: minmax(0, 1fr);gap: 28px}
.filter{justify-content: flex-start}}
@media (max-width: 620px){.cta__actions .btn{display: block;width: 100%}}
@media (max-width: 620px){.contact .facts__row{grid-template-columns: minmax(0, 1fr);gap: 4px}}
.form-slot:has(.wpcf7){background: none;border: 0;padding: 0}
.form-card label{margin-bottom: 7px}
.legal .wp-block-table{margin: 20px 0;overflow-x: auto}
.legal table{width: 100%;border-collapse: collapse;font-size: 14px;line-height: 1.55}
.legal th,
.legal td{border-bottom: 1px solid var(--c-line);padding: 10px 14px 10px 0;text-align: left;vertical-align: top}
.legal thead th{font-family: var(--f-head);font-weight: 500;color: var(--c-ink);border-bottom-color: var(--c-line-2)}
.legal td{color: var(--c-muted)}
.legal td:first-child{color: var(--c-ink);font-weight: 500}
.legal .wp-block-list{list-style: none;padding: 0;margin: 14px 0}
.legal .wp-block-list li{position: relative;padding-left: 22px;font-size: 15px;line-height: 1.7;color: var(--c-body)}
.legal .wp-block-list li + li{margin-top: 10px}
.legal .wp-block-list li::before{content: "";position: absolute;left: 2px;top: 0.72em;width: 6px;height: 6px;background: var(--c-red)}
.legal a{border-bottom: 1px solid var(--c-line-2)}
.legal a:hover{border-bottom-color: var(--c-red)}
.legal .legal__stand{font-family: var(--f-mono);font-size: 12.5px;color: var(--c-muted-2);margin-top: 18px}
.vipo-nur-screenreader{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}
.suche{display: flex;gap: 10px;flex-wrap: wrap;margin-top: 30px;max-width: 560px}
.suche input[type="search"]{flex: 1 1 260px;min-width: 0;font: inherit;font-size: 15px;color: var(--c-ink);background: var(--c-bg);border: 1px solid var(--c-line-2);border-radius: var(--radius);padding: 13px 14px}
.suche input[type="search"]::placeholder{color: var(--c-muted-2)}
.suche input[type="search"]:focus{outline: 2px solid var(--c-red);outline-offset: 0;border-color: var(--c-ink)}
a.tile--link{display: block;color: var(--c-ink)}
a.tile--link:hover{border-color: var(--c-ink);color: var(--c-ink)}
a.tile--link h3{color: var(--c-ink)}
.karte{margin: 40px 0 0}
.karte__flaeche{position: relative;display: block;overflow: hidden;border: 1px solid var(--c-line);border-radius: var(--radius);background: var(--c-bg-soft);line-height: 0}
.karte__flaeche img{width: 100%;height: var(--karte-hoehe, 340px);object-fit: cover;display: block}
.karte__flaeche:hover{border-color: var(--c-line-2)}
.karte__flaeche:focus-visible{outline: 2px solid var(--c-red);outline-offset: 2px}
.karte__knopf{position: absolute;right: 16px;bottom: 16px;display: inline-block;padding: 11px 18px;font-size: 14px;font-weight: 500;line-height: 1.2;color: #fff;background: var(--c-red);border-radius: var(--radius);box-shadow: 0 1px 3px rgba(0, 0, 0, .18)}
.karte__flaeche:hover .karte__knopf{background: var(--c-red-dark)}
.karte__fuss{display: flex;flex-wrap: wrap;gap: 6px 16px;justify-content: space-between;margin-top: 12px;font-size: 13px;color: var(--c-muted-2)}
.karte__adresse{font-weight: 500;color: var(--c-body)}
.karte__quelle a{color: inherit;text-decoration: underline}
.karte__quelle a:hover{color: var(--c-red-link)}
@media (max-width: 900px){.karte__flaeche img{height: 220px}
.karte__knopf{right: 12px;bottom: 12px;padding: 10px 15px;font-size: 13.5px}}
.karte__flaeche--live{position: relative;min-height: var(--karte-hoehe, 340px);background: var(--c-bg-soft)}
.karte__flaeche--live iframe{display: block;width: 100%;height: var(--karte-hoehe, 340px);border: 0}
.karte__wege{display: flex;flex-wrap: wrap;gap: 6px 16px;align-items: baseline}
.karte__wege > a{font-weight: 500;color: var(--c-ink);text-decoration: underline;text-underline-offset: 3px}
.karte__wege > a:hover{color: var(--c-red-link)}
@media (max-width: 900px){.karte__flaeche--live{min-height: 260px}
.karte__flaeche--live iframe{height: 260px}}
.fussnote{margin-top: 18px;font-size: 12.5px;color: var(--c-muted-2)}