/* gym141.com – kompakte Startseite (GymSiteHome): MudBlazor + devworld.css, DevWorld-Theme (blaue App-Leiste wie
   der Kundenbereich), Gym141-Gold nur als Akzent (Logo, Hero-Verlauf). */

.g141h-body { margin: 0; background: #fff; }

/* App-Leiste */
.g141h-brand { display: inline-flex; align-items: center; gap: 10px; color: #fff !important; text-decoration: none; min-width: 0; }
.g141h-brand img { display: block; border-radius: 7px; flex: 0 0 auto; }
.g141h-brand__text { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; }
.g141h-brand__name { font-weight: 700; font-size: 1.15rem; letter-spacing: .01em; }
.g141h-brand__sub { font-size: .72rem; opacity: .85; white-space: nowrap; }
.g141h-login.mud-button-root { background: #fff; color: #1565c0; font-weight: 600; white-space: nowrap; }
.g141h-login.mud-button-root:hover { background: #e3f2fd; }
.g141h-mine { display: inline-flex; align-items: center; gap: 8px; padding: 3px 12px 3px 3px; border-radius: 999px;
              background: rgba(255,255,255,.14); color: #fff !important; text-decoration: none; font-weight: 500; font-size: .875rem; white-space: nowrap; }
.g141h-mine:hover { background: rgba(255,255,255,.24); }
.g141h-mine__avatar { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%;
                      background: #fff; color: #1565c0; font-weight: 700; font-size: .75rem; }
.g141h-lang .mud-button-root { min-width: 40px; padding: 2px 10px; }

/* Hero */
.g141h-hero { background: linear-gradient(180deg, #fff8e6 0%, #fff 100%); border-bottom: 1px solid #f1ead6; padding: 64px 0 48px; }
.g141h-hero__eyebrow { color: #9a6b00; font-weight: 600; letter-spacing: .08em; margin: 0; }
.g141h-hero__title { font-weight: 700; letter-spacing: -.02em; max-width: 820px; margin: 8px 0 16px; line-height: 1.15; }
.g141h-hero__intro { color: #4b5563; max-width: 760px; line-height: 1.6; margin: 0; }
.g141h-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.g141h-hero__note { color: #6b7280; margin: 14px 0 0; }

/* Funktionen */
.g141h-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.g141h-feature { padding: 20px; border-radius: 12px; height: 100%; }

/* Preise */
.g141h-band { background: #f8fafc; border-top: 1px solid #eef0f3; border-bottom: 1px solid #eef0f3; }
.g141h-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; align-items: stretch; }
.g141h-plan { position: relative; display: flex; flex-direction: column; padding: 24px 22px 22px; border-radius: 12px; background: #fff; }
.g141h-plan--featured { outline: 2px solid var(--mud-palette-primary); }
.g141h-plan__badge { position: absolute; top: 12px; right: 12px; margin: 0; }
.g141h-plan__name { color: var(--mud-palette-primary); font-weight: 700; letter-spacing: .1em; margin: 0; }
.g141h-plan__price { font-size: 2rem; font-weight: 700; line-height: 1.2; margin: 4px 0 14px; }
.g141h-plan__price span { font-size: .9rem; font-weight: 400; color: var(--mud-palette-text-secondary); }
.g141h-plan__list { list-style: none; margin: 0 0 20px; padding: 0; flex: 1 0 auto; }
.g141h-plan__list li { position: relative; padding: 4px 0 4px 26px; }
.g141h-plan__list li::before { content: "✓"; position: absolute; left: 4px; color: #2e7d32; font-weight: 700; }

/* Fuß */
.g141h-foot { color: #6b7280; font-size: .9rem; }
.g141h-foot__row { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; align-items: center; }
.g141h-foot__nav { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.g141h-foot a { color: #4b5563; text-decoration: none; }
.g141h-foot a:hover { text-decoration: underline; }

@media (max-width: 600px) {
    .g141h-hero { padding: 36px 0 28px; }
    .g141h-hero__title { font-size: 2rem !important; }
    .g141h-brand__sub { display: none; }
}
@media (max-width: 420px) {
    .g141h-mine { padding-right: 3px; }
    .g141h-mine__text { display: none; }
    .g141h-login.mud-button-root .mud-button-icon-start { display: none; }
}