/* Gegenregeln: neutralisieren allgemeine Regeln der Website, damit die Seite unverändert bleibt. */
#bc-kompass section{padding-inline:0}
#bc-kompass :is(h1,h2,h3){color:inherit}
#bc-kompass :is(h1,h2,h3) br{display:inline}
#bc-kompass p{margin-block:1em}
#bc-kompass ul{margin-block:1em}
#bc-kompass :is(h1,h2,h3){letter-spacing:normal}
#bc-kompass img{max-width:none}
#bc-kompass button{all:revert}
#bc-kompass button{border-radius:0!important}
#bc-kompass li{margin-bottom:0}
#bc-kompass strong{font-weight:bold}
#bc-kompass details{border:0;padding:0;margin:0;background:none;border-radius:0;box-shadow:none}
#bc-kompass summary{font-family:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;padding-right:0}
#bc-kompass{--ink:#172640;--gold:#956322;--blue:#edf3fa;--line:#ced7e2}
#bc-kompass *{box-sizing:border-box}
#bc-kompass{margin:0;background:#fff;color:var(--ink);font:18px/1.65 Arial,sans-serif}
#bc-kompass a{color:inherit}
#bc-kompass header,#bc-kompass main,#bc-kompass footer{max-width:1180px!important;margin:auto}
#bc-kompass header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
#bc-kompass .brand{font:700 29px Georgia,serif;text-decoration:none;letter-spacing:.02em}
#bc-kompass .brand small{display:block;font:13px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
#bc-kompass nav{display:flex;gap:25px;font-size:15px}
#bc-kompass nav a{text-decoration:none}
#bc-kompass .hero{display:grid;grid-template-columns:1.3fr 1fr;gap:54px;padding:80px 32px}
#bc-kompass .eyebrow{color:var(--gold);font-size:14px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}
#bc-kompass h1{font:normal clamp(42px,5vw,68px)/1.06 Georgia,serif;letter-spacing:-.025em;margin:18px 0 26px}
#bc-kompass h2{font:normal clamp(32px,4vw,47px)/1.16 Georgia,serif;margin:12px 0 23px}
#bc-kompass h3{font:normal 26px/1.3 Georgia,serif;margin:10px 0}
#bc-kompass .lead{font-size:21px;max-width:640px!important}
#bc-kompass .button{display:inline-block;padding:14px 23px;border-radius:5px;background:var(--ink);color:white;text-decoration:none;font-weight:700;border:1px solid var(--ink)}
#bc-kompass .button:hover{background:#2a4165}
#bc-kompass .price-inline{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}
#bc-kompass .price-inline strong{font-size:25px}
#bc-kompass .note{font-size:14px;line-height:1.5;color:#516078}
#bc-kompass .visual{background:var(--blue);padding:26px;border-radius:180px 180px 8px 8px;align-self:start;text-align:center;margin-top:20px}
#bc-kompass .visual img{width:100%;border-radius:4px;display:block}
#bc-kompass .visual figcaption{font-size:14px;margin-top:15px}
#bc-kompass .visual b{display:block;font:26px Georgia,serif;margin:15px 0}
#bc-kompass .strip{background:var(--ink);color:white;padding:24px 32px;display:flex;justify-content:space-between;gap:20px}
#bc-kompass .strip span{font-size:16px}
#bc-kompass section{padding:70px 32px;border-bottom:1px solid var(--line)}
#bc-kompass .intro{max-width:780px!important}
#bc-kompass .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
#bc-kompass .card{border-top:2px solid var(--gold);padding:22px 0}
#bc-kompass .card p{font-size:17px}
#bc-kompass .num{font-size:14px;color:var(--gold);letter-spacing:.09em}
#bc-kompass .soft{background:var(--blue)}
#bc-kompass .two{display:grid;grid-template-columns:1fr 1fr;gap:55px}
#bc-kompass .tick{padding-left:23px}
#bc-kompass .tick li{margin:14px 0}
#bc-kompass .modules{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;margin-top:28px}
#bc-kompass .module{padding:21px 0;border-top:1px solid var(--line)}
#bc-kompass .module h3{font-size:23px}
#bc-kompass .module p{font-size:16px;margin:8px 0}
#bc-kompass .steps{counter-reset:step}
#bc-kompass .step{padding:15px 0;border-top:1px solid var(--line)}
#bc-kompass .step h3:before{counter-increment:step;content:counter(step,decimal-leading-zero)' / ';color:var(--gold);font:16px Arial,sans-serif}
#bc-kompass .offer{border:1px solid var(--line);background:white;border-radius:8px;padding:35px;align-self:start}
#bc-kompass .amount{font:64px Georgia,serif;line-height:1.2;margin:20px 0}
#bc-kompass .offer .button{display:block;text-align:center}
#bc-kompass .offer ul{padding-left:22px}
#bc-kompass details{border-top:1px solid var(--line);padding:21px 0}
#bc-kompass summary{cursor:pointer;font-weight:700;font-size:19px}
#bc-kompass details p{max-width:820px!important}
#bc-kompass footer{padding:35px 32px;font-size:14px;display:flex;gap:28px;justify-content:space-between}
#bc-kompass .close{background:var(--ink);color:white}
#bc-kompass .close .button{background:#e4c28a;color:var(--ink);border-color:#e4c28a}
#bc-kompass .close p{max-width:720px!important}
#bc-kompass a:focus-visible,#bc-kompass summary:focus-visible{outline:3px solid #bd8b38;outline-offset:5px}
@media(max-width:800px){#bc-kompass header{padding:20px}
#bc-kompass nav{gap:14px}
#bc-kompass nav a:first-child{display:none}
#bc-kompass .hero{grid-template-columns:1fr;padding:45px 22px;gap:20px}
#bc-kompass .visual{max-width:440px!important;margin:0 auto}
#bc-kompass .grid,#bc-kompass .two,#bc-kompass .modules{grid-template-columns:1fr;gap:20px}
#bc-kompass .strip{flex-direction:column;gap:5px;padding:22px}
#bc-kompass section{padding:48px 22px}
#bc-kompass footer{flex-direction:column;padding:25px 22px;gap:12px}
#bc-kompass .lead{font-size:20px}}
#bc-kompass .hero{gap:42px;padding-top:66px;padding-bottom:66px;align-items:center;background:linear-gradient(135deg,#fff 46%,#eff5fc 100%)}
#bc-kompass .visual.celestial{margin:0;padding:0;position:relative;overflow:hidden;border-radius:200px 200px 16px 16px;background:#eef4fb;box-shadow:0 25px 60px #18334c16;border:1px solid #d9e3ee}
#bc-kompass .image-window{overflow:hidden;position:relative;aspect-ratio:1/1}
#bc-kompass .visual.celestial img{border-radius:0;height:100%;width:100%;object-fit:cover}
#bc-kompass .visual.celestial figcaption{margin:0;padding:25px 18px 12px}
#bc-kompass .visual.celestial figcaption .eyebrow{font-size:12px}
#bc-kompass .visual.celestial b{margin:12px 0}
#bc-kompass .living-image{animation:gentle-drift 18s ease-in-out infinite alternate;will-change:transform}
#bc-kompass .light-sweep{position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 38%,#fff4 49%,transparent 61%);pointer-events:none;animation:light-pass 14s ease-in-out infinite}
#bc-kompass .motion-toggle{display:block;margin:4px auto 20px;border:0!important;border-bottom:1px solid #aebccf!important;background:transparent!important;color:#40536f!important;font:14px Arial,sans-serif;padding:6px;cursor:pointer}
#bc-kompass .motion-toggle:focus-visible{outline:3px solid #956322;outline-offset:4px}
#bc-kompass .button{transition:background .2s,transform .2s,box-shadow .2s}
#bc-kompass .button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #17264020}
#bc-kompass .story-split{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
#bc-kompass .workspace-frame{margin:0;overflow:hidden;border-radius:14px;box-shadow:0 20px 40px #19385512;aspect-ratio:4/5}
#bc-kompass .workspace-frame img{height:100%;width:100%;object-fit:cover;object-position:center}
#bc-kompass .report-preview{display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center;padding:24px 30px;margin:30px 0 15px;background:#f2f6fb;border:1px solid #dce5ef;border-radius:10px}
#bc-kompass .report-preview img{width:100%;height:auto;background:white;border-radius:50%}
#bc-kompass .report-preview h3{margin:9px 0}
#bc-kompass .report-preview p{margin:10px 0}
#bc-kompass .module{transition:background .25s,transform .25s;padding:24px 16px;border-radius:6px}
#bc-kompass .module:hover{background:#edf3fa;transform:translateY(-3px)}
#bc-kompass.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease;transition-delay:var(--delay,0ms)}
#bc-kompass.motion-ready .reveal.visible{opacity:1;transform:none}
#bc-kompass.motion-paused .living-image,#bc-kompass.motion-paused .light-sweep{animation-play-state:paused}
#bc-kompass.motion-ready.motion-paused .reveal{opacity:1;transform:none;transition:none}
@keyframes gentle-drift{from{transform:scale(1)}to{transform:scale(1.065) translateY(-.6%)}}
@keyframes light-pass{0%,35%{transform:translateX(-45%);opacity:0}45%{opacity:.4}70%,100%{transform:translateX(45%);opacity:0}}
@media(max-width:800px){#bc-kompass .story-split{grid-template-columns:1fr;gap:25px}
#bc-kompass .workspace-frame{aspect-ratio:3/2;max-width:100%!important;width:100%}
#bc-kompass .hero{padding:42px 22px}
#bc-kompass .visual.celestial{width:100%;max-width:460px!important;margin:auto}
#bc-kompass .report-preview{grid-template-columns:100px 1fr;padding:20px;gap:20px}
#bc-kompass .report-preview h3{font-size:23px}
#bc-kompass .report-preview p{font-size:16px}}
@media(max-width:450px){#bc-kompass .report-preview{grid-template-columns:1fr}
#bc-kompass .report-preview img{width:130px}}
@media(prefers-reduced-motion:reduce){#bc-kompass .living-image,#bc-kompass .light-sweep{animation:none!important;will-change:auto}
#bc-kompass.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}
#bc-kompass .button,#bc-kompass .module{transition:none}
#bc-kompass .button:hover,#bc-kompass .module:hover{transform:none}
#bc-kompass .motion-toggle{display:none}}
#bc-kompass .needle-plane{position:absolute;left:65.39%;top:60.13%;width:35%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-10deg) scaleY(.65);pointer-events:none;filter:drop-shadow(1px 3px 2px #0006)}
#bc-kompass .compass-needle{display:block;width:100%;height:100%;animation:needle-turn 7s linear infinite;transform-origin:50% 50%}
@keyframes needle-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
#bc-kompass.motion-paused .compass-needle{animation-play-state:paused}
#bc-kompass .story-split{display:block}
#bc-kompass .story-split .intro{max-width:800px!important}
#bc-kompass .book-example{margin:36px 0 24px}
#bc-kompass .book-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}
#bc-kompass .book-heading h3{font-size:30px;margin-top:7px}
#bc-kompass .book-replay{border:1px solid #b9c7d8!important;background:white!important;border-radius:5px!important;color:var(--ink)!important;font:16px Arial,sans-serif;padding:10px 16px;cursor:pointer;flex-shrink:0}
#bc-kompass .book-stage{position:relative;margin:0;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#eaf0f5;box-shadow:0 15px 40px #17264016}
#bc-kompass .book-stage>img{display:block;width:100%;height:100%;object-fit:cover}
#bc-kompass .book-page{position:absolute;width:28%;top:24%;color:#24344a;line-height:1.55}
#bc-kompass .book-left{left:19%}
#bc-kompass .book-right{left:54%;top:25%}
#bc-kompass .book-kicker{font:700 clamp(10px,1.1vw,14px)/1.4 Arial,sans-serif;letter-spacing:.12em;color:#8d632f}
#bc-kompass .book-page h4{font:normal clamp(23px,3vw,38px)/1.2 Georgia,serif;margin:16px 0 6px}
#bc-kompass .book-role{font:italic clamp(14px,1.7vw,21px)/1.3 Georgia,serif}
#bc-kompass .written{font:italic clamp(17px,2.2vw,28px)/1.55 Georgia,serif;margin-top:25px}
#bc-kompass .book-right .written{margin-top:42px}
#bc-kompass .written span{opacity:0;transition:opacity .15s}
#bc-kompass .written span.ink{opacity:1}
#bc-kompass .book-signature{font:italic clamp(13px,1.5vw,19px)/1.4 Georgia,serif;color:#956322;display:block;margin-top:24px;opacity:0;transition:opacity .8s}
#bc-kompass .book-stage.writing-finished .book-signature{opacity:1}
#bc-kompass .book-note{margin:14px 0}
#bc-kompass .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){#bc-kompass .book-heading{align-items:flex-start;flex-direction:column;gap:8px}
#bc-kompass .book-heading h3{font-size:26px}
#bc-kompass .book-page{top:24%;width:28%}
#bc-kompass .book-left{left:18%}
#bc-kompass .book-right{left:54%;top:22%}
#bc-kompass .written{font-size:clamp(14px,2.8vw,21px);line-height:1.4;margin-top:15px}
#bc-kompass .book-right .written{margin-top:25px}
#bc-kompass .book-page h4{font-size:clamp(20px,3vw,30px);margin:8px 0 5px}
#bc-kompass .book-role{font-size:clamp(12px,1.9vw,16px)}
#bc-kompass .book-signature{font-size:12px;margin-top:15px}
#bc-kompass .book-kicker{font-size:10px;letter-spacing:.05em}}
@media(max-width:450px){#bc-kompass .book-page{top:22%;width:28%}
#bc-kompass .book-left{left:18%}
#bc-kompass .book-right{left:54%;top:20%}
#bc-kompass .book-kicker{font-size:10px}
#bc-kompass .written{font-size:14px;margin-top:9px;line-height:1.28}
#bc-kompass .book-right .written{margin-top:18px}
#bc-kompass .book-role{font-size:11px}
#bc-kompass .book-signature{font-size:10px;margin-top:10px}
#bc-kompass .book-page h4{font-size:19px;margin:5px 0}
#bc-kompass .book-stage{aspect-ratio:1.12}
#bc-kompass .book-stage>img{object-fit:fill}}
@media(prefers-reduced-motion:reduce){#bc-kompass .compass-needle{animation:none}
#bc-kompass .written span{opacity:1;transition:none}
#bc-kompass .book-signature{opacity:1;transition:none}}
#bc-kompass .hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
#bc-kompass .visual.celestial{width:100%;min-width:0;border-radius:24px;overflow:visible;background:#eef4fb}
#bc-kompass .image-window{width:100%;height:auto;aspect-ratio:1;overflow:hidden;border-radius:24px 24px 0 0}
#bc-kompass .visual.celestial .image-window>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
#bc-kompass .book-stage{width:100%;height:auto;aspect-ratio:3/2;overflow:visible;border-radius:12px}
#bc-kompass .book-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border-radius:12px}
#bc-kompass .book-page{top:26%;width:28%;z-index:1}
#bc-kompass .book-left{left:18%}
#bc-kompass .book-right{left:54%;top:26%}
#bc-kompass .book-signature{opacity:1}
#bc-kompass .written span{opacity:1}
#bc-kompass .book-stage.is-writing .written span:not(.ink){opacity:0}
@media(max-width:800px){#bc-kompass .hero{grid-template-columns:minmax(0,1fr)}
#bc-kompass .book-page{top:25%;width:29%}
#bc-kompass .book-right{top:25%}
#bc-kompass .written{font-size:clamp(16px,2.8vw,21px)}}
@media(max-width:500px){#bc-kompass .book-stage{aspect-ratio:.75}
#bc-kompass .book-page{top:25%;width:29%}
#bc-kompass .book-page h4{font-size:23px;line-height:1.15}
#bc-kompass .book-role{font-size:14px;line-height:1.25;display:block}
#bc-kompass .book-kicker{font-size:11px;letter-spacing:0;display:block}
#bc-kompass .written{font-size:16px;line-height:1.35;margin-top:14px}
#bc-kompass .book-right .written{margin-top:24px}
#bc-kompass .book-signature{font-size:12px;line-height:1.3}
#bc-kompass .book-heading h3{font-size:27px}
#bc-kompass .book-replay{width:100%}}
#bc-kompass .book-right .written{margin-top:25px}
@media(max-width:500px){#bc-kompass .book-stage{aspect-ratio:.64}
#bc-kompass .book-page{top:24%}
#bc-kompass .book-right{top:24%}
#bc-kompass .book-page h4{font-size:24px}
#bc-kompass .book-role{font-size:14px}
#bc-kompass .written{font-size:14px;line-height:1.35}
#bc-kompass .book-right .written{margin-top:14px}}
#bc-kompass .checkout-button{font:700 18px Arial,sans-serif;cursor:pointer}
#bc-kompass .checkout-button:disabled{opacity:.8;cursor:default}
#bc-kompass .offer .checkout-button{width:100%}
#bc-kompass.motion-ready .report-preview{opacity:1;transform:none;transition:none}
/* Ersatz für Style-Attribute des Entwurfs (Sicherheitsrichtlinie): gleiche Farben wie dort. */
#bc-kompass .eyebrow.hell{color:#e4c28a}
#bc-kompass .note.hell{color:#d9e1ec}
/* Anpassung (Kalle, 02.10.2026): Schlussband hell statt dunkel (der Fuß der Website ist dunkel) und mehr Abstand zum Fuß. */
#bc-kompass .close{background:var(--blue);color:var(--ink)}
#bc-kompass .close .button{background:var(--ink);color:#fff;border-color:var(--ink)}
#bc-kompass .close .button:hover{background:#2a4165}
#bc-kompass .eyebrow.hell{color:var(--gold)}
#bc-kompass .note.hell{color:#516078}
#bc-kompass{padding-bottom:80px}
/* Autorenzeile: dezent über der Seite, in der Breite des Entwurfs. */
#bc-kompass .autorenzeile{max-width:1180px;margin:0 auto;padding:14px 32px;font-size:14px;line-height:1.5;color:#516078}
#bc-kompass .autorenzeile a{color:inherit;text-decoration:underline}
@media(max-width:800px){#bc-kompass .autorenzeile{padding:12px 22px}}