/* Entwurf 2: ein durchgehendes, generiertes Kopfmotiv. */
.keyboard-header{width:min(930px,calc(100% - 80px));height:240px;margin:32px auto 0;background:#d5d6da;isolation:isolate}
.keyboard-header .keyboard-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:-1}
.keyboard-header .header-inner{width:100%;max-width:none;height:100%;padding:0 32px;justify-content:flex-start;align-items:center}
.keyboard-header .desktop-navigation{justify-content:flex-start;gap:4px;background:rgba(255,255,255,.94);border-radius:8px;padding:6px 10px;box-shadow:0 3px 16px #00000006}
.keyboard-header .desktop-navigation a,.keyboard-header .desktop-navigation summary{background:transparent;color:#20333d;font-size:16px;font-weight:400;line-height:1.25;padding:6px 8px;border-radius:4px}
.keyboard-header .desktop-navigation .current-group>summary,.keyboard-header .desktop-navigation summary:hover,.keyboard-header .desktop-navigation summary:focus-visible,.keyboard-header .desktop-navigation a[aria-current=page],.keyboard-header .desktop-navigation a:hover,.keyboard-header .desktop-navigation a:focus-visible{background:rgba(32,51,61,.09);font-weight:500;color:#510e0e;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.keyboard-header .desktop-navigation a:focus-visible{outline:2px solid #510e0e;outline-offset:4px}
.keyboard-design .reading{margin-top:0;border-top:0}
@media(min-width:761px) and (max-width:1000px){
 .keyboard-header{height:210px}
 .keyboard-header .header-inner{padding-inline:24px}
 .keyboard-header .desktop-navigation{gap:2px;padding-inline:8px}
 .keyboard-header .desktop-navigation a{font-size:15px}
}
@media(max-width:760px){
 .keyboard-header{width:calc(100% - 48px);height:180px;margin-top:20px}
 .keyboard-header .keyboard-banner{object-position:right center}
 .keyboard-header .header-inner{height:64px;padding:0 12px;display:flex;align-items:center}
 .keyboard-header .mobile-menu summary{background:rgba(255,255,255,.94);color:#20333d;padding:8px 12px;min-height:44px;border-radius:8px;font-weight:350}
 .keyboard-header .mobile-menu summary:focus-visible{outline-color:#510e0e;outline-offset:3px}
 .keyboard-header .mobile-menu nav{top:64px;background:rgba(255,255,255,.9);border-top:0;border-bottom:1px solid #d7d7d7}
 .keyboard-design .reading{margin-top:0}
}
@media(max-width:540px){.keyboard-header{width:calc(100% - 24px)}}