/*
 * NhPanel – Seiten /gameserver-mieten/<thema> (Vorlagen Resources/views/gameserver/*.twig, Verhalten gameserver-pages.js).
 *
 * Linie: ruhig und genau wie die Dedicated-Themenseiten, aber mit eigener Stimme. Überschriften und Zahlen in Sofia Sans
 * Semi Condensed (schmal, kräftig – Anzeigetafel statt Prospekt), Fließtext in der Schrift der Website (DM Sans),
 * Beschriftungen, Adressen und Pfade in JetBrains Mono. Navy-Tinte auf kühlem Grau, Indigo nur für Aktionen.
 * Farben mit Bedeutung: Grün = läuft / passt, Bernstein = pausiert / betroffen, Rost = Angriff. Gelber Textmarker
 * markiert in der Preistafel, was ins Budget passt – das eine laute Element der Seiten.
 * Alles unter .nhg gekapselt; Überschriften mit !important, weil das Theme sie sonst umstellt.
 */
@font-face{font-family:"NHG Display";src:url("/nh-panel/asset/gs-sofia-sans-semi-condensed.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"NH Sans";src:url("/themes/hw/booking/fonts/dm-sans-v17-latin-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"NH Sans";src:url("/themes/hw/booking/fonts/dm-sans-v17-latin-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"NH Sans";src:url("/themes/hw/booking/fonts/dm-sans-v17-latin-700.woff2") format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"NH Mono";src:url("/assets/fonts/system/jetbrains-mono/jetbrains-mono-v24-latin-600.woff2") format("woff2");font-weight:600;font-display:swap}

.nhg{
  --g-ink:#0d1530;--g-ink2:#33405e;--g-muted:#5f6b84;--g-line:#d9dfea;--g-line2:#c3cbda;--g-field:#eef2f8;--g-paper:#fff;
  --g-act:#4f46e5;--g-act-d:#3f37c9;--g-act-soft:#eceafd;
  --g-run:#16884b;--g-run-soft:#e3f4ea;--g-pause:#b86e00;--g-pause-soft:#fdf0d6;--g-attack:#c2410c;
  --g-mark:#ffe14d;--g-mark-soft:#fff6c2;
  --g-display:"NHG Display","Sofia Sans Semi Condensed","Arial Narrow",system-ui,sans-serif;
  --g-sans:"NH Sans","DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --g-mono:"NH Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--g-ink);background:var(--g-paper);font:16px/1.6 var(--g-sans);text-align:left
}
.nhg *,.nhg *::before,.nhg *::after{box-sizing:border-box}
:where(.nhg) :where(h1,h2,h3,p,dl,dd,dt,ul,ol,figure,table){margin:0}
:where(.nhg) :where(ul,ol){padding:0;list-style:none}
:where(.nhg) a{color:inherit}
.nhg h1,.nhg h2,.nhg h3{font-family:var(--g-display)!important;color:var(--g-ink);text-transform:none;letter-spacing:0}
.nhg :is(a,button,select,summary,[tabindex]):focus-visible{outline:3px solid #8179ed;outline-offset:2px;border-radius:4px}
.nhg-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.nhg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main.page-main:has(> .nhg){max-width:none;padding-left:0;padding-right:0;padding-top:0;margin-top:0}
.nhg-arrow{color:var(--g-act)!important;font-weight:600;text-decoration:none!important;white-space:nowrap}
.nhg-arrow:hover{text-decoration:underline!important}

/* ---- Kopf: Überschrift, darunter das Werkzeug, das in den weißen Teil hineinragt ---- */
.nhg-head{padding:0}
.nhg-head__top{background:var(--g-field);padding:30px 0 104px}
.nhg-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--g-muted);margin:0 0 26px}
.nhg-crumbs a{color:var(--g-muted);text-decoration:none}
.nhg-crumbs a:hover{color:var(--g-ink);text-decoration:underline}
.nhg-crumbs [aria-current]{color:var(--g-ink);font-weight:600}
.nhg-head h1{font-size:clamp(2.6rem,6.2vw,4.75rem);font-weight:800;line-height:.95;letter-spacing:-.012em;max-width:13em;text-wrap:balance;margin:0 0 18px}
.nhg-lead{font-size:1.14rem;line-height:1.6;color:var(--g-ink2);max-width:40em;margin:0}
.nhg-tool-wrap{position:relative;margin-top:-76px;padding-bottom:8px}

/* ---- Werkzeug-Rahmen ---- */
.nhg-tool{background:var(--g-paper);border:1px solid var(--g-line2);border-radius:12px;box-shadow:0 1px 0 rgba(13,21,48,.04),0 18px 40px -24px rgba(13,21,48,.35);overflow:hidden}
.nhg-tool__bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;padding:11px 20px;border-bottom:1px solid var(--g-line);background:#f8fafc;font:600 11px/1.3 var(--g-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-muted)}
.nhg-tool__name{color:var(--g-ink)}
.nhg-tool__name::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--g-run);vertical-align:1px}
.nhg-controls{display:flex;flex-wrap:wrap;gap:18px 32px;padding:20px 20px 4px}
.nhg-seg__label{display:block;font:600 11px/1.3 var(--g-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-muted);margin:0 0 8px}
.nhg-seg__opts{display:inline-flex;flex-wrap:wrap;border:1px solid var(--g-line2);border-radius:8px;overflow:hidden;background:var(--g-paper)}
.nhg-seg__opts button{appearance:none;border:0;border-right:1px solid var(--g-line);background:transparent;color:var(--g-ink2);font:600 14px/1 var(--g-sans);padding:11px 14px;min-height:42px;cursor:pointer;transition:background-color .12s,color .12s}
.nhg-seg__opts button:last-child{border-right:0}
.nhg-seg__opts button:hover{background:var(--g-field);color:var(--g-ink)}
.nhg-seg__opts button[aria-pressed="true"]{background:var(--g-ink);color:#fff}
.nhg-seg__opts--num button{min-width:44px;font-variant-numeric:tabular-nums}
.nhg-field{display:block}
.nhg-field select{appearance:none;min-height:42px;min-width:230px;padding:9px 40px 9px 12px;border:1px solid var(--g-line2);border-radius:8px;background:var(--g-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230d1530' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--g-ink);font:600 15px/1.2 var(--g-sans);cursor:pointer}
.nhg-note{padding:14px 20px 18px;font-size:13.5px;line-height:1.55;color:var(--g-muted);border-top:1px solid var(--g-line);margin-top:16px}
.nhg-btn{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:11px 18px;border-radius:8px;background:var(--g-act);color:#fff!important;font:650 15px/1.2 var(--g-sans);text-decoration:none!important;transition:background-color .15s}
.nhg-btn:hover{background:var(--g-act-d)}

/* ---- Preistafel ---- */
.nhg-result{padding:14px 20px 0;font:600 13.5px/1.4 var(--g-mono);color:var(--g-ink)}
.nhg-board{margin:12px 0 0;overflow-x:auto;border-top:1px solid var(--g-line)}
.nhg-board table{width:100%;border-collapse:collapse;min-width:760px}
.nhg-board thead th{position:sticky;top:0;background:var(--g-paper);font:600 11px/1 var(--g-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-muted);text-align:left;padding:12px 14px;border-bottom:1px solid var(--g-line2)}
.nhg-board tbody th{padding:0 14px 0 20px;text-align:left;font:700 17px/1.2 var(--g-display);white-space:nowrap;width:24%}
.nhg-board tbody th a{text-decoration:none}
.nhg-board tbody th a:hover{text-decoration:underline;color:var(--g-act)}
.nhg-board td{padding:0;border-left:1px solid var(--g-line)}
.nhg-board tbody tr+tr :is(th,td){border-top:1px solid var(--g-line)}
.nhg-board tbody tr:hover{background:#fafbfd}
.nhg-cell{display:flex;flex-direction:column;gap:2px;padding:9px 14px;text-decoration:none!important;color:var(--g-ink)!important;transition:opacity .15s,background-color .15s}
.nhg-cell--none{color:var(--g-line2)!important;font-weight:600}
.nhg-cell__tier{display:none;font:600 10.5px/1.2 var(--g-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--g-muted)}
.nhg-cell__tier.is-other{display:block}
.nhg-cell__price{font:700 22px/1.1 var(--g-display);font-variant-numeric:tabular-nums;align-self:flex-start;padding:0 3px;margin:0 -3px}
.nhg-cell__spec{font-size:12.5px;color:var(--g-muted);font-variant-numeric:tabular-nums}
a.nhg-cell:hover .nhg-cell__price{color:var(--g-act)}
.nhg-price.is-filtered .nhg-cell:not(.is-fit):not(.nhg-cell--none){opacity:.32}
.nhg-price.is-filtered .nhg-cell:not(.is-fit):hover{opacity:.8}
.nhg-cell.is-fit .nhg-cell__price{background:linear-gradient(transparent 52%,var(--g-mark-soft) 52%,var(--g-mark-soft) 92%,transparent 92%)}
.nhg-cell.is-best .nhg-cell__price{background:linear-gradient(transparent 46%,var(--g-mark) 46%,var(--g-mark) 94%,transparent 94%);border-radius:2px 6px 3px 5px}
.nhg-key{display:inline-block;width:26px;height:10px;margin-right:8px;vertical-align:-1px;background:var(--g-mark);border-radius:2px 5px 3px 4px}

/* ---- Kosten teilen ---- */
.nhg-split__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px 48px;padding:20px 20px 0;align-items:start}
.nhg-split__inputs{display:grid;gap:20px;align-content:start}
.nhg-sum{border-left:1px solid var(--g-line);padding:0 0 0 40px}
.nhg-sum__row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:baseline;gap:16px;padding:8px 0}
.nhg-sum__num{font:700 clamp(2rem,4vw,2.9rem)/1 var(--g-display);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.nhg-sum__label{font-size:13.5px;line-height:1.35;color:var(--g-muted)}
.nhg-sum__op{font-weight:500;color:var(--g-muted);margin-right:.18em}
.nhg-sum__row--op{border-bottom:2px solid var(--g-ink);padding-bottom:12px}
.nhg-sum__row--result{padding-top:12px}
.nhg-sum__row--result .nhg-sum__num{font-size:clamp(2.9rem,6vw,4.2rem);color:var(--g-run)}
.nhg-sum__row--result .nhg-sum__label{color:var(--g-ink);font-weight:600}
.nhg-sum__spec{margin:6px 0 16px;font:600 12.5px/1.4 var(--g-mono);color:var(--g-muted);text-align:right}
.nhg-sum .nhg-btn{width:100%;justify-content:space-between}

/* ---- Jahresplan ---- */
.nhg-year__hint{padding:20px 20px 0;margin:0}
.nhg-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;padding:10px 20px 0}
.nhg-month{appearance:none;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:104px;padding:10px 9px;border:1px solid #bfe3cd;border-radius:8px;background:var(--g-run-soft);color:var(--g-ink);font:inherit;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s}
.nhg-month:hover{border-color:var(--g-run)}
.nhg-month:active{transform:translateY(1px)}
.nhg-month__name{font:700 18px/1 var(--g-display)}
.nhg-month__state{font:600 10px/1.2 var(--g-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--g-run)}
.nhg-month__price{margin-top:auto;font:600 13px/1.2 var(--g-sans);font-variant-numeric:tabular-nums;color:var(--g-ink2)}
.nhg-month.is-paused{background:repeating-linear-gradient(135deg,var(--g-pause-soft) 0 7px,#fbe6bd 7px 9px);border-color:#ecc77d}
.nhg-month.is-paused:hover{border-color:var(--g-pause)}
.nhg-month.is-paused .nhg-month__state{color:var(--g-pause)}
.nhg-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 20px 0;border:1px solid var(--g-line);border-radius:10px;overflow:hidden}
.nhg-totals>div{padding:14px 18px}
.nhg-totals>div+div{border-left:1px solid var(--g-line)}
.nhg-totals__num{display:block;font:700 clamp(1.7rem,3.4vw,2.4rem)/1 var(--g-display);font-variant-numeric:tabular-nums}
.nhg-totals__save{background:var(--g-run-soft)}
.nhg-totals__save .nhg-totals__num{color:var(--g-run)}

/* ---- Mod-Wege ---- */
.nhg-mods__grid{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:420px}
.nhg-mods__tabs{display:flex;flex-direction:column;border-right:1px solid var(--g-line);background:#f8fafc;padding:8px 0}
.nhg-mods__tabs[hidden]{display:none}
.nhg-mods__tabs button{appearance:none;display:flex;justify-content:space-between;align-items:baseline;gap:10px;border:0;border-left:3px solid transparent;background:transparent;padding:11px 16px 11px 17px;text-align:left;font:700 17px/1.2 var(--g-display);color:var(--g-ink2);cursor:pointer}
.nhg-mods__tabs button:hover{background:var(--g-field);color:var(--g-ink)}
.nhg-mods__tabs button[aria-selected="true"]{background:var(--g-paper);border-left-color:var(--g-act);color:var(--g-ink)}
.nhg-mods__from{font:600 11px/1 var(--g-mono);color:var(--g-muted);white-space:nowrap}
.nhg-mods__panes{min-width:0}
.nhg-pane{padding:22px 26px 6px}
.nhg-pane+.nhg-pane{border-top:1px solid var(--g-line)}
.nhg-mods.is-tabbed .nhg-pane+.nhg-pane{border-top:0}
.nhg-pane[hidden]{display:none}
.nhg-pane__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 18px;margin:0 0 16px}
.nhg-pane__head h2{font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;line-height:1}
.nhg-ways{display:grid;gap:0;padding:0;list-style:none}
.nhg-way{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);grid-template-areas:"kind spec" "title spec" "text spec";column-gap:28px;padding:16px 0;border-top:1px solid var(--g-line)}
.nhg-way__kind{grid-area:kind;font:600 10.5px/1.3 var(--g-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-act);margin:0 0 4px}
.nhg-way--order .nhg-way__kind{color:var(--g-run)}
.nhg-way--folder .nhg-way__kind,.nhg-way--file .nhg-way__kind{color:var(--g-pause)}
.nhg-way h3{grid-area:title;font-size:20px;font-weight:700;line-height:1.15;margin:0 0 6px}
.nhg-way__text{grid-area:text;font-size:15px;color:var(--g-ink2)}
.nhg-specimen{grid-area:spec;align-self:center;display:flex;flex-direction:column;gap:6px}
.nhg-specimen__label{font:600 12px/1.2 var(--g-sans);color:var(--g-muted)}
.nhg-specimen__value{display:block;padding:10px 12px;border:1px solid var(--g-line2);border-radius:6px;background:#fbfcfe;font:600 13px/1.35 var(--g-mono);color:var(--g-ink);overflow-wrap:anywhere}
.nhg-specimen--folder .nhg-specimen__value,.nhg-specimen--file .nhg-specimen__value{background:#0f1730;border-color:#0f1730;color:#e7ecf7}
.nhg-specimen--folder .nhg-specimen__value::before,.nhg-specimen--file .nhg-specimen__value::before{content:"~";color:#8a95b0;margin-right:2px}
.nhg-specimen--click .nhg-specimen__value{background:var(--g-act-soft);border-color:#cdc9fb;color:#2c249c}
.nhg-specimen--order .nhg-specimen__value{position:relative;padding-left:34px;background:var(--g-run-soft);border-color:#bfe3cd}
.nhg-specimen--order .nhg-specimen__value::before{content:"";position:absolute;left:12px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:4px solid var(--g-run);background:#fff}

/* ---- Adressen ---- */
.nhg-ip__figure{padding:12px 20px 0}
.nhg-net{display:block;width:100%;height:auto;font-family:var(--g-sans)}
.nhg-net--tall{display:none}
.nhg-net text{font-size:14px;font-weight:600;fill:var(--g-ink)}
.nhg-net .nhg-n__small{font:600 10.5px var(--g-mono);letter-spacing:.05em;text-transform:uppercase;fill:var(--g-muted)}
.nhg-net .nhg-n__mono{font:600 14px var(--g-mono);fill:var(--g-ink)}
.nhg-n rect{fill:#fff;stroke:var(--g-line2);stroke-width:1.2}
.nhg-n--play rect{fill:var(--g-run-soft);stroke:#9ad3b1}
.nhg-n--attack rect{fill:#fdebe3;stroke:#f0b59a}
.nhg-n--attack text{fill:#8a2c07}
.nhg-n--host rect{fill:#f6f8fb;stroke:var(--g-line2);stroke-dasharray:4 4}
.nhg-n--mine rect{stroke:var(--g-act);stroke-width:1.6}
.nhg-s rect{fill:#fff;stroke:var(--g-line)}
.nhg-s text{font-size:13px;font-weight:500;fill:var(--g-ink2)}
.nhg-s__dot{fill:#aab3c5}
.nhg-s--mine rect{stroke:var(--g-act);stroke-width:1.6}
.nhg-s--mine text{font-weight:700;fill:var(--g-ink)}
.nhg-s--mine .nhg-s__dot{fill:var(--g-run)}
.nhg-net .nhg-s__state{font:600 10.5px var(--g-mono);letter-spacing:.04em;text-transform:uppercase}
.nhg-l{stroke-width:2}
.nhg-l--host{stroke:#b9c2d3}
.nhg-l--play,.nhg-l--own{stroke:var(--g-run);stroke-dasharray:7 7;animation:nhg-flow 1.4s linear infinite}
.nhg-l--attack{stroke:var(--g-attack);stroke-width:3;stroke-dasharray:3 6;animation:nhg-flow .5s linear infinite}
@keyframes nhg-flow{to{stroke-dashoffset:-14}}
.nhg-only-shared,.nhg-only-own{transition:opacity .35s}
.nhg-ip[data-view="shared"] .nhg-only-own,.nhg-ip[data-view="own"] .nhg-only-shared{opacity:0}
.nhg-ip figcaption .nhg-only-own,.nhg-ip figcaption .nhg-only-shared{transition:none}
.nhg-ip[data-view="shared"] figcaption .nhg-only-own,.nhg-ip[data-view="own"] figcaption .nhg-only-shared{display:none}
.nhg-ip[data-view="shared"] .nhg-s--mine rect{fill:var(--g-pause-soft);stroke:var(--g-pause)}
.nhg-ip[data-view="shared"] .nhg-s--mine .nhg-s__dot{fill:var(--g-pause)}
.nhg-ip[data-view="shared"] .nhg-l--host:first-child{stroke:var(--g-pause)}
.nhg-s__state.nhg-only-shared{fill:var(--g-pause)}
.nhg-s__state.nhg-only-own{fill:var(--g-run)}
.nhg-ip figcaption{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--g-ink2);max-width:52em;min-height:3em}
.nhg-compare{margin:18px 20px 0;border:1px solid var(--g-line);border-radius:10px;overflow-x:auto}
.nhg-compare table{width:100%;border-collapse:collapse;min-width:620px;font-size:14.5px}
.nhg-compare th,.nhg-compare td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--g-line)}
.nhg-compare thead th{border-top:0;font:600 11px/1.2 var(--g-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-muted);background:#f8fafc}
.nhg-compare tbody th{font-weight:600;width:28%}
.nhg-compare td:last-child{background:#f7f6ff}
.nhg-compare thead th:last-child{background:var(--g-act-soft);color:#2c249c}

/* ---- Gut zu wissen ---- */
.nhg-facts{padding:72px 0 64px}
.nhg-facts__grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px 64px}
.nhg-facts h2,.nhg-games h2,.nhg-faq h2,.nhg-more h2{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;line-height:1}
.nhg-fact{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:4px 28px;padding:16px 0;border-top:1px solid var(--g-line)}
.nhg-fact:last-child{border-bottom:1px solid var(--g-line)}
.nhg-fact dt{font:700 19px/1.25 var(--g-display)}
.nhg-fact dd{color:var(--g-ink2);font-size:15.5px}

/* ---- Alle Spiele ---- */
.nhg-games{padding:56px 0;background:var(--g-field)}
.nhg-games__list{padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 28px;margin-top:22px}
.nhg-games__list a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--g-line2);text-decoration:none;font-weight:600}
.nhg-games__list a:hover span:first-child{color:var(--g-act);text-decoration:underline}
.nhg-games__from{font:600 12px/1 var(--g-mono);color:var(--g-muted);white-space:nowrap}

/* ---- Fragen ---- */
.nhg-faq{padding:72px 0 56px}
.nhg-faq__grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px 64px}
.nhg-faq details{border-top:1px solid var(--g-line)}
.nhg-faq details:last-child{border-bottom:1px solid var(--g-line)}
.nhg-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:16px 0;font-weight:600;font-size:16.5px}
.nhg-faq summary::-webkit-details-marker{display:none}
.nhg-faq summary::after{content:"+";font:700 22px/1 var(--g-display);color:var(--g-muted);transition:transform .15s}
.nhg-faq details[open] summary::after{transform:rotate(45deg)}
.nhg-faq details p{padding:0 0 18px;color:var(--g-ink2);max-width:46em}

/* ---- Weitere Themen ---- */
.nhg-more{padding:20px 0 84px}
.nhg-more ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:22px;border-top:2px solid var(--g-ink)}
.nhg-more li+li{border-left:1px solid var(--g-line)}
.nhg-more a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 18px 20px;text-decoration:none;transition:background-color .15s}
.nhg-more a:hover{background:var(--g-field)}
.nhg-more strong{font:800 24px/1.05 var(--g-display)}
.nhg-more a:hover strong{color:var(--g-act)}
.nhg-more span{font-size:14px;color:var(--g-muted)}

/* ---- Schmale Bildschirme ---- */
@media (max-width:980px){
  .nhg-split__grid{grid-template-columns:minmax(0,1fr)}
  .nhg-sum{border-left:0;border-top:1px solid var(--g-line);padding:16px 0 0}
  .nhg-months{grid-template-columns:repeat(6,minmax(0,1fr))}
  .nhg-facts__grid,.nhg-faq__grid{grid-template-columns:minmax(0,1fr)}
  .nhg-more ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nhg-more li:nth-child(3){border-left:0}
  .nhg-more li:nth-child(n+3){border-top:1px solid var(--g-line)}
  .nhg-way{grid-template-columns:minmax(0,1fr);grid-template-areas:"kind" "title" "text" "spec"}
  .nhg-specimen{margin-top:12px}
}
@media (max-width:720px){
  .nhg-wrap{padding:0 16px}
  .nhg-head__top{padding:20px 0 92px}
  .nhg-lead{font-size:1.04rem}
  .nhg-tool__bar,.nhg-controls,.nhg-result,.nhg-note{padding-left:14px;padding-right:14px}
  .nhg-controls{gap:16px}
  .nhg-controls>*{width:100%}
  .nhg-field select{width:100%}
  .nhg-seg__opts{display:flex;width:100%}
  .nhg-seg__opts button{flex:1 1 auto;padding:11px 8px}
  /* Preistafel als Liste: je Spiel ein Block, die Pakete im Raster */
  .nhg-board{overflow:visible}
  .nhg-board table,.nhg-board tbody,.nhg-board tr{display:block;min-width:0}
  .nhg-board thead{display:none}
  .nhg-board tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 14px 14px;border-top:1px solid var(--g-line)}
  .nhg-board tbody tr+tr :is(th,td){border-top:0}
  .nhg-board tbody th{grid-column:1/-1;display:block;width:auto;padding:0 0 8px;font-size:19px}
  .nhg-board td{display:block;border:0}
  .nhg-board td:has(.nhg-cell--none){display:none}
  .nhg-cell{padding:8px 8px 8px 0}
  .nhg-cell__tier{display:block}
  .nhg-split__grid{padding:16px 14px 0}
  .nhg-sum__row{grid-template-columns:minmax(0,1fr) 110px}
  .nhg-year__hint{padding:16px 14px 0}
  .nhg-months{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 14px 0}
  .nhg-month{min-height:84px}
  .nhg-totals{grid-template-columns:minmax(0,1fr);margin:16px 14px 0}
  .nhg-totals>div+div{border-left:0;border-top:1px solid var(--g-line)}
  .nhg-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .nhg-totals .nhg-seg__label{margin:0}
  .nhg-mods__grid{grid-template-columns:minmax(0,1fr)}
  .nhg-mods__tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--g-line);padding:0}
  .nhg-mods__tabs button{flex:0 0 auto;border-left:0;border-bottom:3px solid transparent;padding:12px 14px}
  .nhg-mods__tabs button[aria-selected="true"]{border-bottom-color:var(--g-act)}
  .nhg-mods__from{display:none}
  .nhg-pane{padding:18px 14px 4px}
  .nhg-ip__figure{padding:12px 14px 0}
  .nhg-net--wide{display:none}
  .nhg-net--tall{display:block;max-width:420px;margin:0 auto}
  .nhg-compare{margin:16px 14px 0}
  .nhg-fact{grid-template-columns:minmax(0,1fr)}
  .nhg-facts,.nhg-faq{padding:52px 0 44px}
  .nhg-more ul{grid-template-columns:minmax(0,1fr)}
  .nhg-more li+li{border-left:0;border-top:1px solid var(--g-line)}
}
@media (prefers-reduced-motion:reduce){
  .nhg *{animation:none!important;transition:none!important}
}