/* Zwei-Klick-Platzhalter. Farben über Variablen anpassbar (--zk-*). */
.zwei-klick {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  padding: 1em;
  background: var(--zk-bg, #f4f4f4);
  border: 1px solid var(--zk-rand, #c8c8c8);
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.4;
}
.zwei-klick--geladen { display: block; padding: 0; background: none; border: 0; text-align: left; }
.zwei-klick--geladen iframe { display: block; }
.zwei-klick__button {
  font: inherit;
  font-weight: bold;
  padding: 0.6em 1em;
  color: var(--zk-button-text, #fff);
  background: var(--zk-button, #1f4e79);
  border: 2px solid var(--zk-button, #1f4e79);
  border-radius: 3px;
  cursor: pointer;
}
.zwei-klick__button:hover { background: var(--zk-button-hover, #163a5a); }
.zwei-klick__button:focus-visible,
.zwei-klick a:focus-visible,
.zwei-klick input:focus-visible { outline: 3px solid var(--zk-fokus, #ff9800); outline-offset: 2px; }
.zwei-klick p { margin: 0; }
.zwei-klick a { text-decoration: underline; }