/* desk141.com – Produktseite und „Meine Instanzen“ (MudBlazor + devworld.css, hier nur Akzente). */

.d141-site { background: #fff; }
.d141-site__bar { border-bottom: 1px solid #e6e8ec; }

.d141-brand { display: inline-flex; align-items: baseline; gap: 8px; text-decoration: none; color: #111827; }
.d141-brand__dot { width: 12px; height: 12px; border-radius: 3px; background: #22c55e; align-self: center; }
.d141-brand__name { font-weight: 700; font-size: 1.15rem; letter-spacing: -.01em; }
.d141-brand__sub { color: #6b7280; font-size: .85rem; }

.d141-hero { background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%); border-bottom: 1px solid #eef0f3; padding: 72px 0 56px; }
.d141-hero__eyebrow { color: #16a34a; font-weight: 600; letter-spacing: .08em; }
.d141-hero__title { font-weight: 700; letter-spacing: -.02em; max-width: 820px; margin: 8px 0 16px; line-height: 1.15; }
.d141-hero__intro { color: #4b5563; max-width: 760px; line-height: 1.6; }
.d141-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.d141-hero__note { color: #6b7280; margin-top: 14px; }

.d141-feature { height: 100%; border-radius: 12px; }
.d141-band { background: #f8fafc; border-top: 1px solid #eef0f3; border-bottom: 1px solid #eef0f3; }

.d141-step { position: relative; padding-left: 52px; }
.d141-step__nr { position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-radius: 50%; background: #22c55e; color: #fff;
                 display: flex; align-items: center; justify-content: center; font-weight: 700; }

.d141-price { height: 100%; border-radius: 12px; }
.d141-price--hl { border-color: #22c55e !important; box-shadow: 0 4px 18px rgba(34, 197, 94, .12); }
.d141-list { margin: 0; padding-left: 20px; color: #374151; line-height: 1.9; }

.d141-footer { border-top: 1px solid #eef0f3; color: #6b7280; font-size: .9rem; }
.d141-footer a { color: #4b5563; text-decoration: none; }
.d141-footer a:hover { text-decoration: underline; }

@media (max-width: 600px) {
    .d141-hero { padding: 40px 0 32px; }
    .d141-hero__title { font-size: 2rem !important; }
}

/* App-Bar hell statt Theme-Blau */
.d141-site .mud-appbar.d141-site__bar { background-color: #fff !important; color: #111827 !important; }
