/* Automatisch erzeugt am 2026-08-07 aus lektorat-kosten.html, Quelle: der vierte style-Block. */
/* Regeln: Phase A des Auftrags "Die Gestaltungsbausteine wirksam machen". */
/* Container-Klasse ersetzt, CSS-Variablen durch Literalwert ersetzt, sonst unveraendert. */
main.bausteine .answer{margin:30px 0;padding:25px 28px;border-left:4px solid #c9a961;background:rgba(201,169,97,.09);border-radius:8px}
main.bausteine .note{margin:30px 0;padding:25px 28px;border-left:4px solid #c9a961;background:rgba(201,169,97,.09);border-radius:8px}
main.bausteine .proof{margin:30px 0;padding:25px 28px;border-left:4px solid #c9a961;background:rgba(201,169,97,.09);border-radius:8px}
main.bausteine .proof{border-left-color:#6d2f38;background:rgba(109,47,56,.06)}
main.bausteine .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}
main.bausteine .card{padding:23px;border:1px solid rgba(43,40,37,.13);border-radius:14px;background:rgba(255,255,255,.5)}
main.bausteine .card small{font-weight:800;color:#6d2f38;text-transform:uppercase;letter-spacing:.08em}
main.bausteine .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}
main.bausteine .stat{padding:20px;border-radius:12px;background:#2b2825;color:white}
main.bausteine .stat strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:34px;color:#ead9a9}
main.bausteine .table-wrap{overflow:auto;margin:25px 0}
main.bausteine table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.55)}
main.bausteine th{text-align:left;padding:14px;border:1px solid rgba(43,40,37,.13);vertical-align:top}
main.bausteine td{text-align:left;padding:14px;border:1px solid rgba(43,40,37,.13);vertical-align:top}
main.bausteine th{background:rgba(201,169,97,.13)}
main.bausteine .steps{counter-reset:step}
main.bausteine .step{display:grid;grid-template-columns:48px 1fr;gap:14px;margin:20px 0}
main.bausteine .step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#6d2f38;color:white;font-weight:800}
main.bausteine .cta-band{margin-top:45px;background:#2b2825;color:white;padding:55px 0}
main.bausteine .cta-band a{background:#c9a961;color:#2b2825}
main.bausteine .related{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
main.bausteine .related a{display:block;border:1px solid rgba(43,40,37,.13);padding:16px;border-radius:10px;text-decoration:none}
main.bausteine .quote{font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.35;padding:20px 0}
main.bausteine .two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
main.bausteine .intent-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
main.bausteine .intent-pill{padding:18px;border:1px solid rgba(43,40,37,.13);border-radius:14px;background:rgba(255,255,255,.65)}
main.bausteine .intent-pill strong{display:block;color:#6d2f38;margin-bottom:4px}
main.bausteine .feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}
main.bausteine .feature{padding:22px;border:1px solid rgba(43,40,37,.13);border-radius:16px;background:rgba(255,255,255,.62)}
main.bausteine .proof-note{padding:20px;border-left:4px solid #c9a961;background:rgba(201,169,97,.1);border-radius:0 12px 12px 0;margin:24px 0}
main.bausteine .decision{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
main.bausteine .decision article{padding:20px;border-radius:14px;border:1px solid rgba(43,40,37,.13);background:rgba(255,255,255,.55)}
main.bausteine .comparison-table td:first-child{font-weight:750}
main.bausteine .comparison-table th:first-child{font-weight:750}
main.bausteine .micro-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:25px 0}
main.bausteine .research-band{padding:clamp(26px,5vw,48px);border-radius:24px;background:linear-gradient(145deg,#fffaf3,#f0e4d7);border:1px solid rgba(109,47,56,.13);box-shadow:0 22px 60px rgba(70,29,38,.08);margin:32px 0}
main.bausteine .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
main.bausteine .metric{padding:20px;border:1px solid rgba(109,47,56,.15);border-radius:15px;background:rgba(255,255,255,.7)}
main.bausteine .metric strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:34px;color:#6d2f38}
main.bausteine .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
main.bausteine .audience-grid a{display:block;text-decoration:none;color:#2b2825;padding:22px;border:1px solid rgba(43,40,37,.13);border-radius:16px;background:rgba(255,255,255,.62);transition:transform .25s ease,box-shadow .25s ease}
main.bausteine .audience-grid a:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(70,29,38,.1)}
main.bausteine .audience-grid span{display:block;color:#6d2f38;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
main.bausteine .answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
main.bausteine .answer-card{padding:22px;border:1px solid rgba(43,40,37,.13);border-radius:16px;background:rgba(255,255,255,.58)}
@media(max-width:760px){
main.bausteine .grid{grid-template-columns:1fr}
main.bausteine .stats{grid-template-columns:1fr}
main.bausteine .related{grid-template-columns:1fr}
main.bausteine .two{grid-template-columns:1fr}
main.bausteine .intent-strip{grid-template-columns:1fr}
main.bausteine .feature-list{grid-template-columns:1fr}
main.bausteine .decision{grid-template-columns:1fr}
main.bausteine .metric-grid{grid-template-columns:1fr}
main.bausteine .audience-grid{grid-template-columns:1fr}
main.bausteine .answer-grid{grid-template-columns:1fr}
}
main.bausteine .crumbs{padding:18px 0;font-size:14px;color:#6b655f}
main.bausteine .crumbs a{color:#6d2f38}
main.bausteine .paket-inhalt{background:transparent}
main.bausteine .paket-inhalt{font-family:inherit;color:inherit;line-height:inherit}
main.bausteine .paket-inhalt{--gold: #9b793e;--ink: #251f1a;--paper: #fffdf8;--wine: #6d2f38;--line: rgba(86, 68, 48, 0.18);--serif: Georgia, "Times New Roman", Times, serif;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
main.bausteine .cta-band p a{background:none;color:#6d2f38;text-decoration-thickness:1px;text-underline-offset:4px}
