/* IFB adaptive header navigation - reads Jimdo menu tree, distributes by width */
.ifbnav{display:flex;align-items:center;flex:1 1 auto;min-width:0;font-family:inherit;position:relative}
.ifbnav *{box-sizing:border-box}
.ifbnav__burger{display:none}

/* bar */
.ifbnav__bar{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;list-style:none;margin:0;padding:0;overflow:visible;width:100%;justify-content:flex-end}
.ifbnav__item{position:relative;flex:0 0 auto}
.ifbnav__link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#0a2342;font-weight:500;font-size:16px;line-height:1.2;padding:10px 14px;white-space:nowrap;border-radius:8px;cursor:pointer;background:none;border:0}
.ifbnav__bar>.ifbnav__item>.ifbnav__link:hover{color:#c9a227}
.ifbnav__bar>.ifbnav__item.is-open>.ifbnav__link{color:#c9a227}

/* caret: chevron from two borders */
.ifbnav__caret{display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:3px;position:relative;top:-2px;transition:transform .15s ease}
.ifbnav__bar>.ifbnav__item.is-open>.ifbnav__link>.ifbnav__caret{transform:rotate(-135deg);top:1px}

/* dropdown panels: top-level + More */
.ifbnav__menu{display:none;list-style:none;margin:0;padding:0}
.ifbnav__item.is-open>.ifbnav__menu{display:block}
.ifbnav__bar>.ifbnav__item>.ifbnav__menu,.ifbnav__more>.ifbnav__menu{position:absolute;top:calc(100% + 6px);left:0;min-width:250px;max-width:344px;background:#fff;border:1px solid #e6e9ef;box-shadow:0 14px 38px rgba(10,35,66,.16);border-radius:12px;padding:8px;z-index:1200;max-height:74vh;overflow:auto}
.ifbnav__more>.ifbnav__menu{left:auto;right:0}

/* rows inside panels */
.ifbnav__menu .ifbnav__item{width:100%}
.ifbnav__menu .ifbnav__link{display:flex;justify-content:space-between;align-items:center;width:100%;color:#0a2342;font-weight:500;font-size:15px;padding:9px 12px;white-space:normal;border-radius:8px}
.ifbnav__menu .ifbnav__link:hover{background:#f5f2e7;color:#0a2342}
.ifbnav__overview>.ifbnav__link{color:#c9a227;font-weight:600}

/* nested level (accordion inside a panel) */
.ifbnav__menu .ifbnav__caret{transform:rotate(-45deg);top:0}
.ifbnav__menu .ifbnav__item.is-open>.ifbnav__link>.ifbnav__caret{transform:rotate(45deg)}
.ifbnav__menu .ifbnav__menu{position:static;display:none;box-shadow:none;border:0;border-radius:0;padding:0 0 4px 12px;margin:1px 0 4px;max-height:none;min-width:0;max-width:none;background:none}
.ifbnav__menu .ifbnav__item.is-open>.ifbnav__menu{display:block}
.ifbnav__menu .ifbnav__menu .ifbnav__link{font-size:14px;color:#3a4a63;padding:7px 12px}
.ifbnav__menu::-webkit-scrollbar{width:8px}
.ifbnav__menu::-webkit-scrollbar-thumb{background:#d7dbe3;border-radius:8px}

/* mobile */
@media (max-width:800px){
  .ifbnav{position:static}
  .ifbnav__burger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:44px;height:40px;border:0;background:none;cursor:pointer;margin-left:auto;padding:0}
  .ifbnav__burger span{display:block;height:2px;width:23px;background:#0a2342;border-radius:2px}
  .ifbnav__bar{position:absolute;top:100%;right:8px;left:auto;width:min(88vw,380px);flex-direction:column;align-items:stretch;background:#fff;border:1px solid #e6e9ef;box-shadow:0 16px 40px rgba(10,35,66,.18);border-radius:12px;padding:8px;overflow:auto;max-height:82vh;display:none;justify-content:flex-start;gap:0;z-index:1300}
  .ifbnav.is-mobile-open .ifbnav__bar{display:flex}
  .ifbnav__bar>.ifbnav__item>.ifbnav__link{justify-content:space-between;width:100%;font-size:1rem}
  .ifbnav__bar>.ifbnav__item>.ifbnav__menu,.ifbnav__more>.ifbnav__menu{position:static;box-shadow:none;border:0;border-radius:0;padding:0 0 4px 12px;max-height:none;min-width:0;max-width:none;right:auto;left:auto}
  .ifbnav__more{display:none!important}
}

/* v e (2026-10-17): static clone fixes for the adaptive nav */
/* Jimdo's spacer reserved the height of its fixed header; the clone's header is static (.pJynI), so the spacer only pushed it down */
div[style*="padding-bottom"]:has(+ .pJynI){display:none !important}
/* Jimdo's off-canvas mobile panel: menu.js reads the tree from it and supplies its own mobile menu */
header .G4Yk_{display:none !important}

/* v f (2026-10-17): phones and YouTube heroes */
@media (max-width: 760px){
  header .VMnwf{flex:1 1 auto !important;min-width:0 !important;margin-right:8px !important}
  header .AKcQs{flex:0 0 auto}
  header .aV61Y{min-width:0;font-size:14px;line-height:1.25;white-space:normal}
  header .aV61Y *{font-size:inherit !important;line-height:inherit !important;white-space:normal !important}
  header .S7q2B{flex:0 0 auto !important;margin:0 12px 0 0 !important}
}
/* Heroes with a full-bleed video (self-hosted, or a remaining YouTube embed): size the band to the
   footage's 16:9 shape, since the bank name is part of the footage - no letterbox bands, no cropping. */
section.oXRwe:has(.T6A7Z :is(iframe[src*="youtube"], video.ifb-bgvideo)),
section.oXRwe:has(.T6A7Z :is(iframe[src*="youtube"], video.ifb-bgvideo)) .aY8w1,
section.oXRwe:has(.T6A7Z :is(iframe[src*="youtube"], video.ifb-bgvideo)) ._SGLC,
section.oXRwe:has(.T6A7Z :is(iframe[src*="youtube"], video.ifb-bgvideo)) .Cf__d{min-height:56.25vw !important}
section.oXRwe:has(.T6A7Z :is(iframe[src*="youtube"], video.ifb-bgvideo)){height:56.25vw !important}
video.ifb-bgvideo{pointer-events:none;background:#0b2948}
