/* Consent-Gate fuer eingebettete Fremdinhalte, siehe js/cc-embed.js */
.cc-embed { position: relative; width: 100%; height: var(--cc-embed-height, 360px); }
.cc-embed iframe { width: 100%; height: 100%; border: 0; display: block; }
.cc-embed__ph {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; height: 100%; padding: 20px; text-align: center;
  background: #f2f2f2; color: #222; border: 1px solid #ddd;
}
.cc-embed__txt { margin: 0; max-width: 34em; font-size: small; line-height: 1.5; }
.cc-embed__actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }

/* Die Clickfunnel-Themes stylen nacktes <button> als vollbreiten Block und setzen
   bei :hover/:focus "border: none !important" - deshalb hier alles ausschreiben. */
.cc-embed .cc-embed__btn,
.cc-embed .cc-embed__btn:hover,
.cc-embed .cc-embed__btn:focus,
.cc-embed .cc-embed__btn:active {
  display: inline-block; width: auto; margin: 0; padding: 8px 16px;
  font: inherit; font-size: small; line-height: 1.2; text-transform: none;
  border: 1px solid #222; border-radius: 4px; cursor: pointer;
}
.cc-embed .cc-embed__load { background: #222; color: #fff; }
.cc-embed .cc-embed__prefs { background: transparent; color: #222; }
.cc-embed .cc-embed__btn:hover { opacity: .85; }
.cc-embed .cc-embed__btn:focus-visible { outline: 2px solid #222; outline-offset: 2px; }