.cb-page .site-header { background: rgba(7, 11, 18, .97); }
.cb-page .site-nav [aria-current="page"] { color: var(--blue-bright); }
.cb-main { max-width: 1120px; margin: 0 auto; padding: 10rem 3rem 6rem; }
.cb-breadcrumb { margin-bottom: 3rem; color: var(--muted); font-size: .86rem; }
.cb-breadcrumb a { color: var(--paper); text-decoration: underline; text-underline-offset: .2em; }
.cb-intro { max-width: 940px; padding-bottom: 4rem; border-bottom: 1px solid var(--line); }
.cb-intro .eyebrow { color: var(--blue-bright); }
.cb-intro h1 { max-width: 16ch; margin: 0; font-size: clamp(3rem, 5.5vw, 5.4rem); line-height: 1.03; letter-spacing: -.045em; overflow-wrap: anywhere; }
.cb-lead { max-width: 730px; margin-top: 2rem; color: #d0d8e6; font-size: clamp(1.1rem, 1.8vw, 1.3rem); line-height: 1.65; }
.cb-action { margin: 1.8rem 0 0; }
.cb-action a { max-width: 100%; overflow-wrap: anywhere; }
.cb-action .text-link { color: var(--blue-bright); text-decoration: underline; text-underline-offset: .25em; }
.cb-action .button { justify-content: center; text-align: center; }
.cb-article { max-width: 820px; }
.cb-section { padding: 3.5rem 0; border-bottom: 1px solid var(--line); }
.cb-section:last-child { border-bottom: 0; }
.cb-section h2 { max-width: 23ch; margin: 0 0 1.4rem; font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.15; letter-spacing: -.03em; overflow-wrap: anywhere; }
.cb-section p { max-width: 70ch; color: #c5cedd; font-size: 1.08rem; line-height: 1.75; }
.cb-section#logitech, .cb-section#astro { border-left: 2px solid var(--blue); padding-left: 2rem; }
.cb-section details { border-top: 1px solid var(--line); padding: 1.3rem 0; }
.cb-section details:last-child { border-bottom: 1px solid var(--line); }
.cb-section summary { cursor: pointer; font-weight: 750; font-size: 1.1rem; }
.cb-section summary:focus-visible, .cb-page a:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 5px; }
.cb-section#anfrage { margin-top: 1rem; }
.cb-page .site-footer { border-top: 1px solid var(--line); }
@media (max-width: 900px) {
  .cb-main { padding: 8rem 1.5rem 3rem; }
  .cb-breadcrumb { margin-bottom: 2.5rem; }
  .cb-intro { padding-bottom: 3rem; }
  .cb-section { padding-block: 2.5rem; }
}
@media (max-width: 420px) {
  .cb-main { padding-inline: 1rem; }
  .cb-intro h1 { font-size: clamp(2.4rem, 11vw, 3rem); }
  .cb-intro .eyebrow { font-size: .7rem; letter-spacing: .1em; }
  .cb-action .button { width: 100%; }
  .cb-section#logitech, .cb-section#astro { padding-left: 1rem; }
  .cb-section p { font-size: 1rem; }
  .cb-section summary { overflow-wrap: anywhere; }
}