/* Ergänzungen zur Kajabi-Theme-CSS für die Übergangsseite */

/* Freebie-Audios: eigener Player statt Wistia (gleiche Höhe 50px, weisse Bedienelemente) */
.interim-audio { display: flex; align-items: center; gap: 14px; height: 50px; padding: 0 20px 0 16px; color: #fff; }
.interim-audio__play { flex: none; width: 22px; height: 22px; padding: 0; border: 0; background: none; color: #fff; cursor: pointer; }
.interim-audio__play svg { width: 18px; height: 18px; fill: currentColor; }
.interim-audio__play .i-pause, .interim-audio.is-playing .interim-audio__play .i-play { display: none; }
.interim-audio.is-playing .interim-audio__play .i-pause { display: inline; }
.interim-audio__play:hover, .interim-audio__play:focus-visible { color: #775245; outline: none; }
.interim-audio__seek { flex: 1; min-width: 0; height: 4px; margin: 0; appearance: none; -webkit-appearance: none; background: rgba(255, 255, 255, 0.35); border-radius: 2px; cursor: pointer;
  background-image: linear-gradient(#fff, #fff); background-repeat: no-repeat; background-size: var(--p, 0%) 100%; }
.interim-audio__seek::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 0; }
.interim-audio__seek::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 0; }
.interim-audio__seek:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.interim-audio__time { flex: none; min-width: 3.5em; text-align: right; font-size: 14px; font-variant-numeric: tabular-nums; }
@media (min-width: 651px) { .interim-audio { padding-left: 18px; } }

/* Kontaktformular (ersetzt Elfsight, Masse vom Live-Widget übernommen) */
.interim-contact { max-width: 500px; margin: 0 auto; text-align: left; font-family: "PT Sans", sans-serif; }
.interim-contact__field { margin-bottom: 20px; }
.interim-contact label { display: block; margin: 0 0 8px; font-size: 15px; font-weight: 700; line-height: 20px; color: #111; }
.interim-contact input,
.interim-contact textarea {
  display: block; width: 100%; box-sizing: border-box; margin: 0;
  height: 42px; padding: 10px 15px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; background: #fff;
  font: 400 15px/20px "PT Sans", sans-serif; color: #111; box-shadow: none;
}
.interim-contact textarea { height: 82px; resize: none; }
.interim-contact input::placeholder,
.interim-contact textarea::placeholder { color: rgba(17, 17, 17, 0.5); }
.interim-contact input:focus,
.interim-contact textarea:focus { outline: none; border-color: rgba(0, 0, 0, 0.4); }
.interim-contact [aria-invalid="true"] { border-color: #c0392b; }
.interim-contact__hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.interim-contact__actions { text-align: center; }
.interim-contact button {
  min-width: 160px; height: 38px; padding: 0 26px; border: 1px solid transparent; border-radius: 0;
  background: #111; color: #fff; font: 700 12px/14px "PT Sans", sans-serif; letter-spacing: 1.8px; cursor: pointer;
}
.interim-contact button:disabled { opacity: 0.6; cursor: default; }
.interim-contact__status { margin: 16px 0 0; text-align: center; font-size: 15px; min-height: 1px; }
.interim-contact__status.is-error { color: #c0392b; }


/* Instagram-Ausschnitt (ersetzt Elfsight, Masse vom Live-Widget) */
.interim-ig { font-family: -apple-system, system-ui, Roboto, "Open Sans", "Helvetica Neue", sans-serif; text-align: center; }
.interim-ig__head { display: flex; align-items: center; justify-content: center; gap: 100px; flex-wrap: wrap; padding: 22px 20px; background: #fff; color: #000; text-decoration: none; }
.interim-ig__head:hover { color: #000; text-decoration: none; }
.interim-ig__who { display: flex; align-items: center; gap: 12px; text-align: left; }
.interim-ig__avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.interim-ig__name { display: block; max-width: 300px; font-size: 16px; font-weight: 700; line-height: 18px; }
.interim-ig__badge { display: inline-block; width: 13px; height: 13px; margin-left: 4px; fill: #3897f0; vertical-align: -1px; }
.interim-ig__handle { display: block; margin-top: 2px; font-size: 12px; color: #8a8a8a; }
.interim-ig__stats { display: flex; gap: 22px; }
.interim-ig__stats span { display: flex; flex-direction: column; font-size: 12px; color: #8a8a8a; line-height: 16px; }
.interim-ig__stats b { font-size: 14px; color: #000; }
.interim-ig__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin: 10px 0 0 !important; padding: 0 !important; list-style: none; }
.interim-ig__grid li { margin: 0; }
.interim-ig__grid a { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; }
.interim-ig__grid img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0 !important; transition: opacity .2s; }
.interim-ig__grid a:hover img { opacity: .85; }
.interim-ig__grid svg { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; fill: #fff; filter: drop-shadow(0 0 1px rgba(0, 0, 0, .5)) drop-shadow(0 1px 3px rgba(0, 0, 0, .45)); }
.interim-ig__more { margin: 24px 0 0; }
.interim-ig__more a { display: inline-block; min-width: 160px; padding: 13px 30px; background: #111; color: #fff; font: 400 12px/16px Arial, sans-serif; letter-spacing: 1.8px; text-decoration: none; }
.interim-ig__more a:hover { color: #fff; opacity: .9; }
@media (max-width: 767px) {
  .interim-ig__head { flex-direction: column; align-items: flex-start; gap: 16px; }
  .interim-ig__stats { padding-left: 60px; }
  .interim-ig__grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
  .interim-ig__grid li:nth-child(n + 5) { display: none; }
}
/* Freebie-Formular: Einwilligung und Statusmeldung unter dem Button */
.interim-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; opacity: 0; }
.interim-consent { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: #888; }
.interim-consent a { color: inherit; text-decoration: underline; }
.interim-form-status { margin: 8px 0 0; font-size: 14px; min-height: 0; }
.interim-form-status:empty { display: none; }

/* Rechtstexte (Datenschutz, Impressum): Absatz- und Titelabstände wie auf der alten Seite */
[data-interim="legal"] .impressum-para { margin: 0 0 1em; }
[data-interim="legal"] .impressum-heading { margin: 1.6em 0 0.5em; }
[data-interim="legal"] h1.heading { margin-top: 2.5em; }
.interim-legal-title, [data-interim="legal"] h1.heading { hyphens: manual; -webkit-hyphens: manual; overflow-wrap: break-word; }

/* Footer-Links auf dem Handy in einer Zeile (bei Kajabi rutschte «AGBs» auf eine zweite Zeile) */
@media (max-width: 767px) {
  .footer .link-list__links { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 12px; }
  .footer .link-list__link { margin: 5px 0 !important; letter-spacing: 0.06em !important; white-space: nowrap; }
}