/* Marketing → Referenzen: eingebettete Referenzen-App (referenzen-embed.js) */
#viewReferenzen { max-width: 100%; width: 100%; min-width: 0; box-sizing: border-box; }
.ref-embed { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ref-embed-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ref-embed-toggle { display: inline-flex; border: 1px solid #cbd5e1; border-radius: 6px; overflow: hidden; background: #fff; }
.ref-embed-toggle button { border: 0; background: transparent; color: #334155; font-size: 13px; padding: 7px 12px; cursor: pointer; min-height: 34px; }
.ref-embed-toggle button + button { border-left: 1px solid #cbd5e1; }
.ref-embed-toggle button[aria-pressed="true"] { background: #1e3c6e; color: #fff; font-weight: 600; }
.ref-embed-msg { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #f0d58a; background: #fffbeb; color: #78350f; border-radius: 8px; font-size: 13px; }
.ref-embed-msg[hidden] { display: none; }
.ref-embed-frame { display: block; width: 100%; height: calc(100dvh - var(--ui-header-height, 64px) - 70px); min-height: 320px; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; }
@media (max-width: 700px) {
  .ref-embed-bar { gap: 6px; }
  .ref-embed-bar > .btn { padding: 6px 9px; font-size: 12px; }
  .ref-embed-toggle { width: 100%; }
  .ref-embed-toggle button { flex: 1; }
  .ref-embed-frame { border-radius: 0; border-left: 0; border-right: 0; }
}