/*
 * Einbettungs-Modus der Endkunden-Widgets (?einbettung=1 → html.eingebettet),
 * gesetzt von /widget-einbettung/einbettung.js. Alle Regeln wirken nur unter
 * html.eingebettet — ohne Parameter bleibt jede Seite unverändert.
 *
 * Aus:   Kopfleiste mit Logo, Hero/Titelbild (.biber-hero), Marketing (.eb-aus),
 *        easyAsset-Fehlerknopf.
 * Bleibt: Formular/Schritte/Ergebnisse/Danke, Fortschritt, Einwilligung,
 *        Datenschutz-Link, Pflicht-/„ohne Gewähr"-Hinweise (.mini, .foot,
 *        .consent, .hinweis, .zweck) — hier NIE ausblenden
 *        (scripts/widgetEinbettungAssertions.mjs prüft das).
 */

/* ── Grundfläche: transparent, nichts auf Bildschirmhöhe strecken ─────── */
html.eingebettet,
html.eingebettet body {
  background: transparent !important;
  min-height: 0 !important;
  height: auto !important;
}
html.eingebettet body {
  margin: 0 !important;
}
/* Next-Seiten (/suche, /selbstauskunft-pro): #__next und BlankLayout füllen
   sonst 100 % bzw. 100vh — der Rahmen würde endlos mitwachsen. */
html.eingebettet #__next,
html.eingebettet #__next > *,
html.eingebettet #__next .layout-wrapper,
html.eingebettet #__next .app-content,
html.eingebettet #__next .content-center {
  height: auto !important;
  min-height: 0 !important;
}

/* ── Kopf + Hero + Marketing aus ───────────────────────────────────────── */
html.eingebettet .topbar-inner,
html.eingebettet .biber-hero:not(.eb-rechner),
html.eingebettet .eb-aus,
html.eingebettet #eaBugFab,
html.eingebettet #eaBugPanel {
  display: none !important;
}
/* Kopfleiste bleibt nur als Träger des Fortschritts (Selbstauskunft, Bonität) */
html.eingebettet .topbar {
  position: static !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-top: 0 !important;
}
html.eingebettet .progress-wrap,
html.eingebettet .mstep {
  max-width: none !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
html.eingebettet .progress-wrap {
  padding-top: 10px !important;
}

/* Hero mit Rechner (modernisierung.html): Rechner bleibt, Hero-Optik weg */
html.eingebettet .biber-hero.eb-rechner {
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  overflow: visible !important;
}
html.eingebettet .biber-hero.eb-rechner::before,
html.eingebettet .biber-hero.eb-rechner::after {
  display: none !important;
}
html.eingebettet .biber-hero.eb-rechner .calc {
  box-shadow: none !important;
  border: 1px solid #e4e9f0;
}

/* ── Inhalt: volle Breite, eine Spalte, kompakte Abstände ──────────────── */
html.eingebettet main.page,
html.eingebettet main.wrap {
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 12px 12px 16px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
}
html.eingebettet .flow,
html.eingebettet .side {
  position: static !important;
  top: auto !important;
}
html.eingebettet .flow {
  box-shadow: none !important;
}
html.eingebettet .zweck {
  margin-top: 0 !important;
}
/* Abschicken-Leiste unten: im mitwachsenden Rahmen einfach ans Ende */
html.eingebettet .submitbar {
  position: static !important;
  box-shadow: none !important;
}
html.eingebettet .mini {
  margin-top: 8px !important;
}
/* Platz für die Bibi-Blase unten rechts, damit sie nichts verdeckt */
html.eingebettet.bbc-schmal body {
  padding-bottom: 88px !important;
}

/* ── Partnerzeile (statt Kopf/Hero) ────────────────────────────────────── */
.eb-partner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px 0;
  font: 13px/1.4 "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  color: #64748b;
}
.eb-partner img {
  height: 28px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
}
.eb-partner b {
  color: #1b2530;
}