/* Monteurhaus Startseite – Sieben Wege (Mobile First) */
.mhs-wege {
  --mhs-w-good: #1f6b45; --mhs-w-good-bg: #e3f1e8; --mhs-w-warn: #8a4f18; --mhs-w-warn-bg: #f8ead9;
  --mhs-w-slate: #3e4f5c; --mhs-w-slate-bg: #e6ebef; --mhs-w-credit: #1f5c86; --mhs-w-credit-bg: #e1edf6;
  margin-top: 2rem !important; display: grid; gap: 1rem;
}
@media (prefers-color-scheme: dark) {
  .mhs-wege {
    --mhs-w-good: #8fd3ab; --mhs-w-good-bg: #173527; --mhs-w-warn: #f0b67a; --mhs-w-warn-bg: #2b2016;
    --mhs-w-slate: #c3ced6; --mhs-w-slate-bg: #24313b; --mhs-w-credit: #9cc7ea; --mhs-w-credit-bg: #172c3d;
  }
}
.mhs-wege > * { margin: 0; }
.mhs-wege__badge { justify-self: start; padding: .35rem .8rem; border-radius: 999px; background: var(--mh-accent-soft, #f6ebe0); color: var(--mh-accent, #a35f1f); font-family: var(--mh-display); font-weight: 700; font-size: .85rem; letter-spacing: .04em; }
@media (prefers-color-scheme: dark) { .mhs-wege__badge { color: #f0b67a; } }

/* Registerkarten (nur mit JavaScript sichtbar) */
.mhs-wege__tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.mhs-wege__tabs[hidden] { display: none; }
.mhs-wege__tab { display: flex; align-items: center; gap: .55rem; min-height: 48px; padding: .55rem .75rem; border: 1px solid var(--mh-line); border-radius: 12px; background: var(--mh-surface); color: var(--mh-ink); font: 600 .95rem/1.2 var(--mh-display); text-align: left; cursor: pointer; transition: border-color .15s, background-color .15s, color .15s; }
.mhs-wege__tab:hover { border-color: var(--mh-blue); }
.mhs-wege__tab[aria-selected="true"] { background: var(--mh-navy); border-color: var(--mh-navy); color: #fff; }
.mhs-wege__n { display: grid; place-items: center; flex: none; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--mh-accent-soft); color: var(--mh-accent); font-weight: 700; font-size: .9rem; }
.mhs-wege__tab[aria-selected="true"] .mhs-wege__n { background: var(--mh-accent); color: #fff; }
@media (prefers-color-scheme: dark) {
  .mhs-wege__n { color: #f0b67a; }
  .mhs-wege__tab[aria-selected="true"] { background: #1f5c86; border-color: #1f5c86; }
}

/* Ein Weg */
.mhs-weg { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; border: 1px solid var(--mh-line); border-radius: var(--mh-radius); background: var(--mh-surface); overflow: hidden; box-shadow: 0 16px 36px -28px rgba(16, 42, 60, .55); }
.mhs-weg[hidden] { display: none; }
.mhs-weg__fig { margin: 0; background: var(--mh-tint); }
.mhs-weg__fig img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.mhs-weg__fig figcaption { padding: .5rem 1rem; font-size: .85rem; color: var(--mh-muted); }
.mhs-weg__body { padding: 1.25rem; display: grid; gap: .9rem; align-content: start; }
.mhs-weg__body > * { margin: 0; }
.mhs-weg__head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; }
.mhs-landing-page .mhs-weg__title { margin: 0; font-size: clamp(1.3rem, 1.15rem + .6vw, 1.6rem); line-height: 1.15; color: var(--mh-ink); }
.mhs-weg__num { display: block; font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; color: var(--mh-accent); }
@media (prefers-color-scheme: dark) { .mhs-weg__num { color: #f0b67a; } }
.mhs-weg__pill { display: inline-flex; align-items: center; padding: .25rem .7rem; border-radius: 999px; font-family: var(--mh-display); font-weight: 700; font-size: .82rem; line-height: 1.2; }
.mhs-weg__pill--good { background: var(--mhs-w-good-bg); color: var(--mhs-w-good); }
.mhs-weg__pill--warn { background: var(--mhs-w-warn-bg); color: var(--mhs-w-warn); }
.mhs-weg__pill--slate { background: var(--mhs-w-slate-bg); color: var(--mhs-w-slate); }
.mhs-weg__for { color: var(--mh-muted); }
.mhs-weg__for strong { color: var(--mh-ink); }
.mhs-weg__cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.mhs-weg__cols > div > * { margin: 0; }
.mhs-landing-page .mhs-weg__cols h4 { margin: 0 0 .35rem; font-family: var(--mh-display); font-weight: 700; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; color: var(--mh-muted); }
.mhs-weg__cols ul { padding-left: 1.15rem; color: var(--mh-ink); font-size: .98rem; }
.mhs-weg__cols li + li { margin-top: .35rem; }
.mhs-weg__funding { padding: 1rem; border-radius: 12px; background: var(--mh-tint); }
.mhs-weg__cols ul.mhs-weg__flist { list-style: none; padding: 0; display: grid; gap: .6rem; }
.mhs-weg__flist li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .6rem; align-items: start; }
.mhs-weg__cols .mhs-weg__flist li + li { margin-top: 0; }
.mhs-weg__tag { display: inline-block; min-width: 4.9rem; padding: .15rem .45rem; border-radius: 6px; font-family: var(--mh-display); font-weight: 700; font-size: .75rem; letter-spacing: .04em; text-align: center; text-transform: uppercase; }
.mhs-weg__tag--kredit { background: var(--mhs-w-credit-bg); color: var(--mhs-w-credit); }
.mhs-weg__tag--zuschuss { background: var(--mhs-w-good-bg); color: var(--mhs-w-good); }
.mhs-weg__tag--hinweis { background: var(--mhs-w-slate-bg); color: var(--mhs-w-slate); }
.mhs-weg__code { font-weight: 700; white-space: nowrap; }
.mhs-weg__facts { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; padding-top: .75rem; border-top: 1px solid var(--mh-line); font-size: .92rem; color: var(--mh-muted); }
.mhs-weg__facts b { color: var(--mh-ink); }
.mhs-wege__note { font-size: .88rem; color: var(--mh-muted); max-width: 90ch; }

@media (min-width: 768px) {
  .mhs-wege__tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mhs-weg__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mhs-weg__funding { grid-column: 1 / -1; }
}
@media (min-width: 1100px) {
  .mhs-weg { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .mhs-weg__fig { display: flex; flex-direction: column; }
  .mhs-weg__fig img { flex: 1 1 0; min-height: 260px; aspect-ratio: auto; }
  .mhs-weg__body { padding: 1.5rem 1.75rem; }
}
@media (min-width: 1280px) {
  .mhs-wege__tabs { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .mhs-wege__tab { flex-direction: column; align-items: flex-start; font-size: .92rem; }
}

/* Druck: kompakt, damit zwei Wege auf eine A4-Seite passen */
@media print {
  .mhs-wege { gap: 3mm; }
  .mhs-wege__tabs { display: none !important; }
  .mhs-wege__badge { font-size: 8pt; }
  .mhs-weg, .mhs-weg[hidden] { display: grid !important; grid-template-columns: 30% minmax(0, 1fr); box-shadow: none; break-inside: avoid; page-break-inside: avoid; }
  .mhs-weg__fig img { aspect-ratio: 4 / 3; }
  .mhs-weg__fig figcaption { padding: 1.5mm 2.5mm; font-size: 7.5pt; line-height: 1.35; }
  .mhs-weg__body { padding: 2.5mm 3.5mm; gap: 1.5mm; }
  .mhs-landing-page .mhs-weg__title { font-size: 12pt; }
  .mhs-weg__num { font-size: 7pt; }
  .mhs-weg__pill { padding: .3mm 2mm; font-size: 7.5pt; }
  .mhs-weg__for { font-size: 8.5pt; line-height: 1.35; }
  .mhs-weg__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2mm 4mm; }
  .mhs-landing-page .mhs-weg__cols h4 { margin-bottom: 1mm; font-size: 7pt; }
  .mhs-weg__cols ul { font-size: 8pt; line-height: 1.35; }
  .mhs-weg__cols li + li { margin-top: .6mm; }
  .mhs-weg__funding { grid-column: 1 / -1; padding: 2mm 3mm; }
  .mhs-weg__cols ul.mhs-weg__flist { gap: 1mm; }
  .mhs-weg__tag { min-width: 15mm; font-size: 6.5pt; }
  .mhs-weg__facts { padding-top: 1.5mm; font-size: 8pt; }
  .mhs-wege__note { font-size: 8pt; }
}