/* Schrift Inter – lokal vom eigenen Server (DSGVO: kein Abruf bei Google) */
@font-face { font-family:"Inter"; src:url("fonts/InterVariable.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }

:root { --navy:#0b2239; --navy-deep:#071a2e; --navy-soft:#173b59; --blue:#2277ba; --green:#7fc600; --gold:#c9a227; --gold-light:#e6c557; --purple:#8d5ac0; --ink:#15293d; --mid:#51677c; --paper:#f4f7f8; --line:#dce4e9; --white:#fff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.7; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; height:auto; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; letter-spacing:-.025em; line-height:1.08; }

.site-header { height:92px; padding:0 clamp(22px,5vw,72px); display:flex; align-items:center; gap:40px; background:rgba(7,26,46,.97); color:white; position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(230,197,87,.34); backdrop-filter:blur(16px); }
.brand { width:220px; background:white; padding:7px 12px; border-radius:5px; }
.brand img { width:100%; }
nav { display:flex; gap:34px; margin-left:auto; font-size:.92rem; color:#cedae5; }
nav a:hover { color:var(--gold-light); }
.header-cta { background:var(--gold); color:var(--navy-deep); padding:11px 20px; border-radius:5px; font-weight:750; font-size:.9rem; }

.hero { min-height:790px; padding:90px clamp(26px,8vw,130px) 80px; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(330px,.78fr); gap:clamp(50px,8vw,130px); align-items:center; color:white; background:radial-gradient(circle at 72% 27%,#244b6c 0,var(--navy) 37%,var(--navy-deep) 78%); overflow:hidden; position:relative; }
.hero-glow { width:430px; height:430px; position:absolute; right:10%; top:22%; border:1px solid rgba(127,198,0,.25); border-radius:50%; box-shadow:0 0 0 80px rgba(34,119,186,.05),0 0 0 160px rgba(34,119,186,.035); }
.hero-copy,.cover-stage { position:relative; z-index:2; }
.eyebrow { color:#2778b6; text-transform:uppercase; letter-spacing:.23em; font-size:.71rem; font-weight:800; margin-bottom:18px; }
.eyebrow.light { color:var(--gold-light); }
.hero h1 { font-size:clamp(3.3rem,6.4vw,6.6rem); margin-bottom:28px; }
.hero h1 em { font-weight:400; color:var(--green); }
.hero-lead { max-width:680px; color:#c8d7e4; font-size:clamp(1.06rem,1.5vw,1.28rem); }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin:34px 0; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:20px; min-height:52px; padding:13px 24px; border:1px solid transparent; border-radius:5px; font-weight:750; transition:.2s ease; }
.button:hover { transform:translateY(-2px); }
.button.gold { color:var(--navy-deep); background:var(--gold); }
.button.gold:hover { background:var(--gold-light); }
.button.ghost { color:white; border-color:rgba(255,255,255,.35); }
.button.ghost:hover { border-color:var(--gold-light); color:var(--gold-light); }
.book-facts { margin-top:62px; padding-top:30px; border-top:1px solid rgba(255,255,255,.14); display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.book-facts strong { display:block; color:var(--gold-light); font-family:Georgia,serif; font-size:2rem; line-height:1; }
.book-facts span { display:block; color:#91a8bc; text-transform:uppercase; letter-spacing:.12em; font-size:.65rem; margin-top:8px; }
.cover-stage { justify-self:center; width:min(440px,100%); perspective:1200px; }
.book-cover { width:100%; border-radius:2px 7px 7px 2px; transform:rotateY(-7deg) rotateZ(1deg); box-shadow:28px 35px 70px rgba(0,0,0,.42),-8px 0 0 #dce2e5; position:relative; z-index:2; }
.cover-note { position:absolute; right:-40px; bottom:28px; z-index:3; background:var(--green); color:var(--navy-deep); padding:9px 14px; font-size:.68rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.cover-shadow { position:absolute; z-index:1; left:12%; right:-8%; bottom:-35px; height:60px; border-radius:50%; background:rgba(0,0,0,.43); filter:blur(25px); }

.section { padding:110px clamp(26px,8vw,130px); }
.section-intro { max-width:1180px; }
.section-intro.compact { max-width:760px; }
.section-intro h2,.masterclass-heading h2 { font-size:clamp(2.35rem,4.4vw,4.25rem); color:var(--navy); }
.section-intro>p:last-child,.masterclass-heading>p:last-child { color:var(--mid); font-size:1.08rem; max-width:680px; }

.promise { background:white; }
.promise-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(50px,8vw,120px); margin-top:66px; align-items:center; }
blockquote { margin:0; padding:12px 0 12px 35px; border-left:5px solid var(--green); color:var(--navy); font-family:Georgia,serif; font-size:clamp(1.55rem,2.5vw,2.45rem); line-height:1.38; }
blockquote cite { display:block; margin-top:22px; color:var(--mid); font-family:Inter,sans-serif; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; font-style:normal; }
.promise-points { display:grid; gap:20px; }
.promise-points p { display:flex; gap:16px; margin:0; color:var(--mid); }
.promise-points strong { color:var(--navy); }
.check { flex:0 0 auto; display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#eef8dc; color:#3d6b00; font-size:.82rem; font-weight:900; }

.contents { background:#edf2f5; }
.module-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:64px; }
.module-card { min-height:360px; display:flex; flex-direction:column; background:white; padding:34px; border:1px solid var(--line); border-top:6px solid var(--blue); box-shadow:0 18px 50px rgba(11,34,57,.06); }
.module-card.module-two { border-top-color:var(--purple); }
.module-card.module-three { border-top-color:var(--gold); }
.module-top { display:flex; justify-content:space-between; align-items:flex-start; }
.module-top span { font-family:Georgia,serif; font-size:3rem; color:var(--blue); line-height:1; }
.module-two .module-top span { color:var(--purple); }
.module-three .module-top span { color:#a8841e; }
.module-top small { text-transform:uppercase; font-weight:850; letter-spacing:.13em; font-size:.66rem; color:var(--mid); }
.module-card h3 { margin:34px 0 16px; color:var(--navy); font-size:1.45rem; line-height:1.27; }
.module-card p { color:var(--mid); font-size:.95rem; }
.module-card footer { margin-top:auto; padding-top:22px; border-top:1px solid var(--line); color:var(--navy); font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.legal-band { margin-top:22px; background:var(--navy); color:white; padding:24px 30px; display:flex; gap:24px; align-items:center; }
.legal-band>span { color:var(--gold-light); font:400 3.2rem/1 Georgia,serif; }
.legal-band strong { font-family:Georgia,serif; font-size:1.25rem; }
.legal-band p { margin:4px 0 0; color:#c8d7e4; font-size:.9rem; }

.excerpts { background:white; }
.excerpt-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin-top:65px; }
.excerpt>a { display:block; background:#e9eef1; padding:18px 18px 0; margin-bottom:28px; box-shadow:0 18px 42px rgba(11,34,57,.1); transition:.25s ease; }
.excerpt>a:hover { transform:translateY(-5px); box-shadow:0 25px 58px rgba(11,34,57,.16); }
.excerpt>a span { display:block; color:var(--navy); padding:11px 0; text-align:right; font-size:.72rem; font-weight:750; }
.excerpt h3 { color:var(--navy); font:700 1.3rem/1.3 Georgia,serif; }
.excerpt>p:last-child { color:var(--mid); font-size:.92rem; }

.author { background:linear-gradient(100deg,var(--navy-deep),var(--navy-soft)); color:white; display:grid; grid-template-columns:150px 1fr .72fr; gap:48px; align-items:center; }
.author-mark { width:135px; height:135px; border:1px solid rgba(230,197,87,.55); display:grid; place-items:center; font:400 3rem Georgia,serif; color:var(--gold-light); transform:rotate(-4deg); }
.author h2 { font-size:3rem; margin-bottom:16px; }
.author p { color:#c8d7e4; margin-bottom:0; }
.author-quote { color:var(--gold-light); font:italic 1.4rem/1.5 Georgia,serif; border-left:1px solid rgba(230,197,87,.4); padding-left:35px; }

.masterclass { background:var(--paper); }
.masterclass-heading { max-width:820px; }
.offers { margin-top:62px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; }
.offers article { background:white; padding:34px; border:1px solid var(--line); min-height:300px; display:flex; flex-direction:column; }
.offers article.featured { color:white; background:var(--navy); border-color:var(--navy); transform:translateY(-12px); box-shadow:0 25px 60px rgba(7,26,46,.2); }
.offer-tag { color:#a8841e; text-transform:uppercase; letter-spacing:.14em; font-size:.67rem; font-weight:850; }
.featured .offer-tag { color:var(--gold-light); }
.offers h3 { font:700 1.5rem/1.25 Georgia,serif; color:var(--navy); margin:24px 0 14px; }
.featured h3 { color:white; }
.offers p { color:var(--mid); }
.featured p { color:#c8d7e4; }
.offers a { margin-top:auto; color:var(--blue); font-weight:800; }
.featured a { color:var(--gold-light); }

.order { color:white; background:var(--navy-deep); display:grid; grid-template-columns:minmax(220px,330px) minmax(0,680px); gap:clamp(45px,8vw,110px); justify-content:center; align-items:center; }
.order-cover img { box-shadow:18px 25px 55px rgba(0,0,0,.4); }
.order h2 { font-size:clamp(2.4rem,4vw,4rem); margin-bottom:10px; }
.order-sub { color:var(--green); font-family:Georgia,serif; font-size:1.28rem; }
.order ul { padding:0; margin:28px 0; list-style:none; display:grid; gap:11px; color:#d3dfe8; }
.order li { display:flex; align-items:center; gap:12px; }
.pending-data { max-width:480px; display:grid; grid-template-columns:95px 1fr; border-top:1px solid rgba(255,255,255,.17); border-bottom:1px solid rgba(255,255,255,.17); padding:16px 0; color:#a9bac8; }
.pending-data strong { color:white; }
.order small { color:#849aaa; }

.footer { background:#041321; color:#8ea3b5; padding:46px clamp(26px,8vw,130px); display:grid; grid-template-columns:1fr auto; gap:25px 40px; align-items:center; font-size:.82rem; }
.footer-brand { display:flex; flex-direction:column; }
.footer-brand strong { color:white; font:700 1.35rem Georgia,serif; }
.footer-links { display:flex; gap:24px; }
.footer-links a:hover { color:var(--gold-light); }
.footer>p { grid-column:1/-1; margin:0; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); }

@media (max-width:960px) { nav{display:none}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{max-width:760px}.cover-stage{width:min(390px,85%)}.promise-grid,.author{grid-template-columns:1fr}.module-grid,.excerpt-grid,.offers{grid-template-columns:1fr}.module-card{min-height:auto}.offers article.featured{transform:none}.author-mark{width:100px;height:100px}.author-quote{border-left:0;border-top:1px solid rgba(230,197,87,.4);padding:28px 0 0} }
@media (max-width:660px) { .site-header{height:72px;padding:0 18px}.brand{width:175px}.header-cta{padding:9px 12px;font-size:.76rem}.hero,.section{padding-left:22px;padding-right:22px}.hero{padding-top:62px}.hero h1{font-size:3.2rem}.book-facts{grid-template-columns:repeat(2,1fr)}.cover-note{right:-14px}.section{padding-top:78px;padding-bottom:78px}.order{grid-template-columns:1fr}.order-cover{width:200px;margin:0 auto}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;gap:12px 20px} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*::before,*::after{transition:none!important} }
