/* Bausteine der Autorenseiten, 20. Oktober 2026. Farben und Schriften aus
   style.css, damit die Seiten zum Haus gehoeren. */
.ap{--ap-r:14px;--ap-shadow:0 18px 50px rgba(20,26,31,.10),0 2px 6px rgba(20,26,31,.05)}
.ap-hero{position:relative;overflow:hidden;background:var(--dark);color:var(--on-dark);padding:clamp(56px,7vw,96px) 0 clamp(56px,7vw,92px)}
.ap-hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,72px);align-items:center}
.ap-hero .eyebrow{color:var(--warm)}
.ap-hero h1{font-size:clamp(32px,3.9vw,52px);margin:14px 0 18px;letter-spacing:-.02em;max-width:15em;text-wrap:balance;hyphens:manual}
.ap-hero h1 em{display:block}
.ap-hero h1 em{font-style:italic;color:var(--accent-on-dark)}
.ap-hero .lede{font-size:clamp(17px,1.45vw,19.5px);line-height:1.6;color:var(--on-dark-soft);max-width:36em}
.ap-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ap-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:15px 24px;border-radius:999px;border:1.5px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;cursor:pointer;text-decoration:none}
.ap-btn:hover{transform:translateY(-1px)}
.ap-btn.p{background:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(14,107,92,.28)}
.ap-btn.p:hover{background:var(--accent-deep)}
.ap-btn.s{border-color:rgba(247,246,243,.35);color:var(--on-dark)}
.ap-btn.s:hover{border-color:var(--on-dark);background:rgba(255,255,255,.06)}
.ap-btn.l{border-color:rgba(20,26,31,.22);color:var(--ink);background:#fff}
.ap-btn.l:hover{border-color:var(--ink)}
.ap-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(247,246,243,.14);list-style:none}
.ap-trust li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--on-dark-soft)}
.ap-trust svg{color:var(--accent-on-dark);flex:none}
/* Faecher aus drei Seiten oder drei Umschlaegen */
.ap-fan{position:relative;height:clamp(300px,34vw,440px);perspective:1400px}
.ap-fan figure{position:absolute;top:50%;left:50%;width:min(58%,270px);margin:0;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ap-fan img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 26px 60px rgba(0,0,0,.45),0 4px 10px rgba(0,0,0,.3)}
.ap-fan figure:nth-child(1){transform:translate(-92%,-50%) rotate(-9deg)}
.ap-fan figure:nth-child(2){transform:translate(-50%,-54%) rotate(0deg);z-index:2}
.ap-fan figure:nth-child(3){transform:translate(-8%,-50%) rotate(9deg)}
.ap-fan:hover figure:nth-child(1){transform:translate(-104%,-52%) rotate(-12deg)}
.ap-fan:hover figure:nth-child(3){transform:translate(4%,-52%) rotate(12deg)}
.ap-fan.covers figure{width:min(46%,210px)}
.ap-fan.film{display:flex;align-items:center;justify-content:center;height:auto}
.ap-fan.film video{width:min(100%,300px);aspect-ratio:9/16;height:auto;border-radius:18px;background:#03261a;box-shadow:0 26px 60px rgba(0,0,0,.45)}
@media(max-width:900px){.ap-hero .wrap{grid-template-columns:1fr}.ap-fan{height:clamp(260px,70vw,380px)}}
@media(prefers-reduced-motion:reduce){.ap-fan figure{transition:none}.ap-btn{transition:none}.ap-btn:hover{transform:none}}

.ap-sec{padding:clamp(56px,7vw,96px) 0}
.ap-sec.tint{background:var(--surface)}
.ap-sec.dark{background:var(--dark);color:var(--on-dark)}
.ap-head{max-width:46rem;margin-bottom:clamp(28px,4vw,44px)}
.ap-head h2{font-size:clamp(28px,3.4vw,42px);margin:10px 0 12px}
.ap-head p{font-size:18px;line-height:1.6;color:var(--ink-soft)}
.ap-sec.dark .ap-head p{color:var(--on-dark-soft)}
.ap-sec.dark .eyebrow{color:var(--warm)}

/* Pilotband */
.ap-pilot{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(20px,3vw,40px);align-items:center;background:linear-gradient(135deg,#FFF8EE,#F6EBDB);border:1px solid rgba(201,139,63,.35);border-radius:var(--ap-r);padding:clamp(22px,3vw,34px);box-shadow:var(--ap-shadow)}
.ap-pilot .big{font-family:var(--display);font-size:clamp(54px,7vw,84px);line-height:.9;color:var(--warm);letter-spacing:-.03em}
.ap-pilot .big small{display:block;font-family:var(--util);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8A5E2A;margin-top:8px}
.ap-pilot h3{font-size:clamp(22px,2.4vw,28px);margin:0 0 8px}
.ap-pilot p{color:#5B4A35;font-size:16px;line-height:1.6;margin:0}
.ap-pilot .preise{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:15px}
.ap-pilot .preise span{white-space:nowrap}
.ap-pilot .preise s{opacity:.55;margin-right:6px}
.ap-pilot .preise b{color:var(--ink)}
.ap-plaetze{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8A5E2A;text-align:center}
.ap-plaetze .dots{display:flex;gap:8px}
.ap-plaetze .dots i{width:14px;height:14px;border-radius:50%;background:var(--warm);box-shadow:0 0 0 3px rgba(201,139,63,.18)}
.ap-plaetze .dots i.weg{background:transparent;border:1.5px solid rgba(201,139,63,.6);box-shadow:none}
@media(max-width:760px){.ap-pilot{grid-template-columns:1fr}.ap-plaetze{flex-direction:row;justify-content:flex-start}}

/* Person */
.ap-person{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center}
.ap-portrait{position:relative;max-width:360px;justify-self:center;width:100%}
.ap-portrait img{display:block;width:100%;height:auto;border-radius:var(--ap-r);box-shadow:var(--ap-shadow)}
.ap-portrait figcaption{position:absolute;left:16px;bottom:16px;right:16px;background:rgba(251,250,248,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.35}
.ap-portrait figcaption b{display:block;font-family:var(--display);font-weight:400;font-size:19px}
.ap-person .text p{font-size:17.5px;line-height:1.7;margin:0 0 14px;color:var(--ink-soft)}
.ap-person .text p.first{font-size:20px;color:var(--ink);font-family:var(--display);line-height:1.45}
.ap-kontakt{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ap-kontakt a{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid var(--rule);border-radius:999px;background:#fff;font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.ap-kontakt a:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(14,107,92,.12)}
.ap-kontakt svg{color:var(--accent)}
.ap-eigenes{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center;margin-top:24px;padding:16px;border:1px solid var(--rule);border-radius:12px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.ap-eigenes:hover{border-color:rgba(20,26,31,.3);box-shadow:var(--ap-shadow);transform:translateY(-2px)}
.ap-eigenes img{width:100%;height:auto;display:block;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.ap-eigenes .t{font-family:var(--display);font-size:19px;line-height:1.25}
.ap-eigenes .m{font-size:14px;color:var(--ink-faint);margin-top:4px}
@media(max-width:760px){.ap-person{grid-template-columns:1fr}.ap-portrait{max-width:300px}}

/* Ablauf */
.ap-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:st;position:relative}
.ap-steps li{position:relative;background:#fff;border:1px solid var(--rule);border-radius:var(--ap-r);padding:22px 18px 20px;counter-increment:st}
.ap-steps li::before{content:counter(st);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--dark);color:#fff;font-weight:700;font-size:14px;margin-bottom:14px}
.ap-steps li.frei::before{background:var(--accent)}
.ap-steps h3{font-size:19px;margin:0 0 6px}
.ap-steps .tag{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.ap-steps li.preis .tag{color:#8A5E2A}
.ap-steps p{font-size:15px;line-height:1.55;color:var(--ink-soft);margin:0}
@media(max-width:1000px){.ap-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ap-steps{grid-template-columns:1fr}}

/* Gestaltungen */
.ap-stile{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--gutter) 26px;margin:0 calc(-1 * var(--gutter));scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.ap-stil{flex:0 0 min(78vw,460px);scroll-snap-align:start;background:#fff;border:1px solid var(--rule);border-radius:var(--ap-r);padding:18px;box-shadow:0 10px 30px rgba(20,26,31,.06)}
.ap-stil .seiten{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface);border-radius:10px;padding:14px}
.ap-stil .seiten img{display:block;width:100%;height:auto;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.ap-stil h3{font-size:24px;margin:16px 0 4px}
.ap-stil .fuer{font-size:15px;color:var(--ink-soft);margin:0 0 8px}
.ap-stil .spec{font-size:12.5px;letter-spacing:.04em;color:var(--ink-faint)}
.ap-hinweis{font-size:14px;color:var(--ink-faint);margin-top:6px}

/* Vorher und nachher */
.ap-vn{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ap-vn article{background:#fff;border:1px solid var(--rule);border-radius:var(--ap-r);padding:24px 26px}
.ap-vn .lbl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.ap-vn .lbl b{font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.ap-vn .lbl span{font-size:13px;color:var(--ink-faint)}
.ap-vn .vorher b{color:#9A4B3C}
.ap-vn .nachher{border-color:rgba(14,107,92,.35);box-shadow:0 14px 40px rgba(14,107,92,.10)}
.ap-vn .nachher b{color:var(--accent)}
.ap-vn p{font-family:"Crimson Pro",Georgia,serif;font-size:17px;line-height:1.7;margin:0;color:var(--ink)}
.ap-vn .nachher p span:nth-child(odd){background:rgba(14,107,92,.09);border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ap-vn-fazit{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;font-size:15px;color:var(--ink-soft)}
.ap-vn-fazit b{font-family:var(--display);font-weight:400;font-size:26px;color:var(--ink);margin-right:6px}
@media(max-width:820px){.ap-vn{grid-template-columns:1fr}}

/* Preise */
.ap-preise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.ap-preis{display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule);border-radius:var(--ap-r);padding:26px 24px}
.ap-preis.hl{border:1.5px solid var(--accent);box-shadow:0 22px 60px rgba(14,107,92,.14)}
.ap-preis .n{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.ap-preis .b{font-family:var(--display);font-size:46px;line-height:1;margin:14px 0 6px;letter-spacing:-.02em}
.ap-preis .pilotp{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13px;background:#FFF3E2;color:#7A4E1C;border-radius:999px;padding:5px 11px;margin-bottom:10px}
.ap-preis .pilotp b{color:var(--ink)}
.ap-preis .k{font-size:15px;color:var(--ink-soft);margin:0 0 16px;line-height:1.55}
.ap-preis ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}
.ap-preis li{display:grid;grid-template-columns:18px 1fr;gap:9px;font-size:15px;line-height:1.45}
.ap-preis li svg{color:var(--accent);margin-top:3px}
.ap-preis .ap-btn{margin-top:auto}
.ap-preis-fuss{margin-top:20px;font-size:14px;color:var(--ink-faint);max-width:52rem;line-height:1.6}
.ap-zusatz{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.ap-zusatz div{flex:1 1 260px;background:#fff;border:1px dashed rgba(20,26,31,.22);border-radius:12px;padding:14px 16px;font-size:15px;color:var(--ink-soft)}
.ap-zusatz b{color:var(--ink)}
@media(max-width:980px){.ap-preise{grid-template-columns:1fr;max-width:560px}}

/* Vergleich */
.ap-vgl-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--ap-r);background:#fff}
.ap-vgl{width:100%;border-collapse:collapse;font-size:15px;min-width:640px;font-variant-numeric:tabular-nums}
.ap-vgl th,.ap-vgl td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--rule-soft);vertical-align:top}
.ap-vgl thead th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:700;background:var(--surface)}
.ap-vgl td.z{text-align:right;white-space:nowrap}
.ap-vgl thead th.z{text-align:right}
.ap-vgl tr.summe td,.ap-vgl tr.summe th{font-weight:700;border-top:1.5px solid var(--ink);border-bottom:0;font-size:16px}
.ap-vgl .ia{background:rgba(14,107,92,.06)}
.ap-vgl thead th.ia{color:var(--accent)}
.ap-vgl tr.summe .ia{color:var(--accent);font-size:20px}
.ap-vgl small{display:block;font-weight:400;font-size:12.5px;color:var(--ink-faint);margin-top:2px}
.ap-quellen{font-size:13px;color:var(--ink-faint);line-height:1.6;margin-top:16px;max-width:60rem}
.ap-quellen a{text-decoration:underline;text-underline-offset:2px}
.ap-vgl-kern{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px}
.ap-vgl-kern div{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:18px 20px}
.ap-vgl-kern div.ia{border-color:var(--accent);background:rgba(14,107,92,.05)}
.ap-vgl-kern b{display:block;font-family:var(--display);font-weight:400;font-size:34px;line-height:1.05;margin-bottom:6px}
.ap-vgl-kern div.ia b{color:var(--accent)}
.ap-vgl-kern span{font-size:14px;color:var(--ink-soft);line-height:1.45;display:block}
.ap-vgl-kern.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.ap-vgl-kern,.ap-vgl-kern.zwei{grid-template-columns:1fr}}

/* Drei Aussagen */
.ap-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ap-drei.vier{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:820px){.ap-drei.vier{grid-template-columns:1fr}}
.ap-einzeln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
@media(max-width:980px){.ap-einzeln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ap-einzeln{grid-template-columns:1fr}}
.ap-einzeln div{background:#fff;border:1px solid rgba(20,26,31,.12);border-radius:12px;padding:16px 18px;min-width:0}
.ap-einzeln h3{font-size:18px;margin:0 0 4px}
.ap-einzeln .b{font-weight:700;color:var(--accent);font-size:15px;margin:0 0 8px}
.ap-einzeln p{font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin:0}
.ap-einzeln-kopf{margin-top:44px}
.ap-drei div{border-top:2px solid var(--ink);padding-top:16px}
.ap-sec.dark .ap-drei div{border-color:var(--warm)}
.ap-drei h3{font-size:22px;margin:0 0 8px}
.ap-drei p{font-size:15.5px;line-height:1.6;color:var(--ink-soft);margin:0}
.ap-sec.dark .ap-drei p{color:var(--on-dark-soft)}
.ap-sec.dark .ap-drei a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:820px){.ap-drei{grid-template-columns:1fr}}

/* Karten mit Text */
.ap-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ap-karte{background:#fff;border:1px solid var(--rule);border-radius:var(--ap-r);padding:26px 26px 22px}
.ap-karte h3{font-size:23px;margin:0 0 10px}
.ap-karte p{font-size:16px;line-height:1.65;color:var(--ink-soft);margin:0 0 10px}
.ap-karte p:last-child{margin-bottom:0}
.ap-karte p strong{color:var(--ink)}
.ap-karte table.acc{margin:.6rem 0}
@media(max-width:820px){.ap-karten{grid-template-columns:1fr}}
.ap-liste{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;padding:0;margin:0}
.ap-liste li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16px;line-height:1.5}
.ap-liste svg{color:var(--accent);margin-top:3px}
@media(max-width:700px){.ap-liste{grid-template-columns:1fr}}

/* Fliesstext in der Seite */
.ap-prosa{max-width:46rem}
.ap-prosa p{font-size:17px;line-height:1.75;color:var(--ink-soft);margin:0 0 14px}
.ap-prosa p strong{color:var(--ink)}
.ap-prosa h3{font-size:24px;margin:30px 0 10px}
.ap-prosa a{text-decoration:underline;text-underline-offset:2px}
.ap-zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px)}
@media(max-width:820px){.ap-zwei{grid-template-columns:1fr}}

/* Fragen */
.ap-faq{display:grid;gap:10px;max-width:52rem}
.ap-faq details{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:0 20px;transition:border-color .15s,box-shadow .15s}
.ap-faq details[open]{border-color:rgba(20,26,31,.28);box-shadow:0 10px 30px rgba(20,26,31,.06)}
.ap-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-family:var(--display);font-size:19px;line-height:1.3}
.ap-faq summary::-webkit-details-marker{display:none}
.ap-faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s}
.ap-faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.ap-faq .a{padding:0 0 18px;font-size:16px;line-height:1.7;color:var(--ink-soft)}
.ap-faq .a p{margin:0 0 10px}
.ap-faq .a p:last-child{margin:0}
@media(prefers-reduced-motion:reduce){.ap-faq summary::after{transition:none}}

/* Anfrage */
.ap-anfrage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(22px,4vw,48px);align-items:start}
.ap-anfrage .formular{background:#fff;border:1px solid var(--rule);border-radius:var(--ap-r);padding:clamp(20px,3vw,32px);box-shadow:var(--ap-shadow)}
.ap-anfrage .formular .lead{font-size:17px;line-height:1.6;color:var(--ink-soft);margin:0 0 18px}
.ap-anfrage .formular .aform{margin-top:0}
.ap-visitenkarte{background:var(--dark);color:var(--on-dark);border-radius:var(--ap-r);padding:26px;position:sticky;top:96px}
.ap-visitenkarte img{width:84px;height:84px;object-fit:cover;object-position:50% 20%;border-radius:50%;border:2px solid rgba(255,255,255,.15)}
.ap-visitenkarte h3{font-size:24px;margin:14px 0 4px}
.ap-visitenkarte p{font-size:15px;line-height:1.6;color:var(--on-dark-soft);margin:0 0 16px}
.ap-visitenkarte a{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(247,246,243,.12);font-size:15px;color:var(--on-dark)}
.ap-visitenkarte a svg{color:var(--accent-on-dark)}
.ap-visitenkarte .fein{font-size:13px;color:var(--on-dark-faint);margin-top:12px}
@media(max-width:900px){.ap-anfrage{grid-template-columns:1fr}.ap-visitenkarte{position:static}}

/* Fallstudie als breite Karte */
.ap-fall{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--rule);border-radius:var(--ap-r);padding:24px;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s,border-color .15s}
.ap-fall:hover{box-shadow:var(--ap-shadow);transform:translateY(-2px);border-color:rgba(20,26,31,.3)}
.ap-fall .drei{display:flex}
.ap-fall .drei img{width:74px;height:auto;display:block;box-shadow:0 8px 20px rgba(0,0,0,.22);border-radius:2px}
.ap-fall .drei img+img{margin-left:-14px}
.ap-fall .drei img:nth-child(2){transform:translateY(-6px);position:relative;z-index:1}
.ap-fall .eyebrow{color:var(--accent)}
.ap-fall h3{font-size:24px;margin:6px 0 8px}
.ap-fall p{font-size:15.5px;line-height:1.6;color:var(--ink-soft);margin:0}
.ap-fall .mehr{display:inline-block;margin-top:10px;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
@media(max-width:640px){.ap-fall{grid-template-columns:1fr}}

/* Teaser auf den Startseiten */
.ap-teaser{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,64px);align-items:center}
.ap-fan-teaser{height:clamp(280px,30vw,400px)}
@media(max-width:860px){.ap-fan-teaser{display:none}}
.ap-mit-pille{position:relative}
.ap-pille{position:absolute;top:-11px;right:-10px;background:var(--warm);color:#1d1308;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:none;line-height:1;padding:6px 9px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.3);white-space:nowrap}
.ap-teaser .bild{position:relative;justify-self:center;max-width:320px;width:100%}
.ap-teaser .bild img{width:100%;height:auto;display:block;border-radius:var(--ap-r);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.ap-teaser .bild .stempel{position:absolute;right:-14px;top:-14px;width:108px;height:108px;border-radius:50%;background:var(--warm);color:#1d1308;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:700;line-height:1.05;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:rotate(8deg)}
.ap-teaser .bild .stempel b{font-family:var(--display);font-size:30px;font-weight:400}
.ap-teaser .bild .stempel span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}
.ap-teaser .bild figcaption{margin-top:12px;font-size:14px;color:var(--on-dark-soft);text-align:center}
@media(max-width:860px){.ap-teaser{grid-template-columns:1fr}.ap-teaser .bild{max-width:260px}}

/* Gratisbuch oben auf der Startseite, seit dem 26. Oktober 2026 mit dem Buch in 3D,
   drei Punkten zum Nutzen und den Gratistagen auf Kindle. Der Blick ins Buch ist seit dem
   5. November 2026 entfernt, die Regeln für .innen bleiben ohne Wirkung stehen */
.ap-gratis{background:var(--surface);padding:clamp(56px,8vw,112px) 0}
.ap-gratis .raster{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.ap-gratis .buch{margin:0;position:sticky;top:96px;border-radius:18px;background:radial-gradient(120% 90% at 30% 20%,#25303a 0%,var(--dark) 60%);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:6% 8%}
.ap-gratis .buch img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.ap-gratis .text{min-width:0}
.ap-gratis h2{font-size:clamp(34px,4.4vw,56px);margin:14px 0 18px;text-wrap:balance}
.ap-gratis p.lede{font-size:19px;line-height:1.6;color:var(--ink-soft);max-width:34em;margin:0}
.ap-gratis .punkte{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.ap-gratis .punkte li{position:relative;padding-left:30px;line-height:1.55;color:var(--ink)}
.ap-gratis .punkte li::before{content:"";position:absolute;left:0;top:.62em;width:16px;height:2px;background:var(--warm)}
.ap-gratis .fakten{margin:26px 0 0;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.ap-gratis .fakten span+span::before{content:"·";margin:0 .7em;color:var(--warm)}
.ap-gratis .beleg{margin:10px 0 0;font-size:14.5px;color:var(--ink-soft)}
.ap-gratis .kasten{margin-top:22px;background:var(--bg);border:1px solid var(--rule);border-radius:14px;padding:22px}
.ap-gratis .kindle{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;margin:0 0 16px}
.ap-gratis .kindle b{flex:none;display:inline-block;background:var(--accent);color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:6px;margin-top:2px}
.ap-gratis .form{max-width:none}
.ap-gratis .innen{margin-top:clamp(56px,8vw,96px);background:var(--dark);color:var(--on-dark);padding:clamp(48px,6vw,80px) 0}
.ap-gratis .innen .raster{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}
.ap-gratis .innen h3{font-size:clamp(26px,3vw,36px);margin:12px 0 14px;color:var(--on-dark)}
.ap-gratis .innen p{color:var(--on-dark-soft);max-width:30em}
.ap-gratis .innen .eyebrow{color:var(--accent-on-dark)}
.ap-gratis .seiten{display:flex;gap:18px;justify-content:center;min-width:0}
.ap-gratis .seiten picture{display:block;width:min(46%,300px)}
.ap-gratis .seiten img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 24px 48px -18px rgba(0,0,0,.7)}
.ap-gratis .seiten picture:first-child img{transform:rotate(-2deg)}
.ap-gratis .seiten picture:last-child img{transform:rotate(1.5deg) translateY(14px)}
@media(max-width:820px){.ap-gratis .raster,.ap-gratis .innen .raster{grid-template-columns:1fr}.ap-gratis .buch{position:static}.ap-gratis p.lede{font-size:17.5px}}

/* Sprungleiste unter dem Kopf */
.ap-sprung{position:sticky;top:70px;z-index:40;background:rgba(251,250,248,.88);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--rule)}
.ap-sprung .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.ap-sprung .wrap::-webkit-scrollbar{display:none}
.ap-sprung a{flex:none;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink-soft);padding:7px 13px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.ap-sprung a:hover,.ap-sprung a.on{color:var(--ink);border-color:var(--rule);background:#fff}
.ap-sprung a.cta{background:var(--accent);color:#fff;margin-left:auto}
.ap-sprung a.cta:hover{background:var(--accent-deep);color:#fff}
@media(max-width:900px){.ap-sprung{top:70px}}
[id]{scroll-margin-top:140px}