/* REM_CARDS_V1 — hebt ALLE Karten/Kaesten auf das Niveau der Signatur-Visitenkarte.
   Gemeinsame Geste (zurueckhaltend, EIN Signal): eine Limetten-Toplinie zeichnet
   sich beim Hover ein; dazu Mono-Indizes, editoriale Labels, Eck-Ticks, Bild-Zoom.
   Reg-Marken bleiben der Visitenkarte vorbehalten (Chanel-Prinzip). Additiv,
   laedt zuletzt -> gewinnt bei gleicher Spezifitaet. Glow/Tilt kommen aus rem-fx. */

/* ---------- Gemeinsame Toplinie (zeichnet bei Hover) ---------- */
.karte,.pillar,.partner-card,.rem-feature,.pj{overflow:hidden}
.karte::before,.pillar::before,.partner-card::before,.rem-feature::before,.pj::before{
  content:"";position:absolute;top:0;left:0;height:2px;width:100%;z-index:5;pointer-events:none;
  background:linear-gradient(90deg,var(--accent),var(--accent-dark));
  transform:scaleX(0);transform-origin:0 50%;
  transition:transform .5s cubic-bezier(.16,.84,.44,1)}
.karte:hover::before,.pillar:hover::before,.partner-card:hover::before,
.rem-feature:hover::before,.pj:hover::before{transform:scaleX(1)}

/* ---------- Homepage-Leistungskarten ---------- */
.karte .nr{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--accent)}
.karte h3{transition:color .2s}
.karte:hover h3{color:#fff}
.karte .mehr{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:12px}

/* ---------- Pillars (Tokenisierung) ---------- */
.pillar-num{font-family:var(--mono);color:var(--accent);font-size:13px;letter-spacing:.18em}
.pillar h3{transition:color .2s}
.pillar:hover h3{color:var(--accent)}

/* ---------- Partner: Auto-Nummerierung + Mono-Kategorie ---------- */
.partner-grid{counter-reset:pc}
.partner-card{counter-increment:pc}
.partner-card-num{font-family:var(--mono);color:var(--accent);letter-spacing:.14em;
  text-transform:uppercase;font-size:11px;display:inline-flex;align-items:center;gap:11px}
.partner-card-num::before{content:counter(pc,decimal-leading-zero);color:var(--text-light);
  border:1px solid var(--line);padding:3px 8px;border-radius:2px;letter-spacing:.1em}
.partner-card h3{transition:color .2s}
.partner-card:hover h3{color:var(--accent)}
.partner-card a{font-family:var(--mono);font-size:12px;letter-spacing:.04em}

/* ---------- Bali-Projektkarten ---------- */
.pj-bild img{transition:transform .6s cubic-bezier(.16,.84,.44,1)}
.pj:hover .pj-bild img{transform:scale(1.05)}
.pj:hover{border-color:var(--accent)}

/* ---------- Info-Boxen: aus flach -> edel ---------- */
.info-box{position:relative;background:var(--bg-card);border:1px solid var(--line);
  border-left:2px solid var(--accent);border-radius:4px;overflow:hidden}
.info-box::after{content:"";position:absolute;top:11px;right:11px;width:11px;height:11px;
  border-top:1px solid var(--cad);border-right:1px solid var(--cad);opacity:.55}
.info-box h4{position:relative}
/* Akzent-Box behaelt ihren leichten Limetten-Grund */
.info-box.accent{background:rgba(176,213,40,.06);border-left-color:var(--accent)}

/* ---------- Stat-/Zahlen-Kaesten: Mono-Labels + Tick ---------- */
.zahl span,.balizahlen span,.bali-eck .k span,.stat-lbl,.token-stat-lbl{font-family:var(--mono)}
.bali-eck .k{position:relative}
.bali-eck .k::before{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;z-index:3;
  border-top:1px solid var(--cad);border-right:1px solid var(--cad);opacity:0;transition:opacity .3s}
.bali-eck .k:hover::before{opacity:.7}
.bali-eck .k:hover{border-color:var(--accent)}

/* ---------- Objekt-/Referenzkacheln: Mono-Preislabel ---------- */
.obj-ort,.ref-ort{font-family:var(--mono)}
.obj-preis small{font-family:var(--mono)}