/*
Theme Name: BGS Kopfbereich
Template: twentytwelve
Version: 1.2.0
Text Domain: bgs-kopfbereich
Description: Kopfbereich für die BGS-Testkopie. Erstellt 2026-11-06. Änderung: 1.2.0 initialer Kopfbereich.
*/
#masthead.bgs-header { margin:0; padding:20px 0 0; border-bottom:4px solid #c89b24; }
.bgs-header, .bgs-header * { box-sizing:border-box; }
.bgs-header .bgs-header-top { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.bgs-header .bgs-brand { color:#123b68; text-decoration:none; font-size:24px; font-weight:700; line-height:1.25; }
.bgs-header .bgs-brand small { display:block; font-size:15px; font-weight:400; margin-top:6px; }
.bgs-header .bgs-book { display:inline-block; padding:13px 18px; background:#123b68; color:#fff; font-size:16px; font-weight:700; line-height:1.3; border-radius:6px; text-decoration:none; white-space:nowrap; }
.bgs-header .bgs-book:hover { background:#0b294a; }
.bgs-header a:focus-visible, .bgs-header button:focus-visible, .bgs-header input:focus-visible { outline:3px solid #9a7000; outline-offset:3px; }
.bgs-header .bgs-header-tools { display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:16px 0; }
.bgs-header .bgs-search { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0; }
.bgs-header .bgs-search label { font-size:14px; color:#123b68; }
.bgs-header .bgs-search input { width:210px; max-width:100%; min-height:42px; font-size:16px; padding:8px 10px; border:1px solid #61748a; border-radius:4px; }
.bgs-header .bgs-search button, .bgs-header .bgs-toggle { min-height:42px; padding:8px 12px; font:inherit; font-size:16px; color:#123b68; background:#f2f5f8; border:1px solid #61748a; border-radius:4px; cursor:pointer; box-shadow:none; }
.bgs-header .bgs-toggle { display:none; }
.bgs-header .bgs-nav { clear:both; }
.bgs-header .bgs-menu { display:flex; flex-wrap:wrap; gap:0; margin:0; padding:0; list-style:none; }
.bgs-header .bgs-menu li { position:relative; margin:0; list-style:none; }
.bgs-header .bgs-menu a { display:block; padding:12px 11px; color:#123b68; font-size:15px; line-height:1.4; text-decoration:none; }
.bgs-header .bgs-menu a:hover, .bgs-header .bgs-menu .current-menu-item > a { background:#e8eef5; text-decoration:underline; }
.bgs-header .bgs-menu > li.menu-item-has-children > a::after { content:' ▾'; }
.bgs-header .bgs-menu .sub-menu { position:absolute; top:100%; left:0; min-width:245px; max-width:320px; margin:0; padding:5px; background:#fff; border:1px solid #c2ccd7; box-shadow:0 5px 12px #0002; z-index:50; visibility:hidden; opacity:0; }
.bgs-header .bgs-menu > li:last-child .sub-menu { left:auto; right:0; }
.bgs-header .bgs-menu li:hover > .sub-menu, .bgs-header .bgs-menu li:focus-within > .sub-menu { visibility:visible; opacity:1; }
.bgs-header .bgs-menu .sub-menu .sub-menu { position:static; visibility:visible; opacity:1; box-shadow:none; border:0; }
@media (max-width:780px) {
 .bgs-header .bgs-header-top { align-items:flex-start; }
 .bgs-header .bgs-brand { font-size:21px; }
 .bgs-header .bgs-header-tools { justify-content:space-between; flex-wrap:wrap; }
 .bgs-header.bgs-js .bgs-toggle { display:inline-block; }
 .bgs-header.bgs-js .bgs-nav:not(.is-open) { display:none; }
 .bgs-header .bgs-menu { display:block; }
 .bgs-header .bgs-menu > li { border-top:1px solid #dce3eb; }
 .bgs-header .bgs-menu .sub-menu { position:static; min-width:0; max-width:none; visibility:visible; opacity:1; border:0; box-shadow:none; background:#f2f5f8; padding:0 0 6px 15px; }
 .bgs-header .bgs-menu a { padding:10px 12px; font-size:16px; }
 .bgs-header .bgs-menu > li.menu-item-has-children > a::after { content:''; }
}
@media (max-width:600px) {
 body { padding-bottom:82px; }
 .bgs-header .bgs-book { position:fixed; right:16px; bottom:calc(12px + env(safe-area-inset-bottom, 0px)); z-index:999; box-shadow:0 2px 10px #0004; }
 .bgs-header .bgs-search { width:100%; }
 .bgs-header .bgs-search input { flex:1 1 130px; width:auto; min-width:0; }
 .bgs-header .bgs-search label { flex-basis:100%; }
}