:root{--uk-navy:#082B46;--uk-deep:#103E5F;--uk-gold:#D6A63A;--uk-ivory:#F8F5EE;--uk-slate:#5D6975;--uk-white:#fff;--uk-serif:Georgia,"Times New Roman",serif;--uk-sans:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body.ukp-brand-edition{font-family:var(--uk-sans);color:#10293D;background:#fff}
.ukp-brand-edition #masthead,.ukp-brand-edition .site-header,.ukp-brand-edition #site-navigation,.ukp-brand-edition .site-footer{display:none!important}
.ukpbe-shell{width:min(1180px,calc(100% - 40px));margin:auto}
.ukpbe-header{position:relative;z-index:50;background:#082B46;color:#fff;border-bottom:1px solid rgba(214,166,58,.35)}
.ukpbe-header .ukpbe-shell{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ukpbe-brand{display:flex;align-items:center;gap:14px;color:#fff!important;text-decoration:none}.ukpbe-brand strong{display:block;font:500 20px var(--uk-serif)}.ukpbe-brand small{display:block;color:#c8d5dd;margin-top:3px}
.ukpbe-lighthouse{color:#D6A63A;font-size:32px}.ukpbe-header nav{display:flex;gap:22px;align-items:center}.ukpbe-header nav a{color:#fff;text-decoration:none;font-size:14px}.ukpbe-navcta{background:#D6A63A!important;color:#082B46!important;padding:10px 15px;border-radius:14px;font-weight:700}
.ukpbe-pagehero{background:linear-gradient(120deg,#082B46 0%,#103E5F 64%,#183f58 100%);color:#fff;padding:clamp(64px,8vw,112px) 20px;overflow:hidden}
.ukpbe-hero-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.5fr);align-items:center;gap:48px}
.ukpbe-eyebrow{color:#D6A63A!important;font-size:12px!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ukpbe-pagehero h1{font:500 clamp(42px,5.4vw,76px)/1.02 var(--uk-serif)!important;color:#fff!important;margin:16px 0 20px;max-width:850px}.ukpbe-pagehero h1 span,.ukpbe-pagehero h1 b{color:#D6A63A;font-weight:600}
.ukpbe-pagehero p:not(.ukpbe-eyebrow){font-size:clamp(17px,2vw,21px);line-height:1.55;max-width:760px;color:#e5edf2}
.ukpbe-button{display:inline-block;margin-top:20px;background:#D6A63A;color:#082B46!important;text-decoration:none;padding:14px 20px;border-radius:14px;font-weight:800}
.ukpbe-symbol{font-size:clamp(110px,16vw,220px);color:#D6A63A;opacity:.9;text-align:center;transform:rotate(-12deg)}
.ukpbe-content{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:72px 0}.ukpbe-content h1,.ukpbe-content h2,.ukpbe-content h3{font-family:var(--uk-serif);color:#082B46;font-weight:500}
.ukpbe-content .wp-block-button__link,.ukpbe-content button,.ukpbe-content input[type=submit]{border-radius:14px}
.ukpbe-footer{background:#082B46;color:#fff;padding:46px 0}.ukpbe-footergrid{display:flex;justify-content:space-between;gap:30px}.ukpbe-footer strong,.ukpbe-footer span,.ukpbe-footer em{display:block}.ukpbe-footer strong{font:500 22px var(--uk-serif)}.ukpbe-footer span{color:#c8d5dd;margin:5px 0 14px}.ukpbe-footer em{color:#D6A63A;font-family:var(--uk-serif)}.ukpbe-footergrid>div:last-child{display:flex;gap:18px;align-items:flex-start}.ukpbe-footer a{color:#fff}
.ukp-brand-edition :focus-visible{outline:3px solid #D6A63A;outline-offset:3px}
@media(max-width:800px){.ukpbe-header .ukpbe-shell{align-items:flex-start;padding:18px 0;flex-direction:column}.ukpbe-header nav{width:100%;overflow:auto;padding-bottom:4px}.ukpbe-hero-inner{grid-template-columns:1fr}.ukpbe-symbol{display:none}.ukpbe-footergrid{flex-direction:column}.ukpbe-pagehero{padding:56px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* 0.4.0.2 Report compatibility
   /report already owns its header/footer via the existing book/report plugin.
   Brand Edition therefore styles the content but does not inject a second shell. */
body.page-report.ukp-brand-edition .ukpbe-content{
  padding-top:48px;
  padding-bottom:56px;
}


/* =========================================================
   UKP 0.4.0.3 — Book + Report / new Compass cover
   ========================================================= */
.ukpbe-book-2026,
.ukpbe-report-2026{
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 78% 42%, rgba(214,166,58,.13), transparent 29rem),
    linear-gradient(135deg,#082B46 0%,#103E5F 100%);
}
.ukpbe-book-2026 .ukpbe-hero-inner,
.ukpbe-report-2026 .ukpbe-hero-inner{
  max-width:1180px;
  margin:0 auto;
  padding:88px 32px;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);
  gap:72px;
  align-items:center;
}
.ukpbe-book-2026 h1,
.ukpbe-report-2026 h1{max-width:760px}
.ukpbe-book-2026 .ukpbe-lead,
.ukpbe-report-2026 .ukpbe-lead{
  max-width:690px;
  font-size:clamp(1.05rem,1.7vw,1.28rem);
  line-height:1.65;
  color:rgba(255,255,255,.86);
}
.ukpbe-proofline{
  margin:26px 0 30px;
  padding-left:18px;
  border-left:2px solid #D6A63A;
  color:#fff;
  line-height:1.65;
}
.ukpbe-proofline strong{color:#D6A63A}
.ukpbe-proofline span{display:block;color:rgba(255,255,255,.72)}
.ukpbe-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.ukpbe-textlink{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:3px}
.ukpbe-claim{margin-top:24px!important;color:#D6A63A!important;font-family:Georgia,serif;font-style:italic}
.ukpbe-cover-stage{position:relative;margin:0;text-align:center}
.ukpbe-cover-stage img{
  position:relative;z-index:2;display:block;width:min(100%,340px);margin:auto;
  border-radius:4px;box-shadow:0 28px 65px rgba(0,0,0,.42);transform:rotate(1.2deg);
}
.ukpbe-cover-stage figcaption{margin-top:18px;color:rgba(255,255,255,.65);font-size:.82rem;letter-spacing:.03em}
.ukpbe-compass-ring{
  position:absolute;z-index:1;width:410px;height:410px;border:1px solid rgba(214,166,58,.30);
  border-radius:50%;left:50%;top:50%;transform:translate(-50%,-53%);
}
.ukpbe-compass-ring:before,.ukpbe-compass-ring:after{
  content:"";position:absolute;background:rgba(214,166,58,.20)
}
.ukpbe-compass-ring:before{width:1px;height:116%;left:50%;top:-8%}
.ukpbe-compass-ring:after{height:1px;width:116%;top:50%;left:-8%}

/* Report: book is context, not the dominant object */
.ukpbe-report-2026 .ukpbe-hero-inner{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}
.ukpbe-report-steps{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 30px}
.ukpbe-report-steps span{
  padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;
  color:rgba(255,255,255,.82);font-size:.9rem;background:rgba(255,255,255,.04)
}
.ukpbe-report-steps b{color:#D6A63A;margin-right:6px}
.ukpbe-privacy{font-size:.82rem!important;color:rgba(255,255,255,.58)!important;margin-top:14px!important}
.ukpbe-report-book{
  display:grid;grid-template-columns:112px 1fr;gap:20px;align-items:center;
  padding:22px;border:1px solid rgba(214,166,58,.26);border-radius:22px;
  background:rgba(255,255,255,.055);box-shadow:0 20px 45px rgba(0,0,0,.18)
}
.ukpbe-report-book img{width:112px;display:block;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.ukpbe-report-book div{display:flex;flex-direction:column;gap:7px}
.ukpbe-report-book small{color:#D6A63A;font-weight:700;letter-spacing:.10em}
.ukpbe-report-book strong{color:#fff;font-family:Georgia,serif;font-size:1.15rem}
.ukpbe-report-book span{color:rgba(255,255,255,.67);font-size:.88rem;line-height:1.45}

@media (max-width:820px){
  .ukpbe-book-2026 .ukpbe-hero-inner,
  .ukpbe-report-2026 .ukpbe-hero-inner{grid-template-columns:1fr;gap:44px;padding:64px 22px}
  .ukpbe-cover-stage img{width:min(78vw,320px)}
  .ukpbe-compass-ring{width:330px;height:330px}
  .ukpbe-report-book{max-width:480px}
}
@media (max-width:480px){
  .ukpbe-report-book{grid-template-columns:82px 1fr;padding:16px}
  .ukpbe-report-book img{width:82px}
}


/* UKP 0.4.0.4 — force new Compass cover / suppress legacy book hero */
.ukpbe-book-2026{display:block!important}
.ukpbe-book-2026 .ukpbe-cover-stage img{content:none!important}

/* The old /buch page starts with a full-width legacy hero. Suppress only that
   first hero-like section inside the original page content; keep all book modules. */
.ukpbe-book-content .ukpbe-book-legacy-scope > section:first-child,
.ukpbe-book-content .ukpbe-book-legacy-scope > div:first-child[class*="hero"],
.ukpbe-book-content .ukpbe-book-legacy-scope > div:first-child[id*="hero"]{
  display:none!important;
}

/* New cover gets a more book-like proportion and premium presentation. */
.ukpbe-book-2026 .ukpbe-cover-stage img{
  width:min(100%,350px)!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  box-shadow:0 30px 70px rgba(0,0,0,.46)!important;
}


/* 0.4.0.5 — Arbeitsblätter-Navigation */
.ukpbe-header nav a[href*="arbeitsblaetter"]{
  color:#D6A63A;
}
@media(max-width:800px){
  .ukpbe-header nav{gap:16px}
}

/* 0.4.0.8 — Plattform-Integration */
.ukpbe-footer-contact{
  display:flex;justify-content:space-between;gap:28px;align-items:center;
  padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid rgba(255,255,255,.14)
}
.ukpbe-footer-contact small{display:block;color:#D6A63A;font-weight:800;letter-spacing:.12em;margin-bottom:7px}
.ukpbe-footer-contact strong{display:block;color:#fff;font:500 24px Georgia,serif}
.ukpbe-footer-contact a{display:inline-flex;background:#D6A63A;color:#082B46!important;text-decoration:none;padding:12px 16px;border-radius:14px;font-weight:800;white-space:nowrap}
@media(max-width:800px){.ukpbe-footer-contact{align-items:flex-start;flex-direction:column}.ukpbe-header nav{gap:15px}}


/* 0.4.0.9 — Report-Hero kompakter + Footer-CTA klarer */
.ukpbe-report-2026{
  padding:0!important;
}
.ukpbe-report-2026 .ukpbe-hero-inner{
  padding:46px 32px!important;
  min-height:0!important;
  gap:42px!important;
}
.ukpbe-report-2026 .ukpbe-eyebrow{margin-bottom:8px!important}
.ukpbe-report-2026 h1{margin:8px 0 14px!important}
.ukpbe-report-2026 .ukpbe-lead{margin-bottom:12px!important}
.ukpbe-report-2026 .ukpbe-report-steps{margin:18px 0 20px!important}
.ukpbe-report-2026 .ukpbe-button{margin-top:8px!important}
.ukpbe-report-2026 .ukpbe-privacy{margin-top:8px!important}

/* CTA bewusst als eigener Block, nicht als Fließtext */
.ukpbe-footer-contact{
  justify-content:flex-start!important;
  gap:32px!important;
}
.ukpbe-footer-contact > div{
  max-width:620px;
}
.ukpbe-footer-contact a{
  flex:0 0 auto;
  margin-left:0!important;
}
@media(max-width:800px){
  .ukpbe-report-2026 .ukpbe-hero-inner{padding:34px 22px!important;gap:28px!important}
  .ukpbe-footer-contact{gap:18px!important}
}