/* =====================================================================
   Landingpage: 50 KI-Prompts für Projektmanager (Lead-Magnet)
   Eigenständig, im Design von projectstoprofit.com
   ===================================================================== */
body.pg-prompts {
	--navy:#0a1628; --navy-mid:#0f1e38; --navy-card:#132040;
	--teal:#0d9488; --teal-lt:#14b8a6; --teal-glow:rgba(13,148,136,.15); --teal-border:rgba(13,148,136,.28);
	--body:rgba(255,255,255,.78); --muted:rgba(255,255,255,.5); --border:rgba(255,255,255,.08);
	--maxw:1100px;
	margin:0; font-family:'Inter',sans-serif; background:var(--navy); color:#fff; line-height:1.6;
	-webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body.pg-prompts *, body.pg-prompts *::before, body.pg-prompts *::after { box-sizing:border-box; }
body.pg-prompts h1, body.pg-prompts h2, body.pg-prompts h3, body.pg-prompts p, body.pg-prompts ul { margin:0; padding:0; }
html { scroll-behavior:smooth; }
.pg-prompts .hl { color:var(--teal-lt); }
.pg-prompts a { color:var(--teal-lt); }

/* Header */
.pg-prompts .lp-header { background:#fff; border-bottom:1px solid #e5e7eb; }
.pg-prompts .lp-header-inner { max-width:var(--maxw); margin:0 auto; padding:10px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.pg-prompts .lp-logo img { height:76px; width:auto; display:block; }
.pg-prompts .lp-header-cta { background:var(--teal); color:#fff; text-decoration:none; font-weight:600; font-size:.88rem; padding:10px 18px; border-radius:5px; white-space:nowrap; }
.pg-prompts .lp-header-cta:hover { background:#0b7d73; }

/* Layout */
.pg-prompts .lp-wrap { max-width:var(--maxw); margin:0 auto; padding:0 24px; }
.pg-prompts .lp-narrow { max-width:760px; }
.pg-prompts .lp-section { padding:84px 0; }
.pg-prompts .lp-alt { background:var(--navy-mid); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.pg-prompts .lp-eye { display:block; font-size:.72rem; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:var(--teal-lt); margin-bottom:12px; }
.pg-prompts .lp-h2 { font-family:'Playfair Display',serif; font-size:clamp(1.7rem,3.6vw,2.5rem); font-weight:900; line-height:1.15; letter-spacing:-.01em; margin-bottom:36px; max-width:760px; }
.pg-prompts .lp-lead { color:var(--body); font-size:1.05rem; max-width:680px; margin:-18px 0 36px; }
.pg-prompts .lp-center { text-align:center; margin-top:40px; }

/* Hero */
.pg-prompts .lp-hero { background:linear-gradient(155deg,#0a1628 0%,#0d1f3a 60%,#0a1628 100%); padding:72px 0 84px; }
.pg-prompts .lp-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:56px; align-items:center; }
.pg-prompts h1 { font-family:'Playfair Display',serif; font-size:clamp(2rem,4.6vw,3.3rem); font-weight:900; line-height:1.1; letter-spacing:-.02em; margin-bottom:20px; }
.pg-prompts .lp-sub { color:var(--body); font-size:clamp(.98rem,1.7vw,1.12rem); line-height:1.75; margin-bottom:24px; max-width:560px; }
.pg-prompts .lp-checks { list-style:none; display:grid; gap:10px; }
.pg-prompts .lp-checks li { position:relative; padding-left:30px; color:#fff; font-weight:500; }
.pg-prompts .lp-checks li::before { content:'✓'; position:absolute; left:0; top:1px; width:20px; height:20px; border-radius:50%; background:var(--teal-glow); border:1px solid var(--teal-border); color:var(--teal-lt); font-size:.72rem; font-weight:700; display:flex; align-items:center; justify-content:center; }

/* Formular-Karte */
.pg-prompts .lp-form-card { background:#fff; color:#1f2937; border-radius:12px; padding:30px 28px; box-shadow:0 24px 60px rgba(0,0,0,.35); border-top:4px solid var(--teal); scroll-margin-top:24px; }
.pg-prompts .lp-form-title { font-family:'Playfair Display',serif; font-size:1.4rem; font-weight:900; color:var(--navy); margin-bottom:8px; line-height:1.25; }
.pg-prompts .lp-form-text { font-size:.92rem; color:#4b5563; margin-bottom:20px; }
.pg-prompts .lp-label { display:block; font-size:.8rem; font-weight:600; color:#374151; margin-bottom:6px; }
.pg-prompts .lp-input { width:100%; font:inherit; font-size:1rem; padding:13px 14px; border:1px solid #d1d5db; border-radius:6px; color:#111827; background:#fff; }
.pg-prompts .lp-input:focus { outline:3px solid rgba(13,148,136,.25); border-color:var(--teal); }
.pg-prompts .ml-field-group.ml-error .lp-input { border-color:#dc2626; outline-color:rgba(220,38,38,.2); }
.pg-prompts .ml-form-embedSubmit { margin-top:14px; }
.pg-prompts .lp-fineprint { font-size:.76rem; color:#6b7280; margin-top:14px; line-height:1.5; }
.pg-prompts .lp-fineprint a { color:#0b7d73; }
.pg-prompts .lp-success { text-align:center; padding:8px 0; }
.pg-prompts .lp-success p { color:#374151; }
.pg-prompts .lp-success-icon { width:54px; height:54px; margin:0 auto 14px; border-radius:50%; background:#e6f6f4; color:var(--teal); font-size:1.6rem; font-weight:700; display:flex; align-items:center; justify-content:center; }

/* Buttons */
.pg-prompts .lp-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--teal); color:#fff; border:0; cursor:pointer; text-decoration:none; font:700 .98rem 'Inter',sans-serif; padding:15px 30px; border-radius:6px; box-shadow:0 4px 18px rgba(13,148,136,.3); transition:background .2s,transform .18s; }
.pg-prompts .lp-btn:hover { background:#0b7d73; transform:translateY(-1px); }
.pg-prompts .lp-btn-block { width:100%; }
.pg-prompts .lp-btn[disabled] { opacity:.8; cursor:wait; transform:none; }
.pg-prompts .lp-spinner { width:16px; height:16px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; animation:lp-spin .8s linear infinite; }
@keyframes lp-spin { to { transform:rotate(360deg); } }

/* Karten */
.pg-prompts .lp-grid { display:grid; gap:20px; }
.pg-prompts .lp-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pg-prompts .lp-card { background:var(--navy-card); border:1px solid var(--border); border-radius:10px; padding:26px 24px; }
.pg-prompts .lp-card h3 { font-size:1.08rem; font-weight:700; margin-bottom:8px; color:#fff; }
.pg-prompts .lp-card p { color:var(--body); font-size:.92rem; line-height:1.65; }
.pg-prompts .lp-card-icon { width:34px; height:34px; border-radius:8px; background:rgba(239,68,68,.12); color:#f87171 !important; display:flex; align-items:center; justify-content:center; font-weight:700; margin-bottom:14px; }
.pg-prompts .lp-card-feat { border-left:3px solid var(--teal); }
.pg-prompts .lp-num { display:block; font-family:'Playfair Display',serif; font-weight:900; font-size:1.5rem; color:var(--teal-lt); margin-bottom:6px; }

/* FAQ */
.pg-prompts .lp-faq { display:grid; gap:12px; }
.pg-prompts .lp-faq details { background:var(--navy-card); border:1px solid var(--border); border-radius:8px; padding:0 20px; }
.pg-prompts .lp-faq summary { cursor:pointer; list-style:none; font-weight:600; padding:18px 28px 18px 0; position:relative; }
.pg-prompts .lp-faq summary::-webkit-details-marker { display:none; }
.pg-prompts .lp-faq summary::after { content:'▾'; position:absolute; right:0; top:18px; color:var(--teal-lt); transition:transform .2s; }
.pg-prompts .lp-faq details[open] summary::after { transform:rotate(180deg); }
.pg-prompts .lp-faq details p { color:var(--body); padding:0 0 18px; font-size:.95rem; }

/* Schluss-CTA */
.pg-prompts .lp-final { padding:80px 0; text-align:center; background:linear-gradient(135deg,#0d9488 0%,#0b6f67 100%); }
.pg-prompts .lp-final h2 { font-family:'Playfair Display',serif; font-size:clamp(1.6rem,3.4vw,2.3rem); font-weight:900; margin-bottom:12px; }
.pg-prompts .lp-final > .lp-wrap > p { color:rgba(255,255,255,.88); margin-bottom:26px; }
.pg-prompts .lp-final .lp-btn { background:#fff; color:var(--navy); box-shadow:0 6px 22px rgba(0,0,0,.2); }
.pg-prompts .lp-final .lp-btn:hover { background:#f0fdfa; }
.pg-prompts .lp-final .lp-fineprint { color:rgba(255,255,255,.75); }

/* Footer */
.pg-prompts .lp-footer { background:#060e1a; padding:30px 24px; text-align:center; font-size:.82rem; color:var(--muted); }
.pg-prompts .lp-footer a { color:var(--muted); text-decoration:none; }
.pg-prompts .lp-footer a:hover { color:var(--teal-lt); }
.pg-prompts .lp-footer .sep { margin:0 8px; opacity:.5; }

/* Responsiv */
@media (max-width: 900px) {
	.pg-prompts .lp-hero-grid { grid-template-columns:1fr; gap:36px; }
	.pg-prompts .lp-grid-3 { grid-template-columns:1fr 1fr; }
}
@media (max-width: 600px) {
	.pg-prompts .lp-logo img { height:56px; }
	.pg-prompts .lp-header-cta { padding:9px 12px; font-size:.8rem; }
	.pg-prompts .lp-hero { padding:44px 0 56px; }
	.pg-prompts .lp-section { padding:60px 0; }
	.pg-prompts .lp-grid-3 { grid-template-columns:1fr; }
	.pg-prompts .lp-form-card { padding:24px 20px; }
}