/* Reseller werden (reseller-werden.tpl), Redesign vom 07.11.2026, dritte Fassung (HosterAPI). Ergänzt vnx-site.css:
   - HosterAPI-Rot dezent als Akzent (Wert aus dem HosterAPI-Repo resources/css/homepage.scss: $color-primary #d91919,
     im Dunkeln die hellere Stufe #ff4d4d aus deren Verlauf). Nur Linien, Logo und Code-Hervorhebung, nie Flächen
     oder Knöpfe: die Hauptaktion bleibt Venocix-Grün (Farbregel).
   - Schritte (.m-flow) neutral (#d8dde3, schwarze Schrift), von Tim so abgenommen.
   - Code-Beispiel im Kopf (.m-term aus vnx-site.css mit <pre>), Abschlussblock. */
.r-page{--r-acc:#d91919}
html.lagom-dark-mode .r-page{--r-acc:#ff4d4d}

.r-page .r-brand{margin:18px 0 6px;line-height:0}
.r-page .r-brand img{height:26px;width:auto}
.r-page .r-logo-d{display:none}
html.lagom-dark-mode .r-page .r-logo-l{display:none}
html.lagom-dark-mode .r-page .r-logo-d{display:inline}

.r-page .r-code{margin:0;align-self:center;border-top:2px solid var(--r-acc);min-width:0}
.r-page .r-code pre{margin:0;padding:18px;background:transparent;border:0;color:#c9cfbf;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre!important;word-break:normal!important;overflow-wrap:normal!important;overflow-x:auto}
.r-page .r-code code{font:inherit;color:inherit;background:none;padding:0;white-space:inherit!important;word-break:normal!important}
.r-page .r-c-m{color:#ff6b6b;font-weight:700}
.r-page .r-code figcaption{padding:10px 18px 14px;border-top:1px solid var(--h-line);color:var(--vnx-text-muted);font-size:12px;font-family:inherit}

.vnx-home #ablauf .m-flow li{border-top-color:var(--h-line)!important}
.vnx-home #ablauf .m-flow b{background:#d8dde3!important;color:#000!important}

.r-page .r-end-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:32px}
.r-page .r-end-in .m-ctas{margin-top:0}
@media (max-width:900px){.r-page .r-end-in{padding:22px}.r-page .r-code pre{font-size:12px}}