/*
 * NhPanel – Vergleichsseiten /vergleich und /vergleich/<thema> (Vorlagen Resources/views/compare/*.twig, Verhalten compare-pages.js).
 *
 * Linie: dieselbe Hand wie /gameserver-mieten – Datenblatt statt Prospekt. Überschriften und Zahlen in Sofia Sans Semi
 * Condensed, Fließtext DM Sans, Beschriftungen und Fußnoten in JetBrains Mono. Navy-Tinte auf kühlem Grau, Indigo nur für
 * Aktionen und Fußnoten. Das eine laute Element: der gelbe Textmarker – er markiert ausschließlich Nexthosting-Werte.
 * Kein Kartenstapel, keine Pillen, keine Symbole: Tabellen, Haarlinien, Preisliste mit Punktlinie, nummerierte Belege.
 * Alles unter .nhv 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}

.nhv{
  --v-ink:#0d1530;--v-ink2:#33405e;--v-muted:#5f6b84;--v-line:#d9dfea;--v-line2:#c3cbda;--v-field:#eef2f8;--v-field2:#f6f8fb;--v-paper:#fff;
  --v-act:#4f46e5;--v-act-d:#3f37c9;--v-act-soft:#eceafd;--v-ok:#16884b;
  --v-mark:#ffe14d;--v-own:#fffbea;--v-own-line:#f1d75a;
  --v-display:"NHG Display","Sofia Sans Semi Condensed","Arial Narrow",system-ui,sans-serif;
  --v-sans:"NH Sans","DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --v-mono:"NH Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--v-ink);background:var(--v-paper);font:16px/1.6 var(--v-sans);text-align:left;
  font-variant-numeric:tabular-nums
}
.nhv *,.nhv *::before,.nhv *::after{box-sizing:border-box}
:where(.nhv) :where(h1,h2,h3,p,dl,dd,dt,ul,ol,figure,table,figcaption){margin:0}
.nhv ul,.nhv ol{padding:0!important;margin:0;list-style:none}
.nhv li{margin:0}
:where(.nhv) a{color:inherit}
.nhv h1,.nhv h2,.nhv h3{font-family:var(--v-display)!important;color:var(--v-ink);text-transform:none;letter-spacing:0}
.nhv :is(a,button,select,summary,[tabindex]):focus-visible{outline:3px solid #8179ed;outline-offset:2px;border-radius:4px}
.nhv [hidden]{display:none!important}
.nhv-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.nhv-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(> .nhv){max-width:none;padding-left:0;padding-right:0;padding-top:0;margin-top:0}
.nhv-label{display:block;font:600 11px/1.3 var(--v-mono)!important;letter-spacing:.07em;text-transform:uppercase;color:var(--v-muted)!important}
.nhv-fine{font-size:13.5px;line-height:1.55;color:var(--v-muted);margin-top:14px!important;max-width:60em}
.nhv-fine a{color:var(--v-act);font-weight:600}

/* ---- Knöpfe ---- */
.nhv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:26px}
.nhv-btn{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:12px 20px;border-radius:8px;background:var(--v-act);color:#fff!important;font:650 15.5px/1.2 var(--v-sans);text-decoration:none!important;transition:background-color .15s,transform .15s}
.nhv-btn:hover{background:var(--v-act-d)}
.nhv-btn span{transition:transform .15s}
.nhv-btn:hover span{transform:translateX(3px)}
.nhv-link{color:var(--v-ink)!important;font-weight:650;text-decoration:underline!important;text-decoration-color:var(--v-line2)!important;text-underline-offset:5px;text-decoration-thickness:2px!important}
.nhv-link:hover{text-decoration-color:var(--v-act)!important}

/* ---- Kopf: links Aussage, rechts das Vergleichsblatt auf Millimeterpapier ---- */
.nhv-head{background-color:var(--v-field);background-image:linear-gradient(rgba(13,21,48,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(13,21,48,.045) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;padding:28px 0 0;border-bottom:1px solid var(--v-line)}
.nhv-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--v-muted);margin:0 0 30px}
.nhv-crumbs a{color:var(--v-muted);text-decoration:none}
.nhv-crumbs a:hover{color:var(--v-ink);text-decoration:underline}
.nhv-crumbs [aria-current]{color:var(--v-ink);font-weight:600}
.nhv-head__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:48px;align-items:start}
.nhv-head__text{padding-top:6px}
.nhv-kicker{font:600 12px/1.4 var(--v-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--v-ink2);margin:0 0 18px!important;display:flex;flex-wrap:wrap;gap:6px 14px}
.nhv-kicker__stand{color:var(--v-muted)}
.nhv-kicker__stand::before{content:"·";margin-right:14px;color:var(--v-line2)}
.nhv-head h1{font-size:clamp(2.45rem,5.1vw,4.3rem);font-weight:800;line-height:.97;letter-spacing:-.012em;text-wrap:balance;margin:0 0 20px}
.nhv-lead{font-size:1.13rem;line-height:1.62;color:var(--v-ink2);max-width:36em}

.nhv-sheet{position:relative;background:var(--v-paper);border:1px solid var(--v-line2);border-radius:10px;box-shadow:0 1px 0 rgba(13,21,48,.04),0 22px 44px -26px rgba(13,21,48,.38);overflow:hidden}
.nhv-sheet__cap{display:flex;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--v-line);background:var(--v-field2);font:600 11px/1.35 var(--v-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--v-ink)}
.nhv-sheet__stand{color:var(--v-muted)}
.nhv-sheet__table{width:100%;border-collapse:collapse;table-layout:fixed}
.nhv-sheet__table thead th:first-child{width:24%}
.nhv-sheet__table thead th{font:600 10.5px/1.3 var(--v-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--v-muted);text-align:left;padding:10px 14px;border-bottom:1px solid var(--v-line2)}
.nhv-sheet__table thead th:first-child{padding-left:18px}
.nhv-sheet__table tbody th{text-align:left;padding:11px 14px 11px 18px;font:700 16.5px/1.2 var(--v-display);white-space:nowrap}
.nhv-sheet__table td{padding:11px 14px;font:600 15px/1.3 var(--v-sans);color:var(--v-ink)}
.nhv-sheet__table tbody tr+tr :is(th,td){border-top:1px solid var(--v-line)}
.nhv-sheet__table tr.is-own{background:var(--v-own);box-shadow:inset 3px 0 0 var(--v-ink)}
.nhv-sheet__table tr.is-own th{font-size:17.5px}
.nhv-sheet__table td.is-unknown{color:var(--v-muted);font-weight:400;font-style:italic;font-size:13.5px;white-space:normal}
.nhv-sheet__note{padding:11px 18px 13px;border-top:1px solid var(--v-line);font-size:12.5px;line-height:1.5;color:var(--v-muted)}

.nhv-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:46px 0 0!important;border-top:1px solid var(--v-line2)}
.nhv-facts>div{padding:18px 22px 22px 0;border-right:1px solid var(--v-line)}
.nhv-facts>div+div{padding-left:22px}
.nhv-facts>div:last-child{border-right:0}
.nhv-facts dt{font:600 11px/1.3 var(--v-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--v-muted);margin-bottom:7px}
.nhv-facts dd{font:700 1.22rem/1.25 var(--v-display);color:var(--v-ink)}

/* ---- Fußnoten und Textmarker ---- */
.nhv-ref{display:inline-block;min-width:17px;margin-left:4px;padding:0 4px;border:1px solid #cfd2fb;border-radius:3px;background:var(--v-act-soft);color:var(--v-act)!important;font:600 10px/15px var(--v-mono);text-align:center;text-decoration:none!important;vertical-align:3px}
.nhv-ref:hover{background:var(--v-act);border-color:var(--v-act);color:#fff!important}
.nhv-mark{background-image:linear-gradient(var(--v-mark),var(--v-mark));background-repeat:no-repeat;background-position:0 88%;background-size:100% 42%;padding:0 2px;margin:0 -2px;border-radius:2px}
.nhv-js .nhv-mark{background-size:0 42%;transition:background-size .75s cubic-bezier(.3,.7,.2,1) .15s}
.nhv-js .is-in .nhv-mark{background-size:100% 42%}
/* Dunkelmodus (Schalter in der Kopfzeile): heller Text auf vollem Gelb wäre unlesbar – Marker gedämpft und höher */
html.nh-dark .nhv-mark{background-image:linear-gradient(rgba(255,214,10,.3),rgba(255,214,10,.3));background-size:100% 70%;background-position:0 75%}
html.nh-dark .nhv-js .nhv-mark{background-size:0 70%}
html.nh-dark .nhv-js .is-in .nhv-mark{background-size:100% 70%}

/* ---- Abschnitte ---- */
.nhv-sec{padding:76px 0!important;border-bottom:1px solid var(--v-line)}
.nhv-sec__head{max-width:46em;margin-bottom:36px}
.nhv-sec__head h2,.nhv-method h2,.nhv-cta h2{font-size:clamp(1.95rem,3.6vw,2.85rem);font-weight:800;line-height:1.02;letter-spacing:-.008em;text-wrap:balance;margin:0 0 14px}
.nhv-sec__head p{font-size:1.06rem;line-height:1.6;color:var(--v-ink2)}

/* ---- Übersicht: Reiter je Produkt ---- */
.nhv-index{background:var(--v-paper)}
.nhv-tabs__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--v-line2);border-radius:10px 10px 0 0;overflow:hidden;background:var(--v-field2)}
.nhv-tabs__list button{appearance:none;border:0;border-right:1px solid var(--v-line);background:transparent;text-align:left;padding:14px 16px 13px;cursor:pointer;color:var(--v-ink2);font:inherit;display:flex;flex-direction:column;gap:3px;transition:background-color .15s,color .15s;position:relative}
.nhv-tabs__list button:last-child{border-right:0}
.nhv-tabs__list button b{font:700 17px/1.15 var(--v-display)}
.nhv-tabs__list button span{font:600 11px/1.3 var(--v-mono);letter-spacing:.04em;color:var(--v-muted)}
.nhv-tabs__list button:hover{background:var(--v-field);color:var(--v-ink)}
.nhv-tabs__list button[aria-selected="true"]{background:var(--v-paper);color:var(--v-ink)}
.nhv-tabs__list button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--v-ink)}
.nhv-offer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;padding:34px 34px 36px;border:1px solid var(--v-line2);border-top:0;border-radius:0 0 10px 10px}
.nhv-js .nhv-offer{animation:nhv-in .32s ease-out}
.nhv:not(.nhv-js) .nhv-offer{border-top:1px solid var(--v-line2);border-radius:10px;margin-bottom:18px}
.nhv-offer h3{font-size:1.75rem;font-weight:800;line-height:1.08;margin:0 0 12px}
.nhv-offer p{color:var(--v-ink2);max-width:36em}
.nhv-checks{margin-top:18px!important;display:grid;gap:9px}
.nhv-checks li{position:relative;padding-left:26px;line-height:1.5}
.nhv-checks li::before{content:"";position:absolute;left:2px;top:.42em;width:13px;height:7px;border-left:2px solid var(--v-ok);border-bottom:2px solid var(--v-ok);transform:rotate(-45deg)}
.nhv-offer__side{border-left:1px solid var(--v-line);padding-left:34px}
.nhv-spec{margin-top:12px!important}
.nhv-spec>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:11px 0;border-top:1px solid var(--v-line)}
.nhv-spec>div:last-child{border-bottom:1px solid var(--v-line)}
.nhv-spec dt{color:var(--v-muted);font-size:14.5px}
.nhv-spec dd{font-weight:650;font-size:14.5px;color:var(--v-ink)}
@keyframes nhv-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---- Vergleichstabellen ---- */
.nhv-tables{background:var(--v-field2)}
.nhv-tgroup+.nhv-tgroup{margin-top:56px}
.nhv-tgroup__h{font-size:1.45rem;font-weight:800;margin:0 0 14px!important}
.nhv-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--v-line2);border-radius:8px;overflow:hidden;background:var(--v-paper);margin:0 0 16px}
.nhv-seg button{appearance:none;border:0;border-right:1px solid var(--v-line);background:transparent;color:var(--v-ink2);font:600 14.5px/1 var(--v-sans);padding:12px 16px;min-height:44px;cursor:pointer;transition:background-color .12s,color .12s}
.nhv-seg button:last-child{border-right:0}
.nhv-seg button:hover{background:var(--v-field);color:var(--v-ink)}
.nhv-seg button[aria-selected="true"]{background:var(--v-ink);color:#fff}
.nhv-table{background:var(--v-paper);border:1px solid var(--v-line2);border-radius:10px;overflow:hidden;box-shadow:0 1px 0 rgba(13,21,48,.03)}
.nhv:not(.nhv-js) .nhv-tabs__panel+.nhv-tabs__panel{margin-top:22px}
.nhv-table__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;padding:16px 20px 14px;border-bottom:1px solid var(--v-line)}
.nhv-table__cap{font:700 1.15rem/1.25 var(--v-display);color:var(--v-ink);flex:1 1 100%}
.nhv-table__basis{font-size:13.5px;line-height:1.5;color:var(--v-muted);flex:1 1 30em}
.nhv-table__pick{display:flex;flex-direction:column;gap:6px}
.nhv-table__pick select{appearance:none;min-height:44px;min-width:210px;padding:9px 40px 9px 12px;border:1px solid var(--v-line2);border-radius:8px;background:var(--v-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(--v-ink);font:600 15px/1.2 var(--v-sans);cursor:pointer}
.nhv-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.nhv-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:880px}
.nhv-table thead th{position:sticky;top:0;z-index:1;background:var(--v-paper);font:600 11px/1.25 var(--v-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--v-muted);text-align:left;padding:13px 14px;border-bottom:1px solid var(--v-line2);vertical-align:bottom}
.nhv-table thead th.is-own{color:var(--v-ink);background:var(--v-own);box-shadow:inset 0 3px 0 var(--v-ink)}
.nhv-table tbody th{position:sticky;left:0;z-index:1;background:var(--v-paper);text-align:left;vertical-align:top;padding:13px 16px 13px 20px;font:650 14.5px/1.35 var(--v-sans);color:var(--v-ink);width:21%;min-width:170px;border-right:1px solid var(--v-line)}
.nhv-table__corner{position:sticky;left:0;z-index:2!important;border-right:1px solid var(--v-line)}
.nhv-table__hint{display:block;margin-top:3px;font-weight:400;font-size:12.5px;color:var(--v-muted)}
.nhv-table td{vertical-align:top;padding:13px 14px;font-size:14.5px;line-height:1.4;color:var(--v-ink);border-left:1px solid var(--v-line)}
.nhv-table thead th+th{border-left:1px solid var(--v-line)}
.nhv-table tbody tr:not(.nhv-table__group) :is(th,td){border-top:1px solid var(--v-line)}
.nhv-table td.is-own{background:var(--v-own);border-left-color:var(--v-own-line);border-right:1px solid var(--v-own-line)}
.nhv-table td .nhv-v{font-weight:650}
.nhv-table td.is-own .nhv-v{font-weight:700}
.nhv-table td.is-unknown .nhv-v{font-weight:400;font-style:italic;color:var(--v-muted)}
.nhv-note{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--v-muted)}
.nhv-table__group th{position:static!important;padding:20px 20px 8px!important;background:var(--v-field2)!important;border-top:1px solid var(--v-line2);border-right:0!important;font:600 11px/1.3 var(--v-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--v-ink2)!important}
.nhv-table tbody tr:not(.nhv-table__group):hover :is(th,td:not(.is-own)){background:#fafbfd}
/* Schmal: Nexthosting neben einem gewählten Anbieter */
.nhv-table.is-pick table{min-width:0;table-layout:fixed;width:100%}
.nhv-table.is-pick :is(td,th){overflow-wrap:break-word;hyphens:auto}
.nhv-table.is-pick [data-col]:not([data-col="nh"]):not(.is-picked){display:none}
.nhv-table.is-pick tbody th{position:static;width:36%;min-width:0;padding:11px 4px 11px 12px!important;font-size:12.5px}
.nhv-table.is-pick td{padding:11px 8px!important;font-size:13.5px}
.nhv-table.is-pick thead th{font-size:9.5px;letter-spacing:0;padding:11px 8px;overflow-wrap:normal;hyphens:none}
.nhv-table.is-pick .nhv-ref{margin-left:2px}
.nhv-table.is-pick .nhv-table__corner{position:static;width:36%}

/* ---- Stärken mit Beleg ---- */
.nhv-claims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;counter-reset:c}
.nhv-claim{display:grid;grid-template-columns:54px minmax(0,1fr);gap:0 14px;padding:26px 0 28px;border-top:1px solid var(--v-line2)}
.nhv-claim__n{font:700 15px/1.6 var(--v-mono);color:var(--v-muted)}
.nhv-claim h3{font-size:1.42rem;font-weight:800;line-height:1.12;margin:0 0 9px}
.nhv-claim p{color:var(--v-ink2);line-height:1.6}
.nhv-proof{display:inline-flex;align-items:baseline;gap:9px;margin-top:12px;font-size:14px;font-weight:650;color:var(--v-act)!important;text-decoration:none!important}
.nhv-proof:hover{text-decoration:underline!important}
.nhv-proof__l{font:600 10.5px/1 var(--v-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--v-muted);border:1px solid var(--v-line2);border-radius:3px;padding:4px 6px}
.nhv-js [data-nhv-reveal]{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.nhv-js [data-nhv-reveal].is-in{opacity:1;transform:none}

/* ---- Panel ---- */
.nhv-panel{background:var(--v-field)}
.nhv-gallery{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:28px;align-items:start}
.nhv:not(.nhv-js) .nhv-gallery{grid-template-columns:1fr}
.nhv-gallery__list{display:flex;flex-direction:column;border-top:1px solid var(--v-line2)}
.nhv-gallery__list button{appearance:none;border:0;border-bottom:1px solid var(--v-line2);background:transparent;text-align:left;padding:13px 14px 13px 16px;cursor:pointer;font:inherit;color:var(--v-ink2);display:flex;flex-direction:column;gap:2px;position:relative;transition:background-color .15s,color .15s}
.nhv-gallery__list button b{font:700 16.5px/1.2 var(--v-display);color:var(--v-ink)}
.nhv-gallery__list button span{font-size:13.5px;line-height:1.45;display:none}
.nhv-gallery__list button:hover{background:rgba(255,255,255,.55)}
.nhv-gallery__list button[aria-selected="true"]{background:var(--v-paper)}
.nhv-gallery__list button[aria-selected="true"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--v-ink)}
.nhv-gallery__list button[aria-selected="true"] span{display:block}
.nhv-gallery__stage{background:#0f1420;border:1px solid #2a3142;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(13,21,48,.6)}
.nhv:not(.nhv-js) .nhv-gallery__stage{background:none;border:0;box-shadow:none;display:grid;gap:22px}
.nhv-gallery__bar{display:flex;align-items:center;gap:6px;padding:9px 14px;border-bottom:1px solid #2a3142;font:600 11px/1 var(--v-mono);letter-spacing:.04em;color:#8b93a7}
.nhv-gallery__bar i{display:none}
.nhv:not(.nhv-js) .nhv-gallery__bar{display:none}
.nhv-gallery__shot img{display:block;width:100%;height:auto;aspect-ratio:1.6/1}
.nhv-js .nhv-gallery__shot{animation:nhv-fade .3s ease-out}
.nhv-gallery__nojs{display:none;padding:10px 0 0;font-size:14px;color:var(--v-ink2)}
.nhv:not(.nhv-js) .nhv-gallery__nojs{display:block}
@keyframes nhv-fade{from{opacity:.25}to{opacity:1}}

/* ---- Preisliste ---- */
.nhv-pricelist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 56px}
.nhv-pricelist__col h3{font-size:1.3rem!important;font-weight:800;line-height:1.2;padding-bottom:12px;border-bottom:2px solid var(--v-ink);font-family:var(--v-display)!important;color:var(--v-ink)!important;letter-spacing:0;text-transform:none}
.nhv-pricelist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;padding:14px 0;border-bottom:1px solid var(--v-line)}
.nhv-pricelist li b{grid-column:1;grid-row:1;font:700 16.5px/1.25 var(--v-display);display:flex;align-items:baseline;gap:10px;min-width:0}
.nhv-pricelist li b::after{content:"";flex:1 1 auto;border-bottom:2px dotted var(--v-line2);transform:translateY(-4px);min-width:16px}
.nhv-pricelist li em{grid-column:2;grid-row:1;align-self:baseline;font:700 16px/1.25 var(--v-display);font-style:normal;color:var(--v-ink);text-align:right;max-width:15em}
.nhv-pricelist__col:first-child li em{color:var(--v-ok)}
.nhv-pricelist li span{grid-column:1/-1;grid-row:2;font-size:14px;line-height:1.5;color:var(--v-muted);max-width:40em}

/* ---- Fragen ---- */
.nhv-faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:48px}
.nhv-faq__list{border-top:1px solid var(--v-line2)}
.nhv-faq details{border-bottom:1px solid var(--v-line2)}
.nhv-faq summary{list-style:none;cursor:pointer;padding:18px 44px 18px 0;position:relative;font:700 1.12rem/1.3 var(--v-display);color:var(--v-ink)}
.nhv-faq summary::-webkit-details-marker{display:none}
.nhv-faq summary::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(var(--v-ink),var(--v-ink)) center/12px 2px no-repeat,linear-gradient(var(--v-ink),var(--v-ink)) center/2px 12px no-repeat;transition:transform .2s}
.nhv-faq details[open] summary::after{transform:rotate(45deg)}
.nhv-faq details p{padding:0 0 20px;color:var(--v-ink2);max-width:44em}

/* ---- Methode und Quellen ---- */
.nhv-method{background:var(--v-field2)}
.nhv-method__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.nhv-method__grid>div>p{color:var(--v-ink2)}
.nhv-spec--basis{margin-top:22px!important}
.nhv-notes{margin-top:20px!important;display:grid;gap:8px}
.nhv-notes li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.55;color:var(--v-ink2)}
.nhv-notes li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--v-line2)}
.nhv-sources{margin:14px 0 0!important;counter-reset:q;border-top:1px solid var(--v-line)}
.nhv-sources li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 10px;padding:9px 0;border-bottom:1px solid var(--v-line);font-size:14px;line-height:1.45;scroll-margin-top:120px}
.nhv-sources li::before{content:attr(value);grid-row:span 3;font:600 11px/20px var(--v-mono);color:var(--v-act);background:var(--v-act-soft);border-radius:3px;text-align:center;height:20px}
.nhv-sources li:target,.nhv-sources li.is-hit{background:var(--v-own);box-shadow:-8px 0 0 var(--v-own),8px 0 0 var(--v-own)}
.nhv-sources__p{font:600 10.5px/1.4 var(--v-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--v-muted)}
.nhv-sources a{font-weight:650;color:var(--v-ink)!important}
.nhv-sources__u{font-size:12.5px;color:var(--v-muted);word-break:break-all}

/* ---- Abschluss und weitere Vergleiche ---- */
.nhv-cta{background:var(--v-paper)}
.nhv-cta__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.nhv-cta__grid>div>p{color:var(--v-ink2);font-size:1.06rem}
.nhv-cta__list{border-top:2px solid var(--v-ink)}
.nhv-cta__list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:16px 4px;border-bottom:1px solid var(--v-line2);text-decoration:none!important;transition:background-color .15s,padding .15s}
.nhv-cta__list a:hover{background:var(--v-field2);padding-left:12px}
.nhv-cta__list b{font:700 1.25rem/1.2 var(--v-display)}
.nhv-cta__list span{grid-column:1;color:var(--v-muted);font-size:14.5px}
.nhv-cta__list i{grid-column:2;grid-row:1/span 2;align-self:center;font-style:normal;font-size:1.3rem;color:var(--v-act)}
.nhv-more{padding:40px 0 56px!important;border-bottom:0}
.nhv-more ul{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:14px!important}
.nhv-more a{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--v-line2);border-radius:8px;text-decoration:none!important;min-width:200px;transition:border-color .15s}
.nhv-more a:hover{border-color:var(--v-ink)}
.nhv-more b{font:700 16px/1.2 var(--v-display)}
.nhv-more span{font-size:13px;color:var(--v-muted)}

/* ---- Breiten ---- */
@media (max-width:1020px){
  .nhv-head__grid{grid-template-columns:1fr;gap:34px}
  .nhv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nhv-facts>div:nth-child(2){border-right:0}
  .nhv-facts>div:nth-child(3){padding-left:0}
  .nhv-facts>div:nth-child(n+3){border-top:1px solid var(--v-line)}
  .nhv-gallery{grid-template-columns:1fr}
  .nhv-gallery__list{flex-direction:row;overflow-x:auto;border-top:0;border-bottom:1px solid var(--v-line2)}
  .nhv-gallery__list button{flex:0 0 auto;border-bottom:0;border-right:1px solid var(--v-line2);padding:11px 14px}
  .nhv-gallery__list button span,.nhv-gallery__list button[aria-selected="true"] span{display:none}
  .nhv-gallery__list button[aria-selected="true"]::before{left:0;right:0;top:auto;bottom:0;width:auto;height:3px}
  .nhv-faq__grid,.nhv-method__grid,.nhv-cta__grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .nhv-wrap{padding:0 16px}
  .nhv-sec{padding:56px 0!important}
  .nhv-head{padding-top:18px}
  .nhv-crumbs{margin-bottom:20px}
  .nhv-lead{font-size:1.02rem}
  .nhv-sheet__cap{padding:10px 12px}
  .nhv-sheet__table thead{display:none}
  .nhv-sheet__table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px;padding:12px 14px}
  .nhv-sheet__table tbody tr+tr{border-top:1px solid var(--v-line)}
  .nhv-sheet__table tbody tr+tr :is(th,td){border-top:0}
  .nhv-sheet__table tbody th{grid-column:1/-1;padding:0 0 4px!important;font-size:16px;white-space:normal}
  .nhv-sheet__table td{padding:0!important;font-size:14px;white-space:normal}
  .nhv-sheet__table td::before{content:attr(data-label);display:block;font:600 9.5px/1.4 var(--v-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--v-muted);font-style:normal}
  .nhv-sheet__note{padding:10px 12px 12px}
  .nhv-facts{margin-top:30px!important}
  .nhv-facts>div,.nhv-facts>div+div{padding:14px 12px 16px 0}
  .nhv-facts>div:nth-child(even){padding-left:14px}
  .nhv-facts dd{font-size:1.06rem}
  .nhv-tabs__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nhv-tabs__list button{border-bottom:1px solid var(--v-line)}
  .nhv-offer{grid-template-columns:1fr;gap:26px;padding:24px 18px 26px}
  .nhv-offer__side{border-left:0;padding-left:0}
  .nhv-claims{grid-template-columns:1fr}
  .nhv-claim{grid-template-columns:40px minmax(0,1fr)}
  .nhv-pricelist{grid-template-columns:1fr;gap:34px}
  .nhv-pricelist li b{grid-column:1/-1}
  .nhv-pricelist li b::after{display:none}
  .nhv-pricelist li em{grid-column:1/-1;grid-row:2;text-align:left;max-width:none;font-size:15px}
  .nhv-pricelist li span{grid-row:3}
  .nhv-table__top{padding:14px 14px 12px}
  .nhv-table__pick{width:100%}
  .nhv-table__pick select{width:100%}
  .nhv-table tbody th{padding:12px 10px 12px 14px;font-size:14px}
  .nhv-table td{padding:12px 10px;font-size:14px}
  .nhv-more a{min-width:0;flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  .nhv *,.nhv *::before,.nhv *::after{animation:none!important;transition:none!important}
  .nhv-js .nhv-mark{background-size:100% 42%}
  .nhv-js [data-nhv-reveal]{opacity:1;transform:none}
}