html.bmi-app{--bmiapp-bg:#0b1225;--bmiapp-bar:#101a33;--bmiapp-bar2:#0d1530;--bmiapp-gold:#D4AF37;--bmiapp-gold2:#e8c95c;--bmiapp-text:#e8ecf5;--bmiapp-muted:#9aa5c0;--bmiapp-line:rgba(212,175,55,.22)}
html.bmi-app body{padding-top:calc(56px + env(safe-area-inset-top,0px)) !important;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px)) !important}
html.bmi-app #masthead,html.bmi-app .site-header{display:none !important}
html.bmi-app #wpadminbar{display:none !important}
#bmiapp-top{position:fixed;top:0;left:0;right:0;z-index:99990;height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:linear-gradient(180deg,var(--bmiapp-bar) 0%,var(--bmiapp-bar2) 100%);border-bottom:1px solid var(--bmiapp-line);display:flex;align-items:center;gap:6px;box-shadow:0 2px 14px rgba(0,0,0,.4);transition:transform .22s ease}
html.bmiapp-hidebar #bmiapp-top{transform:translateY(-110%)}
#bmiapp-top button{background:none;border:none;width:48px;height:56px;display:flex;align-items:center;justify-content:center;color:var(--bmiapp-text);cursor:pointer;padding:0;transition:opacity .15s}
#bmiapp-top button:active{opacity:.55}
#bmiapp-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#bmiapp-title{flex:1;display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none}
#bmiapp-title img{width:32px;height:32px;border-radius:8px;box-shadow:0 0 0 1px var(--bmiapp-line)}
#bmiapp-title span{color:var(--bmiapp-gold);font-weight:700;font-size:17px;font-family:system-ui,sans-serif;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bmiapp-progress{position:fixed;top:calc(56px + env(safe-area-inset-top,0px));left:0;height:3px;width:0;background:linear-gradient(90deg,var(--bmiapp-gold),var(--bmiapp-gold2));z-index:99991;transition:width .4s ease;border-radius:0 2px 2px 0}
html.bmi-app.bmiapp-loading #bmiapp-progress{width:82%;transition:width 6s cubic-bezier(.15,.6,.3,1)}
#bmiapp-nav{position:fixed;bottom:0;left:0;right:0;z-index:99990;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(0deg,var(--bmiapp-bar) 0%,var(--bmiapp-bar2) 100%);border-top:1px solid var(--bmiapp-line);display:flex;box-shadow:0 -2px 14px rgba(0,0,0,.4)}
#bmiapp-nav a,#bmiapp-nav button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--bmiapp-muted);text-decoration:none;font-family:system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:-.1px;cursor:pointer;padding:0;min-width:0;transition:color .15s}
#bmiapp-nav a:active,#bmiapp-nav button:active{transform:scale(.94)}
#bmiapp-nav a.bmiapp-active{color:var(--bmiapp-gold)}
#bmiapp-nav a.bmiapp-active::after{content:"";position:absolute;top:5px;right:calc(50% - 16px);width:5px;height:5px;border-radius:50%;background:var(--bmiapp-gold);box-shadow:0 0 6px var(--bmiapp-gold)}
#bmiapp-nav a.bmiapp-hasnews::before{content:"";position:absolute;top:7px;right:calc(50% - 19px);width:8px;height:8px;border-radius:50%;background:#e5484d;box-shadow:0 0 7px rgba(229,72,77,.9);border:1.5px solid var(--bmiapp-bar2)}
#bmiapp-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#bmiapp-nav span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}
#bmiapp-backdrop{position:fixed;inset:0;background:rgba(4,8,20,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:99992;opacity:0;pointer-events:none;transition:opacity .22s}
#bmiapp-sheet{position:fixed;left:0;right:0;bottom:0;z-index:99993;background:linear-gradient(180deg,#121c38 0%,var(--bmiapp-bar2) 100%);border-radius:20px 20px 0 0;border:1px solid var(--bmiapp-line);border-bottom:none;transform:translateY(105%);transition:transform .28s cubic-bezier(.32,.72,.33,1);padding:10px 18px calc(18px + env(safe-area-inset-bottom,0px));max-height:82vh;overflow-y:auto}
html.bmiapp-sheet-open #bmiapp-backdrop{opacity:1;pointer-events:auto}
html.bmiapp-sheet-open #bmiapp-sheet{transform:translateY(0)}
#bmiapp-sheet .bmiapp-grip{width:38px;height:4px;border-radius:2px;background:var(--bmiapp-muted);opacity:.5;margin:4px auto 14px}
#bmiapp-sheet .bmiapp-premium{display:flex;align-items:center;gap:13px;background:linear-gradient(120deg,#c9a02e 0%,var(--bmiapp-gold2) 55%,#c9a02e 100%);border-radius:14px;padding:14px 16px;text-decoration:none;margin-bottom:16px;box-shadow:0 4px 16px rgba(212,175,55,.25)}
#bmiapp-sheet .bmiapp-premium svg{width:26px;height:26px;fill:none;stroke:#0b1225;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#bmiapp-sheet .bmiapp-premium strong{display:block;color:#0b1225;font-family:system-ui,sans-serif;font-size:15.5px;font-weight:800;line-height:1.25}
#bmiapp-sheet .bmiapp-premium small{display:block;color:#1d2b52;font-family:system-ui,sans-serif;font-size:11.5px;font-weight:600;line-height:1.3}
#bmiapp-sheet h3{color:var(--bmiapp-muted);font-family:system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin:14px 2px 9px}
#bmiapp-sheet .bmiapp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
#bmiapp-sheet .bmiapp-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:14px 6px 12px;text-decoration:none;color:var(--bmiapp-text);font-family:system-ui,sans-serif;font-size:11.5px;font-weight:600;text-align:center;transition:background .15s}
#bmiapp-sheet .bmiapp-tile:active{background:rgba(212,175,55,.14)}
#bmiapp-sheet .bmiapp-tile svg{width:23px;height:23px;fill:none;stroke:var(--bmiapp-gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#bmiapp-sheet .bmiapp-tile span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#bmiapp-sheet a.bmiapp-item{display:flex;align-items:center;gap:14px;padding:12px 4px;color:var(--bmiapp-text);text-decoration:none;font-family:system-ui,sans-serif;font-size:15px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06)}
#bmiapp-sheet a.bmiapp-item:last-of-type{border-bottom:none}
#bmiapp-sheet a.bmiapp-item svg{width:21px;height:21px;fill:none;stroke:var(--bmiapp-gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#bmiapp-sheet button.bmiapp-item{display:flex;align-items:center;gap:14px;width:100%;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.06);padding:12px 4px;color:var(--bmiapp-text);font-family:system-ui,sans-serif;font-size:15px;font-weight:500;cursor:pointer;text-align:left}
#bmiapp-sheet button.bmiapp-item svg{width:21px;height:21px;fill:none;stroke:var(--bmiapp-gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#bmiapp-sheet button.bmiapp-item.bmiapp-notif-active{color:var(--bmiapp-gold)}
#bmiapp-sheet button.bmiapp-item[disabled]{opacity:.45;cursor:default}
#bmiapp-sheet .bmiapp-langs{display:flex;gap:8px;padding:6px 2px 4px;flex-wrap:wrap}
#bmiapp-sheet .bmiapp-langs a{color:var(--bmiapp-text);border:1px solid var(--bmiapp-line);border-radius:9px;padding:7px 13px;text-decoration:none;font-family:system-ui,sans-serif;font-size:13.5px;font-weight:600}
#bmiapp-sheet .bmiapp-langs a.bmiapp-active{color:#0b1225;background:var(--bmiapp-gold);border-color:var(--bmiapp-gold)}
/* ── Startseite im App-Modus: kompakte helle Hero-Karte statt Voll-Navy-Block (2026-07-21).
   Top-Bar + Eilmeldung + Navy-Hero fuellten sonst den ganzen ersten Screen einfarbig blau.
   Nur html.bmi-app + body.bmi-hp → Website und mobile Browser-Ansicht unveraendert. ── */
html.bmi-app body.bmi-hp .bmi-hero{grid-template-columns:1fr;gap:16px;padding:20px 18px 18px;margin-top:8px;background:#fff;border:1px solid #E7E9F0;box-shadow:0 6px 18px rgba(11,18,37,.08)}
html.bmi-app body.bmi-hp .bmi-hero::before{display:none}
html.bmi-app body.bmi-hp .bmi-hero-kicker{color:#9C7C1E;font-size:10px;letter-spacing:1.8px;margin:0 0 8px}
html.bmi-app body.bmi-hp h1.bmi-hero-title,html.bmi-app body.bmi-hp .bmi-hero-title{font-size:27px !important;color:#0B1225 !important;margin:0 0 8px !important}
html.bmi-app body.bmi-hp .bmi-hero-title em{color:#9C7C1E}
html.bmi-app body.bmi-hp .bmi-hero-sub{font-size:13.5px;line-height:1.55;color:#4B5563 !important;margin:0 0 14px}
html.bmi-app body.bmi-hp .bmi-hero-cta{gap:10px}
html.bmi-app body.bmi-hp .bmi-hero-cta .bmi-btn{flex:1 1 0;padding:12px 10px;font-size:13px}
html.bmi-app body.bmi-hp .bmi-hero-cta .bmi-btn--ghost{background:#fff;color:#0B1225 !important;border:1px solid rgba(11,18,37,.3)}
html.bmi-app body.bmi-hp .bmi-hero-side .bmi-panel{background:radial-gradient(130% 160% at 15% -10%,#16244A 0%,#0B1225 58%);border:1px solid rgba(212,175,55,.25);box-shadow:0 8px 20px rgba(11,18,37,.16)}