/*
 * Ergänzungen zu tafello.css für die Live-Seite. tafello.css ist der abgenommene Entwurf
 * v16 (mockups/v16/style.css) und bleibt unverändert, damit er sich bei neuen Entwürfen
 * einfach austauschen lässt. Hier stehen nur Dinge, die der Entwurf nicht kennt:
 * Rückmeldung des Kontaktformulars und die Datenschutzseite.
 */

/* ---------- Kontaktformular ---------- */

/* Spamschutz: Dieses Feld sehen nur Programme. */

.form-falle {
  position: absolute;
  left: -9999px;
}

.form-status {
  margin-top: var(--s3);
  padding: 14px 18px;
  border: 2px solid;
  border-radius: 8px;
  font-size: 17px;
  line-height: 1.5;
  color: var(--ink);
}

.form-status-ok {
  background: var(--ok-bg);
  border-color: var(--ok);
}

.form-status-err {
  background: var(--err-bg);
  border-color: var(--err);
}

/* ---------- Datenschutzerklärung ---------- */

.ds-kopf {
  padding-top: var(--s4);
  padding-bottom: var(--s3);
}

.ds-kopf a {
  display: inline-block;
}

.ds-kopf img {
  height: 44px;
  width: auto;
}

.ds main {
  padding-bottom: var(--s5);
}

.ds-blatt {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  background: var(--card-white);
  border-radius: 8px;
  padding: clamp(32px, 6vw, 80px) clamp(22px, 6vw, 88px);
  box-shadow: 0 2px 0 rgb(24 24 101 / .14);
  font-size: 18px;
}

.ds-blatt > * {
  max-width: 70ch;
}

/* Unter 34px, damit "Datenschutzerklärung" bei 390px in die Karte passt */

.ds-blatt h1 {
  font-size: clamp(28px, 3.4vw, 50px);
  hyphens: auto;
}

.ds-blatt h2 {
  margin-top: var(--s3);
  font-size: 26px;
}

.ds-blatt h3 {
  margin-top: var(--s1);
  font-size: 20px;
}

.ds-blatt ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding-left: 1.4em;
}

.ds-entwurf {
  padding: 12px 16px;
  border-radius: 8px;
  background: var(--warn-bg);
  color: var(--warn-ink);
  font-size: 16px;
}

.ds-stand {
  font-size: 16px;
}

/* Link zur Selbstregistrierung unter der Demo-Buchung */
.demo-registrieren {
  margin-top: 1.5rem;
}

.demo-registrieren a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: .15em;
}