/* =============================================================================================================
   Betrieb: Seite für Händler (/fuer-haendler/), Registrierung, Meldeformular, „So sortieren wir“, Rechtstexte.
   Baut auf dem Design-System (ebd.css) auf; Mobile zuerst.
   ============================================================================================================= */

/* ---------- Für Händler ---------- */
.ebd-b2b-knoepfe { margin-top: var(--ebd-a2); }
.ebd-b2b-buehne .ebd-hero__text { margin-bottom: var(--ebd-a4); }

.ebd-b2b-preis { display: grid; gap: var(--ebd-a5); padding: var(--ebd-a5); border: 2px solid var(--ebd-schwarz); border-radius: 24px; background: #fff; }
@media (min-width: 900px) { .ebd-b2b-preis { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); padding: var(--ebd-a6); align-items: center; } }
.ebd-b2b-preis__haupt h2 { margin-bottom: var(--ebd-a3); }
.ebd-b2b-preis__wert { font-size: 3rem; font-weight: 900; line-height: 1; margin: 0 0 var(--ebd-a3); color: var(--ebd-schwarz); }
.ebd-b2b-preis__wert span { display: block; margin-top: 6px; font-size: var(--ebd-fs-m); font-weight: 400; color: var(--ebd-grau); }
.ebd-b2b-preis .ebd-btn { margin-top: var(--ebd-a3); }
.ebd-b2b-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ebd-a3); }
.ebd-b2b-liste li { display: flex; gap: 10px; align-items: flex-start; }
.ebd-b2b-liste .ebd-icon { flex: none; margin-top: 2px; width: 22px; height: 22px; padding: 3px; border-radius: 50%; background: var(--ebd-gruen); color: var(--ebd-auf-gruen); }

.ebd-b2b-schritte { list-style: none; margin: 0 0 var(--ebd-a5); padding: 0; display: grid; gap: var(--ebd-a4); counter-reset: schritt; }
@media (min-width: 800px) { .ebd-b2b-schritte { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ebd-b2b-schritte li { position: relative; padding: var(--ebd-a5); border-radius: var(--ebd-r-l); background: #fff; border: 1px solid var(--ebd-linie); counter-increment: schritt; }
.ebd-b2b-schritte li::before { content: counter(schritt); position: absolute; top: var(--ebd-a4); right: var(--ebd-a4); font-size: 2.5rem; font-weight: 900; line-height: 1; color: var(--ebd-flaeche-2); }
.ebd-b2b-schritte h3 { margin: var(--ebd-a3) 0 var(--ebd-a2); }
.ebd-b2b-schritte p { margin: 0; color: var(--ebd-text-2); }
.ebd-b2b-schritte__symbol { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--ebd-schwarz); color: var(--ebd-gruen); }
.ebd-b2b-schritte__symbol .ebd-icon { width: 24px; height: 24px; }
.ebd-b2b-formate h3 { display: flex; align-items: center; gap: 8px; }
.ebd-b2b-formate ul { margin: 0; }
.ebd-b2b-formate li + li { margin-top: 6px; }

.ebd-b2b-vorteile .ebd-vorteil span a { font-weight: 700; }
.ebd-b2b-danke { text-align: center; padding-block: var(--ebd-a6); }
.ebd-b2b-danke > .ebd-icon { color: var(--ebd-gruen-text); margin-bottom: var(--ebd-a3); }

/* ---------- Registrierung ---------- */
.ebd-b2b-ablauf { list-style: none; margin: 0 0 var(--ebd-a5); padding: 0; display: grid; gap: var(--ebd-a2); counter-reset: ablauf; }
@media (min-width: 700px) { .ebd-b2b-ablauf { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ebd-b2b-ablauf li { counter-increment: ablauf; padding: 12px 14px 12px 52px; position: relative; border-radius: var(--ebd-r); background: var(--ebd-flaeche); }
.ebd-b2b-ablauf li::before { content: counter(ablauf); position: absolute; left: 14px; top: 12px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--ebd-schwarz); color: var(--ebd-gruen); font-weight: 900; font-size: var(--ebd-fs-s); }
.ebd-b2b-ablauf strong, .ebd-b2b-ablauf span { display: block; }
.ebd-b2b-ablauf span { font-size: var(--ebd-fs-s); color: var(--ebd-grau); }
.ebd-b2b-registrierung .ebd-gruppe { gap: var(--ebd-a4); }
.ebd-b2b-registrierung legend { margin-bottom: var(--ebd-a2); }
.ebd-b2b-registrierung legend h2 { font-size: var(--ebd-fs-l); margin: 0; }
.ebd-b2b-registrierung .ebd-gruppe + .ebd-gruppe { padding-top: var(--ebd-a4); border-top: 1px solid var(--ebd-linie); }

/* ---------- Meldeformular ---------- */
.ebd-meldeformular .ebd-gruppe .ebd-check { padding: 2px 0; }
.ebd-meldehinweise { margin: 0; padding-left: 1.1em; font-size: var(--ebd-fs-s); }
.ebd-meldehinweise li + li { margin-top: var(--ebd-a2); }

/* ---------- So sortieren wir ---------- */
.ebd-sortierung-kurz { margin-bottom: var(--ebd-a5); }
.ebd-sortierung-kurz h2 { font-size: var(--ebd-fs-l); }
.ebd-sortierung-kurz ul { margin: 0; }
.ebd-sortierung-kurz li + li { margin-top: 6px; }
.ebd-sortierung h2:first-child { margin-top: 0; }

/* ---------- Rechtstexte ---------- */
.ebd-recht-entwurf { margin-bottom: var(--ebd-a5); font-size: var(--ebd-fs-s); }
.ebd-recht-entwurf p { margin: 0 0 4px; }
.ebd-prosa table { width: 100%; border-collapse: collapse; font-size: var(--ebd-fs-s); margin: var(--ebd-a3) 0 var(--ebd-a4); }
.ebd-prosa th, .ebd-prosa td { text-align: left; vertical-align: top; padding: 8px 10px 8px 0; border-bottom: 1px solid var(--ebd-linie); }
.ebd-prosa thead th { color: var(--ebd-grau); font-weight: 700; }
.ebd-prosa .ebd-muster { padding: var(--ebd-a4); border: 1px dashed var(--ebd-linie-stark); border-radius: var(--ebd-r); background: var(--ebd-flaeche); }
@media (max-width: 599px) {
	.ebd-prosa table { display: block; overflow-x: auto; }
}