/* Schneider Immobilien & Management · Skin für das EPF-Objekte-Bauteil (nur Optik: Bordeaux/Bodoni, Sand-Panels, warmes Fast-Weiß).
   Struktur/Reihenfolge/Regeln kommen aus dem Bauteil (blueprint/objekt-detailansicht.md). Lädt NACH epf-objekte.css.
   Regeln (Milan 05.09.): Serife NUR H1/H2 · Preis/Eckdaten/Namen/Gruppen/Sticky in Hanken Grotesk · Gold nur ★ (hier nie). */

/* ---------- Listen: Bauteil-Grid → Schneider-Objektkarten (.obj-card aus page.css) ---------- */
.obj-grid .eoc__empty, .obj-grid .obj-empty { grid-column: 1 / -1; text-align: center; padding: var(--sp-5) 0; color: var(--text-on-light-dim); max-width: none; }
.obj-card--link { color: inherit; text-decoration: none; }
.obj-badge--res { background: rgba(43,35,32,.62); }
.obj-badge--type { left: auto; right: .9rem; background: rgba(255,253,250,.94); color: var(--text-on-light); }
.obj-price__l { font-size: .8rem; font-weight: 600; color: var(--text-on-light-dim); text-transform: uppercase; letter-spacing: .06em; margin-right: .25rem; }
.obj-price { color: var(--brand); }
.rf { background: var(--surface-light); border-top: 1px solid var(--border-light); }

/* ---------- Detailseite ---------- */
main.eo-page { padding-top: var(--sp-4); padding-bottom: var(--sy); }
#objekt-app { --eo-radius: var(--radius); --eo-radius-sm: 10px; }
#objekt-app .eod__missing { padding: clamp(3rem,6vw,5rem) 0; text-align: center; }
#objekt-app .eod__missing h1 { font-family: var(--font-display); font-weight: 560; font-size: clamp(1.7rem,3vw,2.4rem); }
#objekt-app .eod__missing a { color: var(--brand); font-weight: 600; }

/* Galerie */
#objekt-app .eod__main { border-radius: var(--radius); background: radial-gradient(120% 100% at 50% 0%, #f2ebe0, var(--surface-sand)); }
#objekt-app .eod__thumbs button { border-radius: 10px; }
#objekt-app .eod__thumbs button.is-on, #objekt-app .eod__thumbs button:hover { border-color: var(--brand); }
#objekt-app .eod__badge { background: var(--brand); color: #fff; border-radius: 8px; padding: .34rem .8rem; font: 700 .78rem/1.2 var(--font-text); letter-spacing: .02em; }
#objekt-app .eod__badge--sold { background: rgba(43,35,32,.82); }
#objekt-app .eod__type { background: rgba(255,253,250,.94); color: var(--text-on-light); border-radius: 8px; padding: .34rem .8rem; font: 700 .78rem/1.2 var(--font-text); }
#objekt-app .eod__count { font-family: var(--font-text); }

/* Kopf: Ort in Bordeaux, H1 Bodoni, Preis Sans in Bordeaux, Eckdaten als Hairline-Kacheln */
#objekt-app .eoc__loc { display: inline-flex; align-items: center; gap: .4rem; color: var(--brand); font: 600 1rem/1.2 var(--font-text); }
#objekt-app .eod__head h1 { font-family: var(--font-display); font-weight: 560; font-size: clamp(1.9rem, 3.6vw, 2.8rem); line-height: 1.1; letter-spacing: 0; color: var(--text-on-light); margin: .4rem 0 .6rem; }
#objekt-app .eod__price { font-family: var(--font-text); font-weight: 700; font-style: normal; font-size: clamp(1.4rem, 2.2vw, 1.8rem); color: var(--brand); letter-spacing: -.01em; }
#objekt-app .eod__tiles { gap: 1px; background: var(--border-light); border: 1px solid var(--border-light); border-radius: var(--radius); overflow: hidden; margin-top: var(--sp-4); }
#objekt-app .eod__tiles div { background: var(--surface-light-2); border: 0; border-radius: 0; padding: 1.1rem 1.2rem; }
#objekt-app .eod__tiles span { font: 500 .82rem/1.3 var(--font-text); color: var(--text-on-light-dim); letter-spacing: 0; text-transform: none; }
#objekt-app .eod__tiles b { font-family: var(--font-text); font-weight: 700; font-size: 1.35rem; color: var(--text-on-light); letter-spacing: -.01em; }

/* Abschnitte */
#objekt-app .eod__sec h2 { font-family: var(--font-display); font-weight: 560; font-size: clamp(1.5rem, 2.4vw, 1.9rem); color: var(--text-on-light); }
#objekt-app .eod__sec h2::after { width: 34px; height: 1px; background: var(--brand); }
#objekt-app .eod__txt { color: var(--text-on-light-dim); line-height: 1.7; font-size: var(--fs-body); }
#objekt-app .eod__group h3, #objekt-app .eod__sec h3 { font: 700 .78rem/1.2 var(--font-text); letter-spacing: .1em; text-transform: uppercase; color: var(--brand); background: var(--surface-sand); border: 0; border-radius: 8px; }
#objekt-app .eod__group dl > div { border-bottom: 1px solid var(--border-light); }
#objekt-app .eod__group dt { color: var(--text-on-light-dim); }
#objekt-app .eod__group dd, #objekt-app .eod__egrid dd { color: var(--text-on-light); font-weight: 600; }
#objekt-app .eod__feats li { background: var(--surface-sand); border: 0; border-radius: 999px; color: var(--text-on-light); }
#objekt-app .eod__feats li span { background: transparent; color: var(--brand); }

/* Seitenleiste / Karten */
#objekt-app .eod__card { background: var(--surface-light-2); border: 1px solid var(--border-light); border-radius: var(--radius); box-shadow: 0 10px 30px -16px rgba(43,35,32,.18); }
#objekt-app .eod__card h2 { font-family: var(--font-display); font-weight: 560; font-size: 1.3rem; }
#objekt-app .eod__contact small { color: var(--brand); font: 700 .74rem/1.2 var(--font-text); letter-spacing: .1em; text-transform: uppercase; }
#objekt-app .eod__person b, #objekt-app .eod__card b, #objekt-app .eod__company .eod__cname, #objekt-app .eod__egrid dd b { font-family: var(--font-text); }
#objekt-app .eod__person b { font-weight: 700; font-size: 1.05rem; }
#objekt-app .eod__person img { width: 64px; height: 64px; object-position: 50% 20%; border: 3px solid #fff; box-shadow: 0 4px 14px rgba(43,35,32,.15); }
#objekt-app .eod__card--soft { background: var(--surface-sand); border: 0; }
#objekt-app #anfrage { border-top: 4px solid var(--brand); }

/* Buttons = Schneider .btn (6px-Radius, Bordeaux) */
#objekt-app .eo-btn { background: var(--brand); border-color: var(--brand); color: var(--surface-light-2); border-radius: var(--radius-btn); font: 600 .95rem/1 var(--font-text); letter-spacing: 0; text-transform: none; padding: .85rem 1.1rem .85rem 1.3rem; }
#objekt-app .eo-btn .a { background: rgba(255,255,255,.18); color: #fff; }
#objekt-app .eo-btn:hover { background: var(--brand-deep); border-color: var(--brand-deep); color: #fff; box-shadow: 0 8px 24px rgba(167,29,50,.25); transform: none; }
#objekt-app .eo-btn--soft { background: var(--surface-light-2); color: var(--text-on-light); border-color: var(--border-light); }
#objekt-app .eo-btn--soft .a { background: var(--surface-sand); color: var(--brand); }
#objekt-app .eo-btn--soft:hover { background: var(--surface-light-2); color: var(--text-on-light); border-color: var(--text-on-light-dim); box-shadow: 0 6px 18px rgba(43,35,32,.08); }

/* Sticky-Objektanfrage (Bauteil-Baustein .eo-sc) */
.eo-sc { border-radius: 12px; border-color: var(--border-light); background: var(--surface-light-2); box-shadow: 0 14px 36px rgba(43,35,32,.14); }
.eo-sc .sc__ic { background: var(--surface-sand); color: var(--brand); border-radius: 8px; }
.eo-sc .sc__t { font-family: var(--font-text); color: var(--text-on-light); font-weight: 700; font-size: 15px; }
.eo-sc .sc__ar { background: var(--brand); }
.eo-sc .sc__dot { background: var(--brand); }