/* ===========================================================================
   lokale-ki-partner.css — additive Styles für /lokale-ki-partner/ (BC5k, MD33).
   Wird NACH /style.css und NACH der geteilten /lokale-ki/lokale-ki.css geladen
   (LKI-Sub-Brand-Basis: Petrol #077CAA, .ll-Scope, Hell/Dunkel-Sektions-Schema,
   Hero/Card/Button/Footer + geteilte Hero-Zusätze). Ergänzt nur partner-spezifische
   Komponenten (Rollen-Tabelle, 2-Spalten-Block) + die Sektions-Hintergrundbilder.
   BILDER: aktuell PLATZHALTER aus /lokale-ki/img/. Echte Partner-Bilder
   (PLAN-MM-050) ersetzen die URLs später auf /lokale-ki-partner/img/.
   =========================================================================== */

/* --- A4: Rollen-Tabelle (Bereich / Ich / Sie / Kunde), responsive --- */
.ll-partner .ll-rtable-wrap { max-width: 880px; margin: 0 auto; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ll-partner .ll-rtable {
  width: 100%; border-collapse: collapse; min-width: 540px;
  background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 16px; overflow: hidden;
}
.ll-partner .ll-rtable th,
.ll-partner .ll-rtable td { padding: 0.85rem 1rem; text-align: left; font-size: 0.93rem; border-bottom: 1px solid var(--color-border); vertical-align: top; }
.ll-partner .ll-rtable thead th {
  font-family: var(--font-heading); font-style: italic; font-weight: 600; font-size: 0.85rem;
  text-transform: uppercase; letter-spacing: 0.03em; color: var(--color-bg); background: var(--color-accent);
}
.ll-partner .ll-rtable thead th:first-child { background: var(--color-accent); }
.ll-partner .ll-rtable tbody td:first-child { font-weight: 600; color: var(--color-white); }
.ll-partner .ll-rtable tbody td { color: var(--color-text-muted); }
.ll-partner .ll-rtable tbody tr:last-child td { border-bottom: none; }
.ll-partner .ll-rtable tbody td strong { color: var(--color-accent-light); }

/* --- A6: Zwei-Spalten-Block (Vorab-Klärung / Baustein-Technik) --- */
.ll-partner .ll-cols { display: grid; gap: 1.5rem; grid-template-columns: 1fr; max-width: 920px; margin: 0 auto; }
@media (min-width: 768px) { .ll-partner .ll-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ll-partner .ll-col { min-width: 0; padding: 1.75rem 1.6rem; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 20px; }
.ll-partner .ll-col__title { font-family: var(--font-heading); font-style: italic; font-weight: 600; font-size: 1.25rem; color: var(--color-white); margin: 0 0 0.8rem; }
.ll-partner .ll-col__text { color: var(--color-text-muted); line-height: 1.6; font-size: 0.95rem; }

/* Helle Sektionen: Tabelle + Spalten auf Charcoal/Creme abstimmen */
.ll-partner .ll-sec--light .ll-rtable { background: rgba(255,255,255,.74); border-color: rgba(19,23,27,.12); }
.ll-partner .ll-sec--light .ll-rtable th,
.ll-partner .ll-sec--light .ll-rtable td { border-bottom-color: rgba(19,23,27,.12); }
.ll-partner .ll-sec--light .ll-rtable tbody td:first-child { color: #1d2228; }
.ll-partner .ll-sec--light .ll-rtable tbody td { color: #3a424a; }
.ll-partner .ll-sec--light .ll-rtable tbody td strong { color: #066089; }
.ll-partner .ll-sec--light .ll-col { background: rgba(255,255,255,.74); border-color: rgba(19,23,27,.12); }
.ll-partner .ll-sec--light .ll-col__title { color: #1d2228; }
.ll-partner .ll-sec--light .ll-col__text { color: #3a424a; }

/* === Hero-Slider (3 Bilder, USCRX-4386) + Sektions-Hintergrundbilder (echte LKI-Petrol-Serie).
   Rotation der Slides + Slogans/Sublines macht das globale /script.js (greift bei heroSlides > 1). === */
.ll-partner .hero__slide { background-size: cover; background-position: center; }
.ll-partner .hero__slide--1 { background-image: linear-gradient(rgba(19,23,27,.42), rgba(19,23,27,.72)), url('/lokale-ki-partner/img/pa-hero-01-portfolio.jpg'); }
.ll-partner .hero__slide--2 { background-image: linear-gradient(rgba(19,23,27,.42), rgba(19,23,27,.72)), url('/lokale-ki-partner/img/pa-hero-02-roles.jpg'); }
.ll-partner .hero__slide--3 { background-image: linear-gradient(rgba(19,23,27,.42), rgba(19,23,27,.72)), url('/lokale-ki-partner/img/pa-hero-03-managed.jpg'); }

.ll-partner #angebot.ll-sec::before     { background-image: linear-gradient(rgba(242,239,233,.74), rgba(242,239,233,.8)), url('/lokale-ki-partner/img/pa-hero-01-portfolio.jpg'); }
.ll-partner #warum.ll-sec::before       { background-image: linear-gradient(rgba(19,23,27,.62), rgba(19,23,27,.74)),  url('/lokale-ki-partner/img/pa-sec-cooperation.jpg'); }
.ll-partner #rollen.ll-sec::before      { background-image: linear-gradient(rgba(242,239,233,.74), rgba(242,239,233,.8)), url('/lokale-ki-partner/img/pa-hero-02-roles.jpg'); }
.ll-partner #wege.ll-sec::before        { background-image: linear-gradient(rgba(19,23,27,.62), rgba(19,23,27,.74)),  url('/lokale-ki-partner/img/pa-sec-whitelabel.jpg'); }
.ll-partner #klaeren.ll-sec::before     { background-image: linear-gradient(rgba(242,239,233,.74), rgba(242,239,233,.8)), url('/lokale-ki-partner/img/pa-sec-enablement.jpg'); }
.ll-partner #vertraulich.ll-sec::before { background-image: linear-gradient(rgba(19,23,27,.62), rgba(19,23,27,.74)),  url('/lokale-ki-partner/img/pa-sec-margin.jpg'); }
.ll-partner #andere.ll-sec::before      { background-image: linear-gradient(rgba(242,239,233,.74), rgba(242,239,233,.8)), url('/lokale-ki-partner/img/pa-sec-cooperation.jpg'); }
.ll-partner #kontakt.ll-sec::before     { background-image: linear-gradient(rgba(19,23,27,.62), rgba(19,23,27,.74)),  url('/lokale-ki-partner/img/pa-hero-03-managed.jpg'); }

/* Mobile-Crops (4:5) fuer die Hero-Slides */
@media (max-width: 768px) {
  .ll-partner .hero__slide--1 { background-image: linear-gradient(rgba(19,23,27,.42), rgba(19,23,27,.72)), url('/lokale-ki-partner/img/mobile/pa-hero-01-portfolio-mobile.jpg'); }
  .ll-partner .hero__slide--2 { background-image: linear-gradient(rgba(19,23,27,.42), rgba(19,23,27,.72)), url('/lokale-ki-partner/img/mobile/pa-hero-02-roles-mobile.jpg'); }
  .ll-partner .hero__slide--3 { background-image: linear-gradient(rgba(19,23,27,.42), rgba(19,23,27,.72)), url('/lokale-ki-partner/img/mobile/pa-hero-03-managed-mobile.jpg'); }
}

/* #eignung — Systemhaus-Survey-Sektion (USCRX-2026-4495), dunkle Sektion. Platzhalter (Reuse pa-sec-cooperation). */
.ll-partner #eignung.ll-sec::before { background-image: linear-gradient(rgba(19,23,27,.62), rgba(19,23,27,.74)), url('/lokale-ki-partner/img/pa-sec-cooperation.jpg'); }