/*
 * NhPanel – öffentliche Seiten „Managed Server“ (/managed) und „Managed Enterprise“ (/managed/enterprise).
 * Vorlagen Resources/views/managed-pages/*.twig, Daten Support/ManagedPages.php.
 *
 * Gestaltung: Jede Zusage steht neben ihrem Beleg – Monatsbericht, Leistungsschein, Preisliste, Onboarding, Vertragsauszug,
 * Zugriffsprotokoll, Serverakte, Ablaufbeschreibung. Belege sind weißes Papier mit feinem Rand, einer Kopfzeile in Mono-Schrift
 * und dem Vermerk „Beispiel“. Sonst Schrift (NH Sans = DM Sans) und Farben der Website: Logo-Navy für Schrift und Linien,
 * Nexthosting-Blau nur für Knöpfe und Links, Grün/Gelb nur als Zustandspunkt. Keine Zeichnungen, nichts Gedrehtes, keine Pillen.
 * Einziger auffälliger Moment: der Monatsbericht im Kopf ragt über die Kante in den nächsten Abschnitt.
 * Runde 3 (08.11.2026): Etiketten normal gesetzt (keine Mono-Großbuchstaben), Bericht ohne Kennzahl-Kacheln,
 * Belege am Handy ausgeblendet, Preisgruppen am Handy klappbar, Zustand „nur auf Anfrage“ an den Tarifkarten.
 * Dunkelmodus: der Zwilling entsteht automatisch (Support/DarkMode/DarkCss) aus den Farben unten.
 * Alle Regeln unter .nhm; Überschriften mit !important, weil das Theme sie sonst umstellt.
 */
@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:400 700;font-display:swap}

/* die Seite läuft über die ganze Breite, nicht im schmalen Rahmen des Themes */
main.page-main:has(> .nhm-page){max-width:none;padding-left:0;padding-right:0}

.nhm{--ink:#131e3e;--text:#2b3346;--muted:#5d667a;--line:#dfe3ea;--line-2:#c3c9d6;--ground:#f3f5f9;--paper:#ffffff;
  --blue:#2459e8;--blue-d:#1c47bd;--ok:#1f9d55;--warn:#c48a00;--bad:#b42318;--bad-bg:#fdf3f2;
  --sans:"NH Sans","DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"NH Mono",ui-monospace,"Cascadia Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --shadow:0 1px 0 rgba(19,30,62,.04),0 22px 44px -28px rgba(19,30,62,.28);
  color:var(--text);font:16px/1.6 var(--sans);text-align:left;background:var(--paper);overflow-x:clip;
  /* Runde 3: nie mitten im Wort trennen – nur an Leerzeichen/Bindestrichen, überlange Wörter notfalls ganz umbrechen */
  hyphens:manual;overflow-wrap:break-word;word-break:normal}
.nhm-nowrap{white-space:nowrap}
.nhm *,.nhm *::before,.nhm *::after{box-sizing:border-box}
:where(.nhm) :where(h1,h2,h3,p,dl,dd,ul,ol,figure,table){margin:0}
.nhm :is(ul,ol){padding:0;margin-left:0;list-style:none}
/* Tabellen-Vorgaben des Themes (graue Kopfzeile, Einzüge) zurücksetzen */
.nhm :is(table,thead,tbody,tr,th,td){background:transparent}
.nhm table :is(th,td):first-child{padding-left:0!important}
.nhm thead th{border-radius:0!important}
.nhm h1,.nhm h2,.nhm h3{font-family:var(--sans)!important;color:var(--ink);text-transform:none;letter-spacing:normal}
.nhm a{color:inherit}
.nhm :is(a,button,input,select,textarea,summary,label):focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.nhm-wrap{max-width:1280px;margin:0 auto;padding:0 24px}
/* Sprungziele (#tarife, #anfrage) nicht unter der festen Kopfleiste verstecken */
.nhm [id]{scroll-margin-top:110px}
.nhm-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nhm-mono{font-family:var(--mono);font-size:.86em;letter-spacing:-.01em}
.nhm-num{font-variant-numeric:tabular-nums}
.nhm-muted{color:var(--muted)}
/* Etiketten normal gesetzt (Runde 3, Befund 5): keine Mono-Großbuchstaben */
.nhm-label{font:600 14px/1.35 var(--sans);color:var(--ink)}
.nhm-link{color:var(--blue-d)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.nhm-link:hover{text-decoration-thickness:2px}

/* ---- Knöpfe ---- */
.nhm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border:1px solid var(--blue);border-radius:8px;
  background:var(--blue);color:#fff!important;font:600 15px/1.2 var(--sans);text-decoration:none!important;text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s}
.nhm-btn:hover{background:var(--blue-d);border-color:var(--blue-d)}
.nhm-btn[disabled]{opacity:.65;cursor:progress}
.nhm-btn--ghost{background:transparent;color:var(--ink)!important;border-color:var(--line-2)}
.nhm-btn--ghost:hover{background:transparent;border-color:var(--ink)}
.nhm-btn--block{display:flex;width:100%}
.nhm-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}
.nhm-note{margin-top:6px!important;font-size:14.5px;color:var(--muted);max-width:52ch}
.nhm-note--state{display:flex;align-items:baseline;gap:10px;color:var(--ink);font-weight:600}
.nhm-note--state .nhm-dot,.nhm-state .nhm-dot{transform:translateY(-1px)}
/* „Derzeit nur auf Anfrage“ an den Tarifkarten (Befund 8): eine ruhige Zeile mit Zustandspunkt, kein Farbkasten */
.nhm-state{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:-14px 0 22px!important;padding:14px 18px;border:1px solid var(--line-2);border-radius:6px;background:var(--paper);font-size:15.5px;line-height:1.5;color:var(--ink);font-weight:600}
.nhm-state>span:nth-child(2){flex:1 1 30ch}
.nhm-state .nhm-link{font-weight:600;white-space:nowrap}

/* ---- Kopf ---- */
.nhm-hero{background:var(--ground);border-bottom:1px solid var(--line);padding:30px 0 0}
.nhm-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px;align-items:start}
.nhm-hero__text{padding:18px 0 72px}
.nhm-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px;font-size:13.5px;color:var(--muted)}
.nhm-crumbs a{text-decoration:none}
.nhm-crumbs a:hover{text-decoration:underline}
.nhm-crumbs [aria-current]{color:var(--ink);font-weight:600}
.nhm-kicker{font:600 15px/1.35 var(--sans);color:var(--blue-d);margin-bottom:12px!important}
.nhm h1{font-size:clamp(2.2rem,1.3rem + 2.9vw,3.55rem);line-height:1.04;font-weight:700;letter-spacing:-.035em!important;max-width:12ch;overflow-wrap:break-word;hyphens:manual}
.nhm-page--ent h1{max-width:18ch;font-size:clamp(2rem,1.25rem + 2.4vw,3.1rem)}
.nhm-lead{margin-top:22px!important;font-size:18px;line-height:1.6;color:var(--text);max-width:54ch}

/* ---- Belege (Papier mit Kopfzeile) ---- */
.nhm-doc{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}
.nhm-doc__bar{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding:11px 20px;border-bottom:1px solid var(--line);
  font:600 13.5px/1.35 var(--sans);color:var(--muted)}
.nhm-doc__ex{color:var(--muted);font-weight:500;font-style:italic}
.nhm-doc__body{padding:22px 24px 20px}
.nhm-doc__foot{margin-top:18px!important;padding-top:12px;border-top:1px solid var(--line);font:500 13px/1.45 var(--sans);color:var(--muted)}
.nhm-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--ok)}
.is-warn>.nhm-dot,.nhm-dot.is-warn{background:var(--warn)}

/* Monatsbericht im Kopf: ragt über die Kante in den nächsten Abschnitt */
.nhm-report,.nhm-file{z-index:2;margin:6px 0 -96px}
.nhm-report__title{font-size:25px;font-weight:700;line-height:1.15;color:var(--ink);letter-spacing:-.015em}
.nhm-report__server{margin-top:4px!important;font:500 14px/1.4 var(--sans);color:var(--muted)}
.nhm-checks{margin-top:14px!important;border-top:1px solid var(--line)}
.nhm-checks li{display:grid;grid-template-columns:16px 130px minmax(0,1fr);gap:0 10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45}
.nhm-checks li .nhm-dot{transform:translateY(-1px)}
.nhm-checks b{color:var(--ink);font-weight:600}
.nhm-checks span:last-child{color:var(--muted)}
.nhm-report__h{margin-top:18px!important;font:600 13px/1.3 var(--sans);color:var(--muted)}
.nhm-bar{height:4px;margin:8px 0 4px;background:var(--line);border-radius:2px;overflow:hidden}
.nhm-bar span{display:block;width:var(--p);height:100%;background:var(--ink)}
.nhm-ledger li{display:grid;grid-template-columns:50px 58px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}
.nhm-ledger li span:first-child,.nhm-ledger li span:nth-child(2){color:var(--muted)}

/* ---- Abschnitte ---- */
.nhm-sec{padding:64px 0}
.nhm-sec--ground{background:var(--ground);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nhm-hero+.nhm-sec{padding-top:64px}
.nhm-hero+.nhm-sec>.nhm-wrap>.nhm-head{max-width:calc(100% - 640px)}
.nhm-page--ent .nhm-file{margin-bottom:56px}
.nhm-page--ent .nhm-hero+.nhm-sec{padding-top:88px}
.nhm-page--ent .nhm-hero+.nhm-sec>.nhm-wrap>.nhm-head{max-width:760px}
.nhm-head{max-width:760px;margin-bottom:36px}
.nhm-eyebrow{font:600 15px/1.35 var(--sans);color:var(--blue-d);margin-bottom:8px!important}
.nhm h2{font-size:clamp(1.6rem,1.05rem + 1.7vw,2.3rem);line-height:1.12;font-weight:700;letter-spacing:-.025em!important;overflow-wrap:break-word}
.nhm h3{font-size:17px;line-height:1.3;font-weight:700}
.nhm-sub{margin-top:14px!important;font-size:17px;line-height:1.6;color:var(--muted)}
.nhm-foot{margin-top:16px!important;font-size:14px;line-height:1.55;color:var(--muted);max-width:90ch}
.nhm-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:64px;align-items:start}
.nhm-split--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.nhm-split--flip{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:center}
.nhm-split--form{grid-template-columns:minmax(0,1fr) minmax(0,660px)}
.nhm-split--form .nhm-head{margin-bottom:0}

/* Leistungsschein */
.nhm-sheet .nhm-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;padding:8px 24px 14px}
.nhm-rows>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 18px;padding:10px 0;border-bottom:1px solid var(--line)}
.nhm-rows dt{font-weight:700;color:var(--ink);font-size:15px}
.nhm-rows dd{font-size:15px;line-height:1.55;color:var(--text)}

/* ---- Tarife ---- */
.nhm-switch{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;margin:-12px 0 22px}
.nhm-switch__label{margin-right:14px;font-size:14px;color:var(--muted)}
.nhm-switch label{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);font-size:14.5px;font-weight:600;cursor:pointer}
.nhm-switch label+label{margin-left:-1px}
.nhm-switch label:first-of-type{border-radius:8px 0 0 8px}
.nhm-switch label:last-of-type{border-radius:0 8px 8px 0}
#nhm-t-vps:checked~.nhm-switch label[for="nhm-t-vps"],#nhm-t-ded:checked~.nhm-switch label[for="nhm-t-ded"]{background:var(--ink);border-color:var(--ink);color:#fff}
#nhm-t-vps:focus-visible~.nhm-switch label[for="nhm-t-vps"],#nhm-t-ded:focus-visible~.nhm-switch label[for="nhm-t-ded"]{outline:3px solid var(--blue);outline-offset:2px;position:relative}
#nhm-t-vps:checked~.nhm-plans .nhm-v--ded,#nhm-t-ded:checked~.nhm-plans .nhm-v--vps,
#nhm-t-vps:checked~.nhm-diff .nhm-v--ded,#nhm-t-ded:checked~.nhm-diff .nhm-v--vps{display:none!important}

.nhm-plans{display:grid;grid-template-columns:170px repeat(3,minmax(0,1fr));grid-template-rows:repeat(7,auto);gap:0 14px}
.nhm-plans__labels,.nhm-plan{grid-row:1/span 7;display:grid;grid-template-rows:subgrid}
.nhm-plans__labels span{padding:12px 0;font-size:13px;font-weight:600;line-height:1.4;color:var(--muted);border-top:1px solid transparent}
.nhm-plan{background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);min-width:0}
.nhm-plan__head{background:var(--paper);padding:20px 20px 18px;border-top:3px solid var(--ink);border-radius:6px 6px 0 0;margin:-1px -1px 0}
.nhm-plan__head h3{font-size:18px}
.nhm-plan__for{margin-top:4px!important;font-size:14px;line-height:1.45;color:var(--muted);min-height:2.9em}
.nhm-head--next{margin-top:48px}
.nhm-plan__price{margin-top:10px!important;color:var(--muted);font-size:14px}
.nhm-plan__price strong{font-size:29px;line-height:1.1;font-weight:700;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-right:4px}
.nhm-plan__rows{display:contents}
.nhm-plan__rows>div{padding:12px 20px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.5;min-width:0}
.nhm-plan__rows dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.nhm-plan__rows .nhm-num{font-weight:600;color:var(--ink)}
.nhm-plan__extra{display:block;margin-top:6px;font-weight:600;color:var(--ink)}
.nhm-plan__cta{padding:16px 20px 20px;border-top:1px solid var(--line);align-self:end}
.nhm-ent-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 22px;align-items:baseline;margin-top:22px;padding:18px 22px;background:var(--paper);border:1px solid var(--line);border-radius:6px;text-decoration:none!important;color:var(--text)!important;transition:border-color .15s}
.nhm-ent-line:hover{border-color:var(--ink)}
.nhm-ent-line strong{color:var(--ink);font-size:16px}
.nhm-ent-line>span:nth-child(2){color:var(--muted);font-size:15px}
.nhm-arrow{color:var(--blue-d);font-weight:600;font-size:15px;white-space:nowrap}

/* Was heißt Managed? (Kopf) */
.nhm-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:22px!important;max-width:560px;border-top:2px solid var(--ink)}
.nhm-who>div{padding:12px 0 0}
.nhm-who__we{padding-left:20px!important;border-left:1px solid var(--line-2)}
.nhm-who li{position:relative;padding:3px 0 3px 16px;font-size:15px;line-height:1.45;color:var(--text)}
.nhm-who li::before{content:"–";position:absolute;left:0;color:var(--muted)}
.nhm-who__we li{color:var(--ink);font-weight:600}
.nhm-who__we li::before{content:"✓";color:var(--ok)}
/* Tarifkarten: „Das tun wir für dich“, „Das hast du davon“ */
.nhm-does li{position:relative;padding:2px 0 2px 16px;line-height:1.45}
.nhm-does li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.nhm-gain{font-weight:600;color:var(--ink)}
/* Im Alltag, Zeit, Ticket */
.nhm-cases li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:2px 16px;padding:14px 0;border-top:1px solid var(--line-2)}
.nhm-cases__time{grid-row:1/span 2;color:var(--muted);font:500 14px/1.5 var(--sans);padding-top:1px}
.nhm-cases b{color:var(--ink);font-size:15.5px}
.nhm-cases p{font-size:15px;line-height:1.55;color:var(--text)}
.nhm-cases__h{margin:26px 0 8px!important}
.nhm-time>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 16px;padding:9px 0;border-top:1px solid var(--line-2);font-size:15px}
.nhm-time dt{color:var(--muted)}
.nhm-time .is-managed dt,.nhm-time .is-managed dd{color:var(--ink);font-weight:600}
.nhm-ticket{margin-top:18px}
.nhm-ticket__msg{padding:10px 0;font-size:14.5px;line-height:1.5}
.nhm-ticket__msg+.nhm-ticket__msg{border-top:1px solid var(--line)}
.nhm-ticket__msg.is-us{padding-left:14px;border-left:3px solid var(--ink)}
.nhm-ticket__who{display:flex;justify-content:space-between;gap:12px;margin-bottom:2px!important;font-size:13px}
.nhm-ticket__who b{color:var(--ink)}
.nhm-ticket__who span{color:var(--muted);font:500 13px/1.4 var(--sans)}

/* Ansprechpartner (Name/Foto aus der Config, sonst nicht gezeigt) */
.nhm-person{display:flex;align-items:center;gap:14px;margin:10px 0 2px}
.nhm-person img,.nhm-person__initials{flex:0 0 56px;width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.nhm-person__initials{display:inline-flex;align-items:center;justify-content:center;background:var(--ground);font:600 17px/1 var(--sans);color:var(--ink)}
.nhm-person p{display:flex;flex-direction:column;line-height:1.35}
.nhm-person b{color:var(--ink);font-size:16px}
.nhm-person span{color:var(--muted);font-size:14px}
.nhm .nhm-hours--tight>div{padding:6px 0;font-size:15px}
.nhm .nhm-hours--tight dt{font-weight:400}

/* Unterschiede der Tarife, Katalog */
.nhm-diff{margin-top:48px}
.nhm-diff>p{margin:6px 0 16px!important;font-size:15px}
/* „In allen Tarifen“ als Haken-Punkte (Befund 6) */
.nhm-common__h{margin:16px 0 2px!important;font-size:15px;font-weight:600;color:var(--ink)}
.nhm-common{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:0 28px;margin:0 0 20px!important}
.nhm-common li{position:relative;padding:7px 0 7px 22px;font-size:15px;line-height:1.5;color:var(--text)}
.nhm-common li::before{content:"✓";position:absolute;left:2px;top:7px;color:var(--ok);font-weight:700}
.nhm-faq .nhm-catalog{padding:0 40px 10px 0}
.nhm-catalog>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:0 18px;padding:10px 0;border-top:1px solid var(--line)}
.nhm-catalog dt{font-weight:700;color:var(--ink);font-size:15px}
.nhm-catalog dd{font-size:15px;line-height:1.55;color:var(--text)}
/* kleinere Überschriften/Einleitungen in zweispaltigen Abschnitten */
.nhm-split h3+.nhm-sub--s,.nhm-h2s+.nhm-sub--s{margin-top:6px!important}
.nhm-sub--s{font-size:15.5px;margin-bottom:16px!important}
.nhm .nhm-h2s{font-size:clamp(1.35rem,1rem + 1vw,1.7rem)}
.nhm-hours-inline{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-top:14px!important;font-size:14.5px;color:var(--text)}
.nhm-hours-inline dt{flex-basis:100%}
.nhm-hours-inline b{color:var(--ink);font-weight:600}
.nhm-prices__group{padding:14px 0 6px}
.nhm-prices__group li{padding:6px 0}

/* ---- Tabellen (Vergleich, Reaktionszeiten) ---- */
.nhm-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}
.nhm-table th,.nhm-table td{padding:10px 16px!important;border-top:1px solid var(--line);vertical-align:top;font-size:14.5px;line-height:1.45}
.nhm-table thead th,.nhm-table thead td{border-top:0;font:600 13px/1.3 var(--sans);color:var(--muted);text-align:center;padding-top:15px!important;padding-bottom:13px!important;text-transform:none!important;letter-spacing:normal!important;overflow-wrap:normal;hyphens:manual}
.nhm-table thead th:first-child{text-align:left}
.nhm-table tbody th{text-align:left;font-weight:500;color:var(--ink)}
.nhm-table tbody th small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--muted)}
.nhm-table td{text-align:center;color:var(--text)}
.nhm .nhm-table{background:var(--paper)}
.nhm .nhm-table :is(th,td):first-child{padding-left:16px!important}
.nhm-compare tbody th{width:38%}
.nhm-yes{color:var(--ok);font-weight:700;font-size:16px}
.nhm-no{color:#9aa2b2}
.nhm-reaction td{font-weight:600;color:var(--ink);white-space:nowrap}
/* Runde 4 (Befund 34): P4 als eine Zelle über alle Tarife */
.nhm-reaction td.nhm-reaction__all{text-align:center;font-weight:400;color:var(--muted)}
/* Befund 31: „P2 Beeinträchtigung“ in einer Zeile */
.nhm-reaction tbody th,.nhm-reaction thead th:first-child{white-space:nowrap}
.nhm-reaction{table-layout:auto}
.nhm .nhm-reaction :is(th,td){padding-left:10px!important;padding-right:10px!important}
.nhm .nhm-reaction :is(th,td):first-child{padding-left:16px!important}
.nhm-hours-row{margin-top:40px}

/* ---- Preisliste ---- */
.nhm-prices__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px;padding:8px 26px 18px}
.nhm-prices__group{break-inside:avoid;padding:18px 0 10px}
.nhm-prices__group h3{font-size:16px}
/* Klappbare Blöcke (Befund 7: Preisgruppen, Tarif-Unterschiede): großer Bildschirm immer offen, Kopf ohne Klickfläche; Handy klappbar */
.nhm-fold>summary{display:block;list-style:none;cursor:default;pointer-events:none}
.nhm-fold>summary::-webkit-details-marker{display:none}
.nhm-prices__group>p{margin-top:4px!important;font-size:13.5px;line-height:1.5}
.nhm-prices__group ul{margin-top:10px!important}
.nhm-prices__group li{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.nhm-prices__name{flex:0 1 auto;min-width:0;font-size:15px;color:var(--ink);line-height:1.4}
.nhm-prices__name small{display:block;font-size:13px;color:var(--muted)}
.nhm-prices__fill{flex:1 1 16px;min-width:16px;border-bottom:1px dotted #aab2c1;transform:translateY(-4px)}
.nhm-prices__price{flex:0 0 auto;white-space:nowrap;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}
/* Runde 4 (Befund 18): vier gleich breite Spalten, Einheit klein unter dem Preis */
.nhm-prices__cols--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;padding-top:4px}
.nhm-prices__cols--4 .nhm-prices__fill{display:none}
.nhm-prices__cols--4 .nhm-prices__name{flex:1 1 auto;overflow-wrap:normal;word-break:normal;hyphens:manual}
.nhm-prices__cols--4 .nhm-prices__price{max-width:8.5em}
.nhm-prices__price small{display:block;font-size:12.5px;font-weight:400;line-height:1.35;color:var(--muted);white-space:normal}

/* ---- Ablauf ---- */
.nhm-phases li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 6px;padding-bottom:16px}
.nhm-phases li::before{content:"";position:absolute;left:14px;top:34px;bottom:4px;width:1px;background:var(--line-2)}
.nhm-phases li:last-child::before{display:none}
.nhm-phases__n{grid-row:1/span 2;display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid var(--ink);border-radius:50%;
  font:600 12.5px/1 var(--mono);color:var(--ink);background:var(--paper)}
.nhm-phases h3{padding-top:3px}
.nhm-phases p{margin-top:2px!important;font-size:15px;line-height:1.6;color:var(--text)}
.nhm-tracker{position:sticky;top:96px}
.nhm-tracker__title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:18px;font-weight:700;color:var(--ink)}
.nhm-tracker__title span{font:500 13px/1.3 var(--sans);color:var(--muted)}
.nhm-steps{display:flex;gap:4px;margin:12px 0 6px}
.nhm-steps span{flex:1;height:4px;border-radius:2px;background:var(--line)}
.nhm-steps .is-done{background:var(--ink)}
.nhm-steps .is-now{background:var(--blue)}
.nhm-track>li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:0 10px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
.nhm-track>li:last-child{border-bottom:0}
.nhm-track__n{font:600 12px/1.4 var(--mono);color:var(--muted)}
.nhm-track b{display:block;font-size:14.5px;color:var(--ink)}
.nhm-track div>span{display:block;font-size:13px;line-height:1.45;color:var(--muted)}
.nhm-track em{font:600 12.5px/1.3 var(--sans);font-style:normal;color:var(--muted);white-space:nowrap}
.nhm-track .is-done em{color:var(--ok)}
.nhm-track>li:not(.is-done):not(.is-now) b{color:var(--muted);font-weight:600}
.nhm-track__items{margin-top:6px!important}
.nhm-track__items li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:0 8px;align-items:baseline;padding:5px 0;font-size:13.5px;line-height:1.45;color:var(--text)}
.nhm-track__items small{grid-column:2;font:500 12.5px/1.35 var(--sans);color:var(--muted)}
.nhm-track__items .is-wait .nhm-dot{background:var(--warn)}
.nhm-track__items .is-work .nhm-dot{background:var(--blue)}
.nhm-ways{margin-top:56px}
.nhm-ways dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px!important}
.nhm-ways dl>div{padding:18px 20px;background:var(--ground);border:1px solid var(--line);border-radius:6px}
.nhm-ways dt{font-weight:700;color:var(--ink)}
.nhm-ways dd{margin-top:4px!important;font-size:15px;color:var(--muted)}
.nhm-ways .nhm-ways__price{margin-top:10px!important;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}

/* ---- Vertrag, Ausschlüsse ---- */
.nhm-contract__h{font-weight:700;color:var(--ink);font-size:15.5px;margin-bottom:12px!important}
.nhm-contract .nhm-doc__body p+p{margin-top:12px!important}
.nhm-contract .nhm-doc__body p{font-size:15px;line-height:1.65}
.nhm-not h3{margin-bottom:10px!important}
.nhm-not li,.nhm-tick li{position:relative;padding:11px 0 11px 26px;border-top:1px solid var(--line-2);font-size:15px;line-height:1.5}
.nhm-not li::before{content:"–";position:absolute;left:4px;top:11px;color:var(--muted)}
.nhm-tick li::before{content:"✓";position:absolute;left:2px;top:11px;color:var(--ok);font-weight:700}

/* ---- Supportzeiten ---- */
.nhm-hours h3{margin-bottom:8px!important}
.nhm-hours dl>div,.nhm-hours--plain>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line)}
.nhm-hours dt{color:var(--text)}
.nhm-hours dd{font-weight:600;color:var(--ink);text-align:right;white-space:nowrap}
.nhm-hours>p+p{margin-top:14px!important}
.nhm-hours>p{font-size:15px;line-height:1.6;color:var(--muted)}
.nhm-hours__h{margin:26px 0 6px!important}

/* ---- Reiter „Betreuung“ ---- */
.nhm-care__row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px}
.nhm-care__row b{color:var(--ink)}
.nhm-care__row span{font-weight:600;color:var(--ink)}
.nhm-care__h{margin:20px 0 6px!important;font:600 13px/1.3 var(--sans);color:var(--muted)}
.nhm-log{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.45}
.nhm-log th{padding:6px 10px 6px 0!important;text-align:left;font:600 13px/1.3 var(--sans);color:var(--muted);text-transform:none!important;letter-spacing:normal!important}
.nhm-log td{padding:8px 10px 8px 0!important;border-top:1px solid var(--line);vertical-align:top}
.nhm-log td.nhm-mono{color:var(--muted);white-space:nowrap;font-size:12.5px}
.nhm-care__access{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px!important;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--ink)}
.nhm-care__access>span:first-child{display:inline-flex;align-items:center;gap:8px}
.nhm-fake-btn{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line-2);border-radius:6px;font-size:13px;font-weight:600;color:var(--ink)}
.nhm-points>div{padding:16px 0;border-top:1px solid var(--line-2)}
.nhm-points dt{font-weight:700;color:var(--ink);font-size:16px}
.nhm-points dd{margin-top:4px!important;font-size:15px;line-height:1.6;color:var(--muted)}
.nhm-points--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}

/* ---- Häufige Fragen ---- */
.nhm-faq{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:48px;align-items:start}
.nhm-faq details{border-top:1px solid var(--line-2)}
.nhm-faq details:last-child{border-bottom:1px solid var(--line-2)}
.nhm-faq summary{position:relative;padding:18px 40px 18px 0;font-size:16.5px;font-weight:600;line-height:1.4;color:var(--ink);cursor:pointer;list-style:none}
.nhm-faq summary::-webkit-details-marker{display:none}
.nhm-faq summary::after{content:"+";position:absolute;right:6px;top:15px;font:400 22px/1 var(--sans);color:var(--muted)}
.nhm-faq details[open] summary::after{content:"–"}
.nhm-faq details p{padding:0 40px 20px 0;font-size:15.5px;line-height:1.65;color:var(--text)}

/* ---- Formular ---- */
.nhm-legal{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:26px!important;font-size:14px;color:var(--muted)}
.nhm-legal a{text-decoration:underline;text-underline-offset:.2em}
.nhm-form__req{font-size:13.5px;margin-bottom:14px!important}
.nhm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.nhm-field{min-width:0}
.nhm-field--wide{grid-column:1/-1}
.nhm-field label{display:block;margin-bottom:6px;font-size:13.5px;font-weight:600;color:var(--ink)}
.nhm-field input[type=text],.nhm-field input[type=email],.nhm-field input[type=tel],.nhm-field select,.nhm-field textarea{
  display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-2);border-radius:6px;background:var(--paper);color:var(--ink);font:15px/1.4 var(--sans);box-shadow:none}
.nhm-field textarea{min-height:110px;resize:vertical;line-height:1.55}
.nhm-field :is(input,select,textarea):focus{border-color:var(--blue);outline:3px solid rgba(36,89,232,.2);outline-offset:0}
.nhm-field.has-error :is(input,select,textarea){border-color:var(--bad)}
.nhm-hint{margin-top:5px!important;font-size:13px;color:var(--muted)}
.nhm-err{margin-top:5px!important;font-size:13px;font-weight:600;color:var(--bad)}
.nhm-privacy{margin-top:2px!important;font-size:13.5px}
.nhm-check{display:grid;grid-template-columns:20px minmax(0,1fr);gap:4px 10px;align-items:start}
.nhm-check input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--blue)}
.nhm-check label{margin:0;font-weight:400;font-size:14.5px;line-height:1.5;color:var(--text)}
.nhm-check .nhm-err{grid-column:2}
.nhm-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.nhm-send{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:16px;margin-top:22px}
.nhm-errors{margin-bottom:18px;padding:12px 16px;border-left:3px solid var(--bad);background:var(--bad-bg);color:var(--bad);font-size:14.5px}
.nhm-errors p{font-weight:700}
.nhm-errors ul{margin-top:6px!important;padding-left:18px;list-style:disc}
.nhm-done__h{font-size:21px;font-weight:700;color:var(--ink);line-height:1.25}
.nhm-done__no{display:flex;gap:12px;align-items:baseline;margin:14px 0!important;padding:12px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.nhm-done__no dt{font:600 14px/1.3 var(--sans);color:var(--muted)}
.nhm-done__no dd{font-size:18px;color:var(--ink)}
.nhm-done p+p{margin-top:8px!important}

/* ---- Enterprise ---- */
.nhm-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px!important;border-top:2px solid var(--ink);max-width:560px}
.nhm-terms>div{padding:12px 16px 12px 0;border-bottom:1px solid var(--line-2)}
.nhm-terms>div:nth-child(even){padding-left:16px;border-left:1px solid var(--line-2)}
.nhm-terms dt{font:500 13.5px/1.3 var(--sans);color:var(--muted)}
.nhm-terms dd{margin-top:3px!important;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.4}
.nhm-file__table{margin-top:14px}
.nhm-file__table td:nth-child(2){color:var(--ink)}
.nhm-file__notes{margin-top:14px!important}
.nhm-file__notes li{display:flex;align-items:baseline;gap:10px;padding:6px 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.nhm-runbook__trigger{display:flex;align-items:baseline;gap:10px;margin-top:8px!important;font-size:14px;color:var(--muted)}
.nhm-runbook__steps{counter-reset:nhm;margin-top:12px!important}
.nhm-runbook__steps li{counter-increment:nhm;display:grid;grid-template-columns:26px minmax(0,1fr);padding:9px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.5;color:var(--ink)}
.nhm-runbook__steps li::before{content:counter(nhm) ".";font:600 12.5px/1.6 var(--mono);color:var(--muted)}
.nhm-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 32px}
.nhm-path li{position:relative;padding:18px 0 0 50px;border-top:2px solid var(--ink)}
.nhm-path .nhm-phases__n{position:absolute;left:0;top:16px}
.nhm-path h3{padding-top:3px}
.nhm-path p{margin-top:4px!important;font-size:15px;line-height:1.6;color:var(--muted)}

/* Dunkelmodus: Flächen in Logo-Navy wären auf dunklem Grund unsichtbar – dort das Nexthosting-Blau (kräftig, bleibt im Zwilling) */
html.nh-dark .nhm-bar span,html.nh-dark .nhm-steps .is-done{background:#2459e8}
html.nh-dark .nhm-steps .is-now{background:#1f9d55}
html.nh-dark #nhm-t-vps:checked~.nhm-switch label[for="nhm-t-vps"],html.nh-dark #nhm-t-ded:checked~.nhm-switch label[for="nhm-t-ded"]{background:#2459e8;border-color:#2459e8}

/* ---- Bewegung: einmal beim Laden, nur ohne „Bewegung reduzieren“ ---- */
@media (prefers-reduced-motion:no-preference){
  .nhm-report .nhm-checks li,.nhm-report .nhm-ledger li{animation:nhm-in .45s cubic-bezier(.2,.7,.2,1) both}
  .nhm-report .nhm-checks li:nth-child(1){animation-delay:.15s}
  .nhm-report .nhm-checks li:nth-child(2){animation-delay:.24s}
  .nhm-report .nhm-checks li:nth-child(3){animation-delay:.33s}
  .nhm-report .nhm-checks li:nth-child(4){animation-delay:.42s}
  .nhm-report .nhm-ledger li{animation-delay:.6s}
  .nhm-report .nhm-bar span{animation:nhm-fill 1s .5s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes nhm-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes nhm-fill{from{width:0}to{width:var(--p)}}

/* ---- schmale Bildschirme ---- */
@media (max-width:1100px){
  .nhm-prices__cols,.nhm-prices__cols--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nhm-hero+.nhm-sec>.nhm-wrap>.nhm-head{max-width:calc(100% - 540px)}
  .nhm-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:40px}
  .nhm-split{gap:44px}
}
@media (max-width:960px){
  .nhm-hero__grid,.nhm-split,.nhm-split--even,.nhm-split--flip,.nhm-split--form,.nhm-faq{grid-template-columns:minmax(0,1fr)}
  .nhm-hero__text{padding-bottom:8px}
  .nhm-report,.nhm-file{margin:8px 0 -64px}
  .nhm-hero+.nhm-sec{padding-top:128px}
  .nhm-hero+.nhm-sec>.nhm-wrap>.nhm-head{max-width:none}
  .nhm-page--ent .nhm-file{margin-bottom:40px}
  .nhm-page--ent .nhm-hero+.nhm-sec{padding-top:60px}
  .nhm-tracker{position:static}
  .nhm-split--flip>figure{order:2}
  .nhm-faq{gap:18px}
  .nhm-plans{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:16px}
  .nhm-plans__labels{display:none}
  .nhm-plan{grid-row:auto;display:block}
  .nhm-plan__rows{display:block}
  .nhm-plan__rows>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 14px;padding:12px 20px}
  .nhm-plan__rows dt{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;font-size:13px;font-weight:600;color:var(--muted)}
  .nhm-path{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .nhm-wrap{padding:0 16px}
  .nhm-sec{padding:60px 0}
  .nhm-lead{font-size:16.5px}
  .nhm-sub{font-size:16px}
  .nhm-doc__body{padding:18px 16px 16px}
  .nhm-doc__bar{padding:10px 16px}
  /* Runde 3 (Befund 7): Handy deutlich kürzer – Beispiel-Belege (Monatsbericht, Ticket, Onboarding) nur am großen Bildschirm */
  .nhm-desk{display:none!important}
  .nhm-hero__text{padding-bottom:44px}
  .nhm-hero+.nhm-sec{padding-top:44px}
  .nhm-sec{padding:44px 0}
  .nhm-head{margin-bottom:24px}
  .nhm-actions{margin:24px 0 14px}
  .nhm-crumbs{margin-bottom:22px}
  .nhm-diff{margin-top:36px}
  .nhm-state{display:grid;grid-template-columns:8px minmax(0,1fr);gap:4px 12px;margin:-6px 0 18px!important;padding:12px 14px}
  .nhm-state .nhm-link{grid-column:2}
  .nhm-split,.nhm-split--even{gap:28px}
  .nhm .nhm-cases__h{margin-top:0!important}
  /* Preisgruppen klappbar (script.twig klappt sie am Handy zu) */
  .nhm-prices__group{padding:0;border-top:1px solid var(--line)}
  .nhm-prices__group:first-child{border-top:0}
  .nhm-prices__col+.nhm-prices__col .nhm-prices__group:first-child{border-top:1px solid var(--line)}
  .nhm-fold>summary{position:relative;pointer-events:auto;cursor:pointer;padding:14px 36px 14px 0}
  .nhm-fold>summary::after{content:"+";position:absolute;right:4px;top:11px;font:400 22px/1 var(--sans);color:var(--muted)}
  .nhm-fold[open]>summary::after{content:"–"}
  .nhm-diff{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
  .nhm-diff[open]{padding-bottom:18px}
  /* Ablauf: am Handy nur die Schritte, Erklärung steht in der Serverzentrale */
  .nhm-phases p{display:none}
  .nhm-phases li{padding-bottom:6px}
  .nhm-phases li::before{top:30px}
  .nhm-prices__group[open]{padding-bottom:10px}
  .nhm-prices__group>p{margin-top:0!important}
  /* unten Platz für den Live-Chat-Knopf, damit er das Formular-Ende nicht verdeckt (Befund 32) */
  .nhm-page>.nhm-sec:last-child{padding-bottom:124px}
  /* Tarifkarten kompakt: kurze Zeilen (Arbeitszeit, Reaktion, Einrichtung) mit Bezeichnung links */
  .nhm-plan__head{padding:16px 16px 14px}
  .nhm-plan__for{min-height:0}
  .nhm .nhm-plan__rows>div{padding:10px 16px}
  .nhm .nhm-plan__rows>div:nth-child(n+3){grid-template-columns:136px minmax(0,1fr);gap:0 12px;align-items:baseline}
  .nhm-plan__cta{padding:12px 16px 16px}
  .nhm-phases li{padding-bottom:10px}
  /* Tabellen-Spaltenköpfe in den Zeilenblöcken nie im Wort trennen */
  .nhm-table td{padding:4px 3px 12px!important}
  .nhm-table td::before{font-size:11.5px;overflow-wrap:normal;white-space:nowrap}
  .nhm .nhm-table thead{display:none}
  /* Persönlich betreut: am Handy reicht der Einleitungssatz; Auswahlfelder des Formulars paarweise */
  .nhm-page:not(.nhm-page--ent) .nhm-split .nhm-tick{display:none}
  .nhm-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .nhm-fields>.nhm-field:has(input:not([type=hidden])),.nhm-fields>.nhm-field:has(textarea),.nhm-fields>.nhm-field:has(#nhm-interest),.nhm-fields>.nhm-field--wide{grid-column:1/-1}
  .nhm-checks li{grid-template-columns:16px minmax(0,1fr)}
  .nhm-checks li>span:last-child{grid-column:2}
  .nhm-sheet .nhm-rows{grid-template-columns:minmax(0,1fr);padding:4px 16px 10px}
  .nhm-split .nhm-sheet .nhm-rows,.nhm-split .nhm-prices__cols{padding:4px 16px 10px}
  .nhm-split .nhm-rows>div,.nhm-catalog>div,.nhm-cases li,.nhm-time>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .nhm-cases__time{grid-row:auto}
  .nhm-who{grid-template-columns:minmax(0,1fr)}
  .nhm-who__we{padding-left:0!important;border-left:0;margin-top:8px}
  .nhm-rows>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .nhm-plan__rows>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .nhm-ent-line{grid-template-columns:minmax(0,1fr)}
  .nhm-prices__cols{grid-template-columns:minmax(0,1fr);padding:4px 16px 12px}
  .nhm-prices__group li{flex-wrap:wrap}
  .nhm-prices__fill{display:none}
  .nhm-prices__name{flex:1 1 100%}
  .nhm-prices__price{max-width:none;text-align:left}
  .nhm-switch__label{flex-basis:100%;margin:0 0 4px}
  .nhm-ways dl,.nhm-points--two,.nhm-fields,.nhm-path{grid-template-columns:minmax(0,1fr)}
  /* Tabellen werden zu Zeilenblöcken: Bezeichnung oben, Werte mit kleiner Spaltenüberschrift darunter */
  .nhm-table,.nhm-table tbody,.nhm-table tr,.nhm-table th,.nhm-table td{display:block}
  .nhm-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .nhm-table tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
  .nhm-table tbody tr:first-child{border-top:0}
  .nhm-table tbody th{grid-column:1/-1;width:auto!important;border-top:0;padding:13px 14px 4px!important}
  .nhm-table td{border-top:0;padding:4px 6px 13px!important;font-size:13.5px;white-space:normal}
  .nhm-table td::before{content:attr(data-col);display:block;margin-bottom:2px;font:500 12px/1.3 var(--sans);color:var(--muted)}
  .nhm-table td.nhm-reaction__all{grid-column:1/-1;text-align:left;padding-left:14px!important}
  .nhm-file__table thead{display:none}
  .nhm-file__table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:6px 0;border-top:1px solid var(--line)}
  .nhm-file__table td{display:block;border-top:0;padding:4px 0!important}
  .nhm-file__table td::before{content:attr(data-col);display:block;font:500 12px/1.3 var(--sans);color:var(--muted)}
  .nhm-log td.nhm-mono{white-space:normal}
  .nhm-terms{grid-template-columns:minmax(0,1fr)}
  .nhm-terms>div:nth-child(even){padding-left:0;border-left:0}
  .nhm-send{justify-content:stretch}
  .nhm-send .nhm-btn{width:100%}
}
@media print{
  .nhm-report,.nhm-file{margin-bottom:0}
  .nhm-actions,.nhm-form{display:none}
}