@font-face{font-family:'Battletech New Italic';src:url('../fonts/Battletech-New-Italic.woff2') format('woff2'),url('../fonts/Battletech-New-Italic.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#0b1017;--panel:#121b25;--panel2:#172331;--text:#e9eef3;--muted:#a8b5c2;--line:rgba(204,220,234,.16);--accent:#d6a84b;--accent2:#f0cc77;--max:1180px;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#26384a 0,#0b1017 55%);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent2);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#fff}img{max-width:100%;height:auto;border-radius:8px} .site-shell{min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:1rem;z-index:100;background:#fff;color:#000;padding:.75rem}.site-header{position:relative;overflow:hidden;background:#0a1119;border-bottom:1px solid var(--line)}.header-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,18,.96),rgba(7,12,18,.68)),url('../Bilder/Design03-head.jpg') center 38%/cover no-repeat;opacity:.85}.header-inner{position:relative;z-index:1;max-width:var(--max);margin:auto;min-height:190px;padding:34px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none}.brand-mark{width:66px;height:66px;border:2px solid var(--accent);display:grid;place-items:center;color:var(--accent2);font-weight:900;font-size:1.45rem;transform:skew(-7deg);box-shadow:0 0 0 5px rgba(214,168,75,.08)}.brand-copy strong{display:block;font-size:clamp(1.3rem,3vw,2.2rem);letter-spacing:.08em;line-height:1.2}.brand-copy em{color:var(--accent2);font-style:normal}.brand-copy small{display:block;color:#c4ced7;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;margin-top:8px}.header-kicker{color:#b9c4cf;font-size:.68rem;letter-spacing:.17em;text-align:right;max-width:230px}.site-nav{position:relative;z-index:2;background:rgba(17,27,38,.96);border-top:1px solid var(--line)}.nav-inner{max-width:var(--max);margin:auto;padding:0 24px}.nav-panel .nav-list{display:flex;align-items:stretch;gap:4px;list-style:none;padding:0;margin:0}.nav-list li{margin:0}.nav-list a{display:block;padding:17px 15px;color:#d8e0e7;text-decoration:none;font-size:.82rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase;border-bottom:3px solid transparent;transition:.2s}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--accent2);background:rgba(255,255,255,.035);border-bottom-color:var(--accent)}.menu-toggle{display:none}.site-main{width:min(var(--max),100%);margin:0 auto;padding:44px 24px 70px;flex:1}.hero-intro{position:relative;padding:34px clamp(24px,5vw,60px);margin-bottom:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,rgba(30,47,63,.94),rgba(17,26,36,.93));box-shadow:0 20px 50px rgba(0,0,0,.18);overflow:hidden}.hero-intro:after{content:"GALAHAD";position:absolute;right:-12px;bottom:-44px;font-weight:900;font-size:clamp(4rem,11vw,9rem);letter-spacing:.06em;color:rgba(255,255,255,.035);pointer-events:none}.eyebrow{display:block;color:var(--accent2);font-size:.72rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.hero-intro h1,.entry-title{font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;letter-spacing:-.035em;margin:.45rem 0 1rem;color:#fff}.hero-lead{max-width:650px;color:#c1ccd6;font-size:1.12rem;margin:0}.content-card{background:rgba(18,27,37,.94);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,4vw,48px);box-shadow:0 16px 45px rgba(0,0,0,.14);overflow-wrap:anywhere}.entry-header{padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--line)}.entry-title{margin:.4rem 0 0}.entry-meta{color:var(--muted);font-size:.88rem}.entry-content{color:#dbe2e8}.entry-content h2,.entry-content h3,.entry-content h4{color:#fff;line-height:1.25;margin-top:1.8em}.entry-content h2{font-size:clamp(1.5rem,3vw,2.1rem);padding-bottom:.55rem;border-bottom:1px solid var(--line)}.entry-content h3{font-size:1.3rem}.entry-content p{margin:0 0 1.15em}.entry-content ul,.entry-content ol{padding-left:1.5rem}.entry-content li{margin:.3em 0}.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.entry-content th,.entry-content td{padding:10px 12px;border:1px solid var(--line);text-align:left}.entry-content th{background:#223244;color:#fff}.entry-content blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:.4rem 1.2rem;color:#c3ced8;background:rgba(255,255,255,.025)}.entry-content input,.entry-content select,.entry-content textarea{max-width:100%;padding:.7rem;border:1px solid #536272;border-radius:6px;background:#0c141d;color:var(--text)}.entry-content button,.entry-content input[type=submit],.button-link{display:inline-block;background:var(--accent);color:#14171a;border:0;border-radius:6px;padding:.8rem 1.2rem;font-weight:800;text-decoration:none;cursor:pointer}.entry-content button:hover,.entry-content input[type=submit]:hover,.button-link:hover{background:var(--accent2);color:#111}.site-footer{background:#080d13;border-top:1px solid var(--line);padding:32px 24px 16px}.footer-inner,.footer-bottom{max-width:var(--max);margin:auto}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-brand{font-weight:900;letter-spacing:.12em;text-decoration:none;color:#fff}.footer-inner p{margin:.4rem 0;color:var(--muted);font-size:.9rem}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:13px;color:#7f8d9b;font-size:.8rem}.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-block-image figcaption{color:var(--muted);font-size:.85rem}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.gallery-item{max-width:100%;margin:0}.wp-caption{max-width:100%}.entry-content iframe{max-width:100%}@media(max-width:760px){.header-inner{min-height:145px;padding:25px 20px}.header-kicker{display:none}.brand-mark{width:52px;height:52px}.brand-copy strong{font-size:1.2rem}.nav-inner{padding:0 16px}.menu-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:13px 4px;background:none;border:0;color:#fff;font:inherit;font-weight:700}.nav-panel{display:none}.nav-panel.is-open{display:block}.nav-panel .nav-list{display:flex;flex-direction:column;gap:0;padding-bottom:10px}.nav-list a{padding:12px 10px;border-bottom:0;border-left:3px solid transparent}.nav-list a[aria-current=page],.nav-list a:hover{border-left-color:var(--accent)}.site-main{padding:24px 14px 42px}.hero-intro{padding:26px 22px}.content-card{padding:22px 18px}.footer-inner{flex-direction:column}.entry-content{font-size: .98rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Battletech New Italic: header branding and all page headings */
.brand-copy strong,.brand-copy em,.brand-copy small,.hero-intro h1,.entry-title,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.footer-brand{font-family:'Battletech New Italic',sans-serif;font-weight:400;letter-spacing:.025em}

/* v2.1.4: header identity and reliable two-level dropdowns */
.site-header { overflow: visible; }
.header-inner { overflow: visible; }
.brand-mark { width: 99px; height: 99px; min-width: 99px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; transform: none; display: block; overflow: visible; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 0; transform: none; }
.brand-copy strong, .brand-copy strong em { color: #fff; }
.brand-copy strong em { font-style: normal; }
.brand-copy small { font-size: .666em; line-height: 1.25; }
.site-nav, .nav-inner, .nav-panel { overflow: visible; }
.nav-panel > .nav-list { display: flex; align-items: stretch; }
.nav-panel .nav-list li { position: relative; }
.nav-panel .nav-list li > .sub-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 235px; max-width: 320px; padding: 6px 0; margin: 0; list-style: none; background: #111b26; border: 1px solid var(--line); box-shadow: 0 15px 28px rgba(0,0,0,.45); }
.nav-panel .nav-list li > .sub-menu li > .sub-menu { top: 0; left: 100%; }
.nav-panel .nav-list li:hover > .sub-menu, .nav-panel .nav-list li:focus-within > .sub-menu { display: block; }
.nav-panel .nav-list .sub-menu li { display: block; width: 100%; }
.nav-panel .nav-list .sub-menu a { display: block; padding: 11px 16px; white-space: normal; border-bottom: 0; border-left: 3px solid transparent; }
.nav-panel .nav-list .sub-menu a:hover, .nav-panel .nav-list .sub-menu a:focus-visible { border-left-color: var(--accent); }
@media (max-width:760px) {
 .brand-mark { width: 78px; height: 78px; min-width: 78px; }
 .brand-copy small { font-size: .666em; }
 .nav-panel .nav-list li > .sub-menu, .nav-panel .nav-list li > .sub-menu li > .sub-menu { position: static; display: block; min-width: 0; max-width: none; margin: 0 0 0 14px; padding: 0; border: 0; border-left: 1px solid var(--line); background: transparent; box-shadow: none; }
 .nav-panel .nav-list .sub-menu a { padding: 9px 10px; }
}

/* v2.1.5: Untertitel exakt 2/3 der Schriftgröße des Hauptschriftzugs */
.brand-copy strong { font-size: clamp(1.3rem, 3vw, 2.2rem); }
.brand-copy small { font-size: calc(clamp(1.3rem, 3vw, 2.2rem) * 2 / 3); line-height: 1.25; }
@media (max-width: 760px) {
  .brand-copy strong { font-size: 1.2rem; }
  .brand-copy small { font-size: .8rem; }
}

/* v2.1.6: Fluid typography on narrow/mobile viewports.
   The title/subtitle ratio remains 3:2 across screen sizes. */
@media (max-width: 760px) {
  .brand-copy { min-width: 0; }
  .brand-copy strong { font-size: clamp(1rem, 4.6vw, 1.65rem); line-height: 1.15; overflow-wrap: normal; }
  .brand-copy small { font-size: calc(clamp(1rem, 4.6vw, 1.65rem) * 2 / 3); line-height: 1.25; }
  .hero-intro h1, .entry-title, .entry-content h1 { font-size: clamp(1.65rem, 6.3vw, 2.8rem); line-height: 1.16; overflow-wrap: anywhere; }
  .entry-content h2 { font-size: clamp(1.35rem, 5.1vw, 2.15rem); line-height: 1.2; }
  .entry-content h3 { font-size: clamp(1.18rem, 4.4vw, 1.75rem); line-height: 1.25; }
  .entry-content h4 { font-size: clamp(1.05rem, 3.8vw, 1.4rem); line-height: 1.3; }
  .entry-content h5 { font-size: clamp(1rem, 3.5vw, 1.2rem); line-height: 1.3; }
  .entry-content h6 { font-size: clamp(.95rem, 3.2vw, 1.1rem); line-height: 1.35; }
}

/* v2.1.8 – consistent light-grey headings and smaller fluid mobile typography.
   Placed at the END of modern.css (loaded after style.css) to win the cascade. */
:root { --ogm-heading-grey: #c4ced7; }
.site-header .brand .brand-copy strong,
.site-header .brand .brand-copy strong em,
.site-header .brand .brand-copy small,
.site-main :is(h1,h2,h3,h4,h5,h6),
.site-footer .footer-brand,
.site-main :is(.entry-title,.wp-block-post-title,.hero-intro h1) {
  color: var(--ogm-heading-grey) !important;
}
/* Colored child spans/links in titles must not override the unified color. */
.site-header .brand .brand-copy :is(strong,small) :is(span,em,a),
.site-main :is(h1,h2,h3,h4,h5,h6) :is(span,em,strong,a),
.site-main :is(.entry-title,.wp-block-post-title) :is(span,em,strong,a) {
  color: inherit !important;
}
/* Keep the 2:3 subtitle/title size ratio at every viewport width. */
.site-header .brand-copy strong { font-size: clamp(1.3rem, 3vw, 2.2rem); }
.site-header .brand-copy small { font-size: calc(clamp(1.3rem, 3vw, 2.2rem) * 2 / 3); }
@media (max-width: 760px) {
  .site-header .brand-copy { min-width: 0; }
  .site-header .brand-copy strong { font-size: clamp(.88rem, 4vw, 1.4rem); }
  .site-header .brand-copy small { font-size: calc(clamp(.88rem, 4vw, 1.4rem) * 2 / 3); }
  .site-main :is(.hero-intro h1,.entry-title,h1) { font-size: clamp(1.1rem, 4.9vw, 2.2rem); line-height: 1.16; overflow-wrap: anywhere; }
  .site-main h2 { font-size: clamp(1rem, 4.1vw, 1.8rem); line-height: 1.2; }
  .site-main h3 { font-size: clamp(.95rem, 3.6vw, 1.5rem); line-height: 1.25; }
  .site-main h4 { font-size: clamp(.9rem, 3.2vw, 1.25rem); line-height: 1.3; }
  .site-main h5 { font-size: clamp(.85rem, 2.9vw, 1.08rem); line-height: 1.3; }
  .site-main h6 { font-size: clamp(.82rem, 2.7vw, 1rem); line-height: 1.35; }
}
@media (max-width: 380px) {
  .site-header .brand-mark { width: 62px; height: 62px; min-width: 62px; }
  .site-header .brand { gap: 10px; }
}