/* fc-seite.css — Ergänzungen zum übernommenen onepage-Aufbau (Umzug November 2026) */

/* onepage blendet Bilder unscharf ein, bis lazysizes sie geladen hat */
img.blur-up.lazyloaded, img.blur-up[data-fc-fertig] { filter: none !important; }

/* Zoomen am Handy ist erlaubt (onepage sperrte es) — nichts zu tun, nur der viewport-Eintrag */

/* ---------- Einwilligung: Karte in der Bildschirmmitte, ohne Abdunkeln, ohne Sperre ---------- */
#fc-ck { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2147483000;
  width: min(440px, calc(100vw - 32px)); background: #fff; color: #1d1d27; border-radius: 12px;
  box-shadow: 0 18px 50px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.12);
  font: 15px/1.5 Manrope, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
#fc-ck .fc-ck-in { padding: 22px 22px 18px; }
#fc-ck p { margin: 0 0 10px; }
#fc-ck .fc-ck-titel { font-weight: 700; font-size: 17px; margin-bottom: 6px; }
#fc-ck a { color: inherit; text-decoration: underline; }
#fc-ck .fc-ck-b { display: flex; gap: 10px; margin-top: 14px; }
#fc-ck button { flex: 1; cursor: pointer; border-radius: 8px; padding: 11px 14px; font: inherit; font-weight: 700; }
#fc-ck .fc-ck-nein { background: #fff; color: #1d1d27; border: 1.5px solid #c9ccd6; }
#fc-ck .fc-ck-ja { background: #2d3d60; color: #fff; border: 1.5px solid #2d3d60; }
#fc-ck button:focus-visible { outline: 3px solid #4a7bd9; outline-offset: 2px; }

.fc-cookielink { text-align: center; padding: 10px 0 14px; font: 12px/1.4 Manrope, Inter, system-ui, Arial, sans-serif; }
.fc-cookielink a { color: #666; text-decoration: underline; }

/* ---------- Videos / Einbettungen ---------- */
.fc-video-box, .fc-einbettung { position: relative; }
.fc-video-box .fc-iframe, .fc-einbettung .fc-iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 5; background: #000; }
.fc-einbettung { cursor: pointer; overflow: hidden; background: #111 center / cover no-repeat; }
.fc-einbettung > img.fc-standbild { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fc-einbettung .fc-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 72px; height: 72px;
  border-radius: 50%; background: rgba(0,0,0,.62); display: flex; align-items: center; justify-content: center; z-index: 2; }
.fc-einbettung .fc-play::after { content: ""; margin-left: 6px; border-style: solid; border-width: 13px 0 13px 22px; border-color: transparent transparent transparent #fff; }
.fc-einbettung .fc-einbettung-text { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 10px 14px; color: #fff;
  background: linear-gradient(transparent, rgba(0,0,0,.55)); font: 14px/1.4 Manrope, Inter, system-ui, Arial, sans-serif; }
.fc-einbettung[data-art="podigee"] { background: #f3f4f7; min-height: 120px; cursor: pointer; }
.fc-einbettung[data-art="podigee"][data-fc-geladen] { background: transparent; min-height: 0; cursor: auto; }
.fc-podcast-knopf { display: flex; align-items: center; gap: 12px; padding: 22px; color: #1d1d27;
  font: 600 16px/1.4 Manrope, Inter, system-ui, Arial, sans-serif; }
.fc-podcast-knopf::before { content: ""; flex: none; width: 44px; height: 44px; border-radius: 50%; background: #2d3d60
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/22px no-repeat; }
.fc-frage { position: absolute; inset: 0; z-index: 6; display: flex; flex-direction: column; justify-content: center; gap: 12px;
  padding: 18px; background: rgba(15,18,28,.88); color: #fff; text-align: center; cursor: auto;
  font: 14px/1.5 Manrope, Inter, system-ui, Arial, sans-serif; }
.fc-frage p { margin: 0; }
.fc-frage a { color: #fff; text-decoration: underline; }
.fc-frage div { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.fc-frage button { cursor: pointer; border-radius: 6px; padding: 9px 16px; font: 700 14px Manrope, Inter, system-ui, Arial, sans-serif; border: 1.5px solid #fff; }
.fc-frage .fc-frage-ja { background: #fff; color: #111; }
.fc-frage .fc-frage-nein { background: transparent; color: #fff; }

/* ---------- Zwei Fassungen wie bei onepage: Rechner ab 1024 px, Handy/Tablet darunter ---------- */
@media (max-width: 1023.98px) { .fc-v-d { display: none !important; } }
@media (min-width: 1024px) { .fc-v-m { display: none !important; } }

/* Podcast-Player (Podigee): Platz wie das Original-Fenster, bis der Player geladen ist */
.fc-einbettung[data-art="podigee"]:not([data-fc-geladen]) { min-height: 253px; display: flex; align-items: center; justify-content: center; }
@media (max-width: 767.98px) { .fc-einbettung[data-art="podigee"]:not([data-fc-geladen]) { min-height: 425px; } }

/* ---------- Fragebögen ---------- */
.fc-fehler { margin: 10px 0 0; padding: 8px 12px; border-radius: 6px; background: #fdecec; color: #8a1c1c;
  font: 600 14px/1.4 Manrope, Inter, system-ui, Arial, sans-serif; }
.fc-pflicht-fehlt { outline: 2px solid #d33 !important; outline-offset: 3px; border-radius: 6px; }
.con-kit-component-select-item { cursor: pointer; }
.con-kit-component-quiz-step__fields--type-form .con-kit-component-label-input select.con-kit-component-input { width: 100%; }