/* =============================================================================================================
   Gebrauchtmarkt: Suche, Inserat, Assistent „E-Bike verkaufen“, Konto „Meine Inserate“.
   Ergänzt das Design-System (ebd.css); Klassen mit Präfix ebd-gb-. Mobile zuerst.
   ============================================================================================================= */

/* ---------- Allgemein ---------- */
.ebd-gb-kastentitel { display: flex; align-items: center; gap: 8px; font-size: var(--ebd-fs-l); margin: 0 0 var(--ebd-a3); }
.ebd-gb-kastentitel .ebd-icon { color: var(--ebd-gruen-text); }
.ebd-gb-tipps { list-style: none; margin: 0 0 var(--ebd-a3); padding: 0; display: grid; gap: 10px; font-size: var(--ebd-fs-s); }
.ebd-gb-tipps li { display: flex; gap: 10px; align-items: flex-start; }
.ebd-gb-tipps .ebd-icon { width: 18px; height: 18px; margin-top: 1px; color: var(--ebd-gruen-text); }
.ebd-gb-zwei { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ebd-gb-warn { color: var(--ebd-warn); font-weight: 700; }
.ebd-gb-knoepfe { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; align-items: center; gap: var(--ebd-a2); padding-top: var(--ebd-a2); }
.ebd-gb-knoepfe .ebd-btn, .ebd-gb-absenden .ebd-btn, .ebd-gb-upgrade .ebd-btn { white-space: normal; text-align: center; }
.ebd-gb-feld-schmal { max-width: 320px; }
.ebd-gb-feld-unten { align-self: end; }

/* ---------- Suche ---------- */
.ebd-gb-seitenkopf { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--ebd-a4); }
.ebd-gb-seitenkopf > div { flex: 1 1 520px; }
.ebd-gb-top { margin-bottom: var(--ebd-a5); padding: var(--ebd-a4); border-radius: var(--ebd-r-l); background: var(--ebd-flaeche); border: 1px solid var(--ebd-linie); }
.ebd-gb-top__kopf { margin-bottom: var(--ebd-a3); }
.ebd-gb-top__kopf h2 { display: flex; align-items: center; gap: 8px; font-size: var(--ebd-fs-m); margin: 0 0 4px; }
.ebd-gb-top__kopf h2 .ebd-icon { color: var(--ebd-schwarz); }
.ebd-gb-top__kopf p { color: var(--ebd-grau); }
.ebd-gb-verkaufen-band { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ebd-a4); }
.ebd-gb-verkaufen-band h2 { font-size: var(--ebd-fs-xl); margin-bottom: var(--ebd-a2); }
.ebd-gb-verkaufen-band > div { flex: 1 1 420px; }

/* Karte: Hervorhebung als bezahlt kennzeichnen */
.ebd-inseratkarte__bezahlt { font-size: var(--ebd-fs-xs); color: var(--ebd-grau); margin: 0; }

/* ---------- Inserat ---------- */
.ebd-gb-balken { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: var(--ebd-a2) 0 var(--ebd-a4); padding: 12px 16px; border-radius: var(--ebd-r); background: var(--ebd-info-hell); color: var(--ebd-info); }
.ebd-gb-balken > .ebd-icon { flex: none; }
.ebd-gb-balken > div:first-of-type, .ebd-gb-balken > p { flex: 1 1 300px; }
.ebd-gb-balken--vorschau { background: var(--ebd-warn-hell); color: var(--ebd-warn); border: 1px solid #f1dca2; }
.ebd-gb-balken__knoepfe { display: flex; flex-wrap: wrap; gap: 8px; }
.ebd-gb-galerie__gross { display: grid; text-decoration: none; }
.ebd-gb-galerie__gross img { object-fit: contain; background: var(--ebd-flaeche); }
.ebd-gb-galerie__leiste { list-style: none; margin: 0; }
.ebd-gb-galerie__leiste li { flex: none; }
.ebd-gb-galerie__leiste .ebd-galerie__mini { display: block; }
.ebd-gb-galerie__hinweis { display: flex; align-items: center; gap: 6px; margin: 0; padding: 8px 12px; font-size: var(--ebd-fs-xs); color: var(--ebd-grau); background: var(--ebd-flaeche); }
.ebd-gb-galerie__hinweis .ebd-icon { width: 16px; height: 16px; }
.ebd-gb-anbieterzeichen { font-size: var(--ebd-fs-s); padding: 5px 12px; }
.ebd-gb-anbieterzeichen .ebd-icon { width: 15px; height: 15px; }
.ebd-gb-preisbox { margin-top: var(--ebd-a4); }
.ebd-gb-fakten { margin-top: 0; }
@media (min-width: 600px) and (max-width: 999px) { .ebd-gb-fakten { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ebd-gb-inhalt { margin-top: var(--ebd-a6); }
.ebd-gb-inhalt h2 { font-size: var(--ebd-fs-xl); }
.ebd-gb-unterkopf { display: flex; align-items: center; gap: 8px; font-size: var(--ebd-fs-m); margin-top: var(--ebd-a4); }
.ebd-gb-neu { display: grid; gap: 6px; }
.ebd-gb-melden { display: inline-flex; align-items: center; gap: 4px; color: var(--ebd-grau); }
.ebd-gb-melden:hover { color: var(--ebd-fehler); }
.ebd-gb-melden .ebd-icon { width: 16px; height: 16px; }

/* Anbieterbox */
.ebd-gb-anbieter { display: grid; gap: var(--ebd-a2); }
.ebd-gb-anbieter .ebd-gb-kastentitel { font-size: var(--ebd-fs-s); text-transform: uppercase; letter-spacing: .06em; color: var(--ebd-grau); margin: 0; }
.ebd-gb-anbieter__kopf { display: flex; align-items: center; gap: 12px; }
.ebd-gb-anbieter__kopf > div { display: grid; gap: 4px; justify-items: start; }
.ebd-gb-anbieter__zeichen { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--ebd-schwarz); color: var(--ebd-gruen); font-weight: 900; font-size: var(--ebd-fs-l); flex: none; }
.ebd-gb-anbieter__zeichen .ebd-icon { width: 22px; height: 22px; }
.ebd-gb-anbieter__name { font-size: var(--ebd-fs-l); font-weight: 900; line-height: 1.2; }
.ebd-gb-anbieter__adresse { font-style: normal; font-size: var(--ebd-fs-s); line-height: 1.5; }
.ebd-gb-anbieter p .ebd-icon { width: 16px; height: 16px; color: var(--ebd-grau); }
.ebd-gb-recht { padding: 10px 12px; border-radius: var(--ebd-r); background: var(--ebd-flaeche); font-size: var(--ebd-fs-s); color: var(--ebd-text-2); }
.ebd-gb-recht p { margin: 0; }
.ebd-gb-anbieter__knopf { padding-top: 4px; }

/* ---------- Assistent ---------- */
.ebd-gb-schritte a { display: block; color: inherit; text-decoration: none; }
.ebd-gb-schritte a:hover span { color: var(--ebd-schwarz); text-decoration: underline; }
.ebd-gb-assistent__hinweis { margin-bottom: var(--ebd-a5); }
.ebd-gb-schritt > * + * { margin-top: var(--ebd-a4); }
.ebd-gb-tippkasten { align-content: start; }
@media (min-width: 1000px) { .ebd-gb-tippkasten { position: sticky; top: calc(var(--ebd-kopfhoehe) + 16px); } }

/* Modellwahl */
.ebd-gb-modellsuche { display: grid; gap: var(--ebd-a3); padding-bottom: var(--ebd-a4); margin-bottom: var(--ebd-a4); border-bottom: 1px solid var(--ebd-linie); }
.ebd-gb-modellsuche__zeile { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; }
.ebd-gb-modellsuche__zeile > .ebd-gb-kombi, .ebd-gb-modellsuche__zeile > .ebd-select { flex: 1 1 220px; min-width: 0; }
.ebd-gb-markenwahl summary { cursor: pointer; font-size: var(--ebd-fs-s); font-weight: 700; color: var(--ebd-gruen-text); }
.ebd-gb-markenwahl[open] summary { margin-bottom: 8px; }
.ebd-gb-kombi { position: relative; }
.ebd-gb-kombi__liste { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px); max-height: 320px; overflow-y: auto; margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--ebd-linie-stark); border-radius: var(--ebd-r); box-shadow: var(--ebd-schatten-2); }
.ebd-gb-kombi__liste[hidden] { display: none; }
.ebd-gb-kombi__eintrag { display: grid; gap: 2px; padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.ebd-gb-kombi__eintrag small { color: var(--ebd-grau); font-size: var(--ebd-fs-xs); }
.ebd-gb-kombi__eintrag[aria-selected="true"], .ebd-gb-kombi__eintrag:hover { background: var(--ebd-gruen-hell); }
.ebd-gb-kombi__leer { padding: 8px 10px; font-size: var(--ebd-fs-s); color: var(--ebd-grau); }
.ebd-gb-modelle { display: grid; gap: 8px; grid-template-columns: 1fr; }
@media (min-width: 600px) { .ebd-gb-modelle { grid-template-columns: 1fr 1fr; } }
.ebd-gb-modell-eigen { border-style: dashed; }
.ebd-gb-eigen { display: grid; gap: var(--ebd-a4); padding: var(--ebd-a4); border: 1px dashed var(--ebd-linie-stark); border-radius: var(--ebd-r); background: var(--ebd-flaeche); }
@supports selector(:has(*)) {
	.ebd-gb-modellform:not(:has(#gb-eigen:checked)) .ebd-gb-eigen { display: none; }
}

/* Details */
.ebd-gb-formen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 600px) { .ebd-gb-formen { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ebd-gb-formen__bild { display: block; }
.ebd-gb-formen__bild .ebd-fahrrad { display: block; width: 100%; height: auto; }
.ebd-gb-zustaende { grid-template-columns: 1fr; }
@media (min-width: 600px) { .ebd-gb-zustaende { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } }
.ebd-gb-einheit { position: relative; }
.ebd-gb-einheit .ebd-input { padding-right: 44px; }
.ebd-gb-einheit span { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--ebd-grau); font-weight: 700; pointer-events: none; }
.ebd-gb-block { padding: var(--ebd-a4); border: 1px solid var(--ebd-linie); border-radius: var(--ebd-r); }
.ebd-gb-block legend { padding: 0 6px; margin-left: -6px; }
.ebd-gb-text { min-height: 200px; }
.ebd-feld__hilfe .ebd-icon { width: 14px; height: 14px; vertical-align: -2px; }

/* Fotos */
.ebd-gb-datei { display: block; width: 100%; padding: 14px; border: 2px dashed var(--ebd-linie-stark); border-radius: var(--ebd-r); background: var(--ebd-flaeche); font: inherit; font-size: var(--ebd-fs-s); cursor: pointer; }
.ebd-gb-datei:hover { border-color: var(--ebd-schwarz); }
.ebd-gb-datei::file-selector-button { margin-right: 12px; padding: 8px 14px; border: 0; border-radius: 8px; background: var(--ebd-schwarz); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.ebd-gb-vorschau { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.ebd-gb-vorschau li { position: relative; aspect-ratio: 4 / 3; border-radius: 8px; overflow: hidden; background: var(--ebd-flaeche); border: 1px solid var(--ebd-linie); }
.ebd-gb-vorschau img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ebd-gb-vorschau li[data-stand="fehler"] { border: 2px solid var(--ebd-fehler); }
.ebd-gb-vorschau li[data-stand="fertig"]::after { content: ""; position: absolute; right: 6px; bottom: 6px; width: 14px; height: 14px; border-radius: 50%; background: var(--ebd-gruen); box-shadow: 0 0 0 2px #fff; }
.ebd-gb-vorschau li[data-stand="laeuft"] { opacity: .6; }
.ebd-gb-fotoliste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ebd-a3); margin: 0 0 var(--ebd-a4); padding: 0; list-style: none; }
@media (min-width: 700px) { .ebd-gb-fotoliste { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ebd-gb-foto { position: relative; display: grid; gap: 8px; align-content: start; }
.ebd-gb-foto__bild { aspect-ratio: 4 / 3; border-radius: var(--ebd-r); overflow: hidden; background: var(--ebd-flaeche); border: 1px solid var(--ebd-linie); }
.ebd-gb-foto__bild img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ebd-gb-foto__marke { position: absolute; left: 8px; top: 8px; }
.ebd-gb-foto__knoepfe { display: flex; flex-wrap: wrap; gap: 6px; }

/* Preis */
.ebd-gb-preisfeld { font-size: var(--ebd-fs-l); font-weight: 700; }

/* Vorschau */
.ebd-gb-maengel ul { margin: 6px 0 0; }
.ebd-gb-vorschaukarte { display: grid; gap: 0; }
.ebd-gb-vorschau-abschnitt { padding: var(--ebd-a4) 0; border-top: 1px solid var(--ebd-linie); }
.ebd-gb-vorschaukarte > .ebd-kicker + .ebd-gb-vorschau-abschnitt { border-top: 0; padding-top: var(--ebd-a3); }
.ebd-gb-vorschau-abschnitt:last-child { padding-bottom: 0; }
.ebd-gb-vorschau-abschnitt__kopf { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: var(--ebd-a2); }
.ebd-gb-vorschau-abschnitt__kopf h3 { margin: 0; font-size: var(--ebd-fs-s); text-transform: uppercase; letter-spacing: .06em; color: var(--ebd-grau); }
.ebd-gb-vorschau-abschnitt .ebd-gb-anbieter { border: 0; padding: 0; }
.ebd-gb-vorschau-titel { font-size: var(--ebd-fs-xl); margin: 4px 0; }
.ebd-gb-absenden { display: grid; gap: var(--ebd-a3); }

/* Abschluss */
.ebd-gb-fertig { text-align: center; display: grid; justify-items: center; gap: var(--ebd-a2); margin-top: var(--ebd-a4); }
.ebd-gb-fertig h1 { font-size: var(--ebd-fs-2xl); margin: 0; }
.ebd-gb-fertig p { max-width: 60ch; }
.ebd-gb-fertig .ebd-reihe { justify-content: center; }
.ebd-gb-fertig__symbol { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--ebd-gruen); color: var(--ebd-auf-gruen); }
.ebd-gb-fertig__symbol .ebd-icon { width: 32px; height: 32px; }
.ebd-gb-upgrade { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ebd-a4); margin-top: var(--ebd-a4); }
.ebd-gb-upgrade > div { flex: 1 1 360px; }
.ebd-gb-upgrade + section { margin-top: var(--ebd-a5); }

/* ---------- /e-bike-verkaufen/ ---------- */
.ebd-gb-start { display: grid; gap: var(--ebd-a6); align-items: start; padding-block: var(--ebd-a4) var(--ebd-a5); }
@media (min-width: 1000px) { .ebd-gb-start { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); padding-top: var(--ebd-a5); } }
.ebd-gb-start__text h1 { margin-bottom: var(--ebd-a3); }
@media (min-width: 1000px) { .ebd-gb-start__text { position: sticky; top: calc(var(--ebd-kopfhoehe) + 24px); } }
.ebd-gb-nutzen { list-style: none; margin: var(--ebd-a5) 0 0; padding: 0; display: grid; gap: var(--ebd-a4); }
.ebd-gb-start__formular { display: grid; gap: var(--ebd-a3); }
.ebd-gb-start__schritt { font-size: var(--ebd-fs-xl); margin: 0; }
.ebd-gb-start__anmelden { margin: 0; }
.ebd-gb-entwuerfe ul { margin: 4px 0 0; padding-left: 1.1em; }
.ebd-gb-ablauf { list-style: none; margin: var(--ebd-a4) 0 0; padding: 0; display: grid; gap: var(--ebd-a3); grid-template-columns: 1fr; counter-reset: none; }
@media (min-width: 600px) { .ebd-gb-ablauf { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .ebd-gb-ablauf { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.ebd-gb-ablauf li { position: relative; display: grid; gap: 4px; padding: var(--ebd-a4); border: 1px solid var(--ebd-linie); border-radius: var(--ebd-r-l); background: #fff; }
.ebd-gb-ablauf li > span:last-child { font-size: var(--ebd-fs-s); color: var(--ebd-grau); }
.ebd-gb-ablauf__zahl { position: absolute; right: 14px; top: 12px; font-size: var(--ebd-fs-2xl); font-weight: 900; color: var(--ebd-flaeche-2); line-height: 1; }
.ebd-gb-ablauf__symbol { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--ebd-schwarz); color: var(--ebd-gruen); margin-bottom: 6px; }
.ebd-gb-ablauf__symbol .ebd-icon { width: 20px; height: 20px; }
.ebd-gb-fragen { padding-inline: 0; }

/* ---------- Konto: Meine Inserate ---------- */
.ebd-gb-liste { display: grid; gap: var(--ebd-a3); }
.ebd-gb-eintrag { display: grid; grid-template-columns: 1fr; gap: 0; border: 1px solid var(--ebd-linie); border-radius: var(--ebd-r-l); background: #fff; overflow: hidden; scroll-margin-top: 90px; }
.ebd-gb-eintrag:target { border-color: var(--ebd-schwarz); box-shadow: 0 0 0 3px var(--ebd-gruen-mittel); }
@media (min-width: 700px) { .ebd-gb-eintrag { grid-template-columns: 200px minmax(0, 1fr); } }
.ebd-gb-eintrag__bild { display: grid; place-items: center; aspect-ratio: 16 / 9; background: linear-gradient(160deg, #f6f8f7 0%, #eceff0 100%); overflow: hidden; }
@media (min-width: 700px) { .ebd-gb-eintrag__bild { aspect-ratio: auto; min-height: 100%; } }
.ebd-gb-eintrag__bild img { width: 100%; height: 100%; object-fit: cover; }
.ebd-gb-eintrag__bild .ebd-fahrrad { width: 82%; }
.ebd-gb-eintrag__inhalt { display: grid; gap: 8px; padding: var(--ebd-a4); align-content: start; }
.ebd-gb-eintrag__kopf { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.ebd-gb-eintrag__titel { font-size: var(--ebd-fs-l); margin: 0; flex: 1 1 100%; }
.ebd-gb-eintrag__titel a { color: var(--ebd-schwarz); text-decoration: none; }
.ebd-gb-eintrag__titel a:hover { text-decoration: underline; }
.ebd-gb-eintrag__preis { margin: 0; }
.ebd-gb-eintrag__zahlen { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; list-style: none; font-size: var(--ebd-fs-s); color: var(--ebd-text-2); }
.ebd-gb-eintrag__zahlen li { display: inline-flex; align-items: center; gap: 5px; }
.ebd-gb-eintrag__zahlen .ebd-icon { width: 16px; height: 16px; color: var(--ebd-grau); }
.ebd-gb-eintrag__zahlen .ebd-gb-warn .ebd-icon { color: var(--ebd-warn); }
.ebd-gb-eintrag__meldung { padding: 10px 12px; }
.ebd-gb-eintrag__aktionen { display: flex; flex-wrap: wrap; gap: 6px; padding-top: 6px; border-top: 1px solid var(--ebd-linie); margin-top: 4px; }
.ebd-gb-eintrag__loeschen { margin-left: auto; }
@media (max-width: 599px) { .ebd-gb-eintrag__aktionen .ebd-btn { flex: 1 1 auto; } .ebd-gb-eintrag__loeschen { margin-left: 0; } }