/* withira — Präsentations-Overlay. Modern + im withira-Stil (dunkel, Gold, Serif).
   Gratis ansehen, kein Download. Musik läuft nur während der Ansicht. */
.wp-overlay{position:fixed;inset:0;z-index:2147483600;display:none;background:rgba(6,8,9,.92);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  /* Eigene dunkle Palette erzwingen — NICHT vom (hellen) Seiten-Theme erben */
  --wi-bg-1:#0b0d10; --wi-text:#f2f2f2; --wi-text-dim:#aeb4bd; --wi-line:#23262b;
  --wi-gold:#bd8e3f; --wi-gold-hi:#e5c07b; --wi-ai-cyan:#7fd2e6;
  --wi-grad-gold:linear-gradient(135deg,#e5c07b,#bd8e3f); --serif:Georgia,"Times New Roman",serif;}
.wp-overlay.is-open{display:block;}
.wp-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;}
.wp-frame{position:relative;width:min(920px,100%);height:min(88vh,760px);
  background:radial-gradient(120% 100% at 0% 0%,#101722,var(--wi-bg-1,#0b0d10) 62%);
  border:1px solid color-mix(in srgb,var(--wi-gold,#bd8e3f) 34%,var(--wi-line,#23262b));
  border-radius:22px;overflow:hidden;box-shadow:0 40px 120px -30px rgba(0,0,0,.8);}

/* Kopf */
.wp-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;z-index:5;}
.wp-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px;color:var(--wi-text,#eaeaea);letter-spacing:.02em;}
.wp-brand__dot{width:8px;height:8px;border-radius:50%;background:var(--wi-grad-gold,linear-gradient(135deg,#e5c07b,#bd8e3f));box-shadow:0 0 12px 1px color-mix(in srgb,var(--wi-gold,#bd8e3f) 60%,transparent);}
.wp-tools{display:flex;align-items:center;gap:8px;}
.wp-icobtn{appearance:none;cursor:pointer;width:36px;height:36px;border-radius:50%;border:1px solid var(--wi-line,#23262b);
  background:rgba(255,255,255,.04);color:var(--wi-text,#eaeaea);font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;}
.wp-icobtn:hover{border-color:var(--wi-gold,#bd8e3f);background:rgba(255,255,255,.08);}

/* Slides */
.wp-slides{position:absolute;inset:0;}
.wp-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
  padding:64px 52px 84px;opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .5s ease,transform .5s ease,visibility .5s;overflow-y:auto;}
.wp-slide.is-active{opacity:1;visibility:visible;transform:none;}
.wp-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--wi-ai-cyan,#5bd);margin:0 0 14px;display:flex;align-items:center;gap:8px;}
.wp-slide h2{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.12;margin:0 0 14px;color:var(--wi-text,#f2f2f2);}
.wp-slide h2 .grad{background:var(--wi-grad-gold,linear-gradient(135deg,#e5c07b,#bd8e3f));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.wp-lead{font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.65;color:var(--wi-text-dim,#aeb4bd);max-width:640px;}

/* Hero-Icon */
.wp-hero__ic{font-size:60px;margin:0 0 10px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));}

/* Vorteile — Info-Grafik-Karten */
.wp-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px;max-width:720px;}
.wp-benefit{display:flex;gap:13px;align-items:flex-start;padding:15px 16px;border:1px solid var(--wi-line,#23262b);border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);}
.wp-benefit__ic{flex:none;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;
  background:radial-gradient(circle,color-mix(in srgb,var(--wi-gold,#bd8e3f) 22%,transparent),transparent 72%);border:1px solid color-mix(in srgb,var(--wi-gold,#bd8e3f) 30%,var(--wi-line,#23262b));}
.wp-benefit__t{font-weight:700;font-size:14.5px;margin:0 0 3px;color:var(--wi-text,#eaeaea);}
.wp-benefit__x{font-size:13px;line-height:1.5;color:var(--wi-text-dim,#aeb4bd);margin:0;}

/* Anleitung — nummerierte Schritte mit Verbindungslinie (Info-Grafik) */
.wp-steps{margin-top:24px;max-width:660px;position:relative;}
.wp-step{position:relative;display:flex;gap:18px;padding-bottom:22px;}
.wp-step:last-child{padding-bottom:0;}
.wp-step__n{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;
  font-size:15px;color:#1a1408;background:var(--wi-grad-gold,linear-gradient(135deg,#e5c07b,#bd8e3f));z-index:2;box-shadow:0 6px 16px -6px rgba(0,0,0,.6);}
.wp-step:not(:last-child)::before{content:"";position:absolute;left:18px;top:38px;bottom:2px;width:2px;
  background:linear-gradient(var(--wi-gold,#bd8e3f),transparent);opacity:.5;}
.wp-step__t{font-weight:700;font-size:15px;margin:6px 0 3px;color:var(--wi-text,#eaeaea);}
.wp-step__x{font-size:13.5px;line-height:1.55;color:var(--wi-text-dim,#aeb4bd);margin:0;}

/* CTA-Slide */
.wp-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px;}
.wp-price{font-family:var(--serif,Georgia,serif);font-size:2rem;color:var(--wi-gold-hi,#e5c07b);}
.wp-cta__note{font-size:12.5px;color:var(--wi-text-dim,#aeb4bd);margin-top:12px;max-width:520px;line-height:1.5;}
.wp-btn{appearance:none;cursor:pointer;font:inherit;font-weight:700;font-size:15px;padding:12px 22px;border-radius:12px;border:1px solid transparent;text-decoration:none;}
.wp-btn--gold{background:var(--wi-grad-gold,linear-gradient(135deg,#e5c07b,#bd8e3f));color:#1a1408;}
.wp-btn--ghost{background:transparent;border-color:var(--wi-line,#23262b);color:var(--wi-text,#eaeaea);}
.wp-btn--ghost:hover{border-color:var(--wi-gold,#bd8e3f);}

/* Fuss: Fortschritt + Navigation */
.wp-bot{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;
  padding:16px 22px;z-index:5;background:linear-gradient(transparent,rgba(6,8,9,.5));}
.wp-dots{display:flex;gap:7px;}
.wp-dot{width:8px;height:8px;border-radius:50%;background:var(--wi-line,#3a3d42);border:none;cursor:pointer;padding:0;transition:background .2s,width .2s;}
.wp-dot.is-active{background:var(--wi-grad-gold,linear-gradient(135deg,#e5c07b,#bd8e3f));width:22px;border-radius:5px;}
.wp-nav{display:flex;gap:8px;}
.wp-viewonly{position:absolute;bottom:60px;left:22px;font-size:11px;color:var(--wi-text-dim,#8a8f97);opacity:.7;display:flex;align-items:center;gap:6px;user-select:none;}

@media (max-width:640px){
  .wp-stage{padding:0;}
  .wp-frame{width:100%;height:100%;border-radius:0;border:none;}
  .wp-slide{padding:60px 22px 88px;}
  .wp-benefits{grid-template-columns:1fr;}
}
/* Kein Rechtsklick-Download auf Medien in der Präsentation */
.wp-frame img,.wp-frame video{pointer-events:none;-webkit-user-drag:none;user-select:none;}