:root {--ink:#263c31;--green:#285c4d;--muted:#52685a;--line:#d9e3d6;--paper:#f7f8f5;}
* {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body.detail-page {margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif;}
.detail-page a {color:var(--green);text-underline-offset:4px;}
.detail-page a:hover {text-decoration-thickness:2px;}
.detail-page :is(h1,h2,h3,p,li,dt,dd) {hyphens:none;word-break:normal;}
.detail-page :is(h1,h2,h3) {color:var(--green);line-height:1.2;letter-spacing:-.035em;}
.detail-main {width:min(1240px,100%);margin:0 auto;padding:0 36px 70px;}
.detail-crumb {display:flex;flex-wrap:wrap;align-items:center;gap:11px;font-size:12px;color:#6a7b6b;padding:26px 0 0;}
.detail-crumb a {text-decoration:none;}
.detail-hero {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:60px;align-items:center;padding:55px 0 48px;}
.detail-kicker {font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#4c6e57;margin:0 0 18px;}
.detail-hero h1 {font-size:clamp(35px,4.7vw,58px);font-weight:750;line-height:1.08;margin:0 0 25px;text-wrap:balance;}
.detail-lead {font-size:19px;line-height:1.7;color:#52685a;max-width:690px;margin:0 0 28px;}
.detail-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.detail-button {display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--green);border:1px solid var(--green);color:#fff!important;border-radius:11px;padding:11px 19px;font-weight:750;text-decoration:none!important;font-size:14px;line-height:1.5;}
.detail-button.secondary {background:transparent;color:var(--green)!important;border-color:#c8d8c7;}
.detail-button:hover {background:#1b493b;}
.detail-button.secondary:hover {background:#e7efe3;}
.detail-page a:focus-visible,.detail-page summary:focus-visible {outline:3px solid #285c4d;outline-offset:4px;border-radius:5px;}
.detail-author {font-size:12px;color:#65776a;margin:22px 0 0;}
.detail-fact-panel {padding:28px;border:1px solid #cfdccd;border-radius:19px;background:#eaf0e5;}
.detail-fact-panel h2 {font-size:20px;margin:0 0 19px;}
.detail-facts {margin:0;font-size:15px;line-height:1.65;}
.detail-facts > div + div {border-top:1px solid #d2dfce;margin-top:12px;padding-top:12px;}
.detail-facts dt {font-size:12px;font-weight:750;color:#4d6e56;}
.detail-facts dd {margin:3px 0 0;font-weight:550;color:#2b4d3a;}
.detail-section-links {display:flex;flex-wrap:wrap;gap:9px 25px;padding:19px 0 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px;}
.detail-section-links a {font-size:13px;font-weight:700;text-decoration:none;}
.detail-sections {max-width:950px;margin:0 auto;}
.detail-sections > section {padding:45px 0;border-bottom:1px solid var(--line);}
.detail-sections h2 {font-size:clamp(27px,3vw,36px);margin:0 0 22px;max-width:800px;}
.detail-sections h3 {font-size:20px;margin:24px 0 10px;}
.detail-sections p {margin:0 0 18px;max-width:82ch;}
.detail-sections p:last-child {margin-bottom:0;}
.detail-steps {counter-reset:step;list-style:none;margin:24px 0 0;padding:0;}
.detail-steps li {counter-increment:step;position:relative;padding:0 0 24px 63px;}
.detail-steps li:last-child {padding-bottom:0;}
.detail-steps li::before {content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;font-size:23px;font-weight:600;color:#648468;line-height:1.3;}
.detail-steps h3 {margin:0 0 9px;}
.detail-steps p {font-size:16px;line-height:1.75;}
.detail-checks {list-style:none;padding:0;margin:24px 0;display:grid;gap:14px;}
.detail-checks li {padding-left:30px;position:relative;}
.detail-checks li::before {content:"✓";position:absolute;left:0;color:#477651;font-weight:800;}
.detail-example,.detail-faq {border:1px solid #d5e1cf;background:#fff;border-radius:14px;margin:18px 0;}
.detail-example {margin:30px 0;}
.detail-page summary {position:relative;padding:21px 58px 21px 23px;cursor:pointer;color:#285c4d;font-weight:700;line-height:1.5;list-style:none;}
.detail-page summary::-webkit-details-marker {display:none;}
.detail-page summary::after {content:"+";position:absolute;right:22px;top:17px;font:400 27px/1.4 system-ui;}
.detail-page details[open] > summary::after {content:"−";}
.detail-example > div,.detail-faq > p {padding:0 23px 24px;margin:0;}
.detail-example .detail-facts {padding-top:14px;}
.detail-small {font-size:13px!important;line-height:1.7;color:#5b705f;}
.detail-reading {list-style:none;margin:25px 0 0;padding:0;border-top:1px solid var(--line);}
.detail-reading li {border-bottom:1px solid var(--line);}
.detail-reading a {display:block;padding:14px 0;font-weight:650;font-size:15px;text-decoration:none;}
.detail-reading a:hover {text-decoration:underline;}
.detail-inline-link {font-weight:750;}
.detail-contact {margin-top:32px;border:1px solid #cddcc8!important;border-radius:18px;background:#eaf1e5;padding:30px!important;display:flex;gap:35px;align-items:center;justify-content:space-between;}
.detail-contact h2 {font-size:29px;margin-bottom:16px;}
.detail-contact > div {max-width:660px;}
.detail-contact .detail-kicker {margin-bottom:12px;}
.detail-contact > a {flex:none;}
.detail-source {font-size:13px;line-height:1.7;color:#5e735f;}
.research-table-wrap {margin:25px 0 16px;border:1px solid #d2dfcb;border-radius:13px;overflow:hidden;}
.research-table {border-collapse:collapse;width:100%;font-size:15px;background:#fff;}
.research-table caption {text-align:left;background:#edf3e7;padding:16px;font-size:14px;color:#365e43;font-weight:700;caption-side:top;}
.research-table th,.research-table td {padding:15px 16px;text-align:left;border-top:1px solid #dce6d7;vertical-align:top;}
.research-table thead th {font-size:12px;background:#f6f9f2;color:#4c6d53;}
.research-table tbody th {font-weight:650;width:55%;}
.research-table td {font-variant-numeric:tabular-nums;font-weight:650;color:#285c4d;}
.research-implications {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:29px;}
.research-implications article {border-top:3px solid #9ab899;padding-top:17px;}
.research-implications h3 {font-size:20px;margin:0 0 15px;}
.research-implications p {font-size:15px;line-height:1.7;}
.research-implications a {font-size:14px;font-weight:700;}
.detail-footer {border-top:1px solid var(--line);padding:25px max(24px,calc((100% - 1168px)/2));font-size:12px;color:#627867;display:flex;gap:20px 40px;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.detail-footer p {margin:0;}
.detail-footer nav {display:flex;flex-wrap:wrap;gap:10px 23px;}
.detail-footer a {color:#4d6d56;text-decoration:none;}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr;gap:30px}.detail-fact-panel{max-width:700px}.detail-contact{flex-direction:column;align-items:flex-start}.research-implications{grid-template-columns:1fr;gap:25px}}
@media(max-width:600px){.detail-main{padding:0 20px 45px}.detail-hero{padding:35px 0 32px}.detail-hero h1{font-size:clamp(31px,9vw,44px)}.detail-lead{font-size:17px}.detail-fact-panel{padding:23px}.detail-sections > section{padding:32px 0}.detail-section-links{gap:9px 19px}.detail-steps li{padding-left:45px}.detail-contact{padding:23px!important}.detail-contact h2{font-size:26px}.research-table{font-size:13px;line-height:1.5}.research-table th,.research-table td{padding:12px 8px}.research-table thead th{font-size:11px}.research-table tbody th{width:48%}.detail-footer{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.detail-sections p.own-article-label {font-size:12px;font-weight:750;color:#4d6d56;margin:24px 0 -10px;}

/* Helle Angebotsseiten; Texte und Leistungsangaben bleiben erhalten. */
body.offer-detail-page {background:#fffefb;}
.offer-detail-page .detail-hero {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:52px;padding:45px 0 38px;}
.offer-detail-page .detail-hero-photo {margin:0;aspect-ratio:3/2;border-radius:22px;overflow:hidden;background:#eff4e9;box-shadow:0 14px 35px #304c2d0c;}
.offer-detail-page .detail-hero-photo img {display:block;width:100%;height:100%;object-fit:cover;}
.offer-detail-page .detail-kicker {color:#a26836;}
.offer-detail-page .detail-fact-panel {max-width:none;margin:0 0 27px;padding:23px 26px;border:1px solid #e0e7d7;background:#f8fbf4;border-radius:17px;}
.offer-detail-page .detail-fact-panel h2 {font-size:18px;margin:0 0 17px;}
.offer-detail-page .detail-fact-panel .detail-facts {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;}
.offer-detail-page .detail-fact-panel .detail-facts > div + div {margin:0;padding:0;border-top:0;}
.offer-detail-page .detail-fact-panel .detail-facts dd {font-size:14px;font-weight:550;}
.offer-detail-page .detail-steps li::before {color:#af8250;}
.offer-detail-page .detail-contact {background:#f0f7e9;border-color:#d6e7cb!important;}
.offer-detail-page .detail-section-links {background:#fffefb;}
.offer-detail-page .detail-footer {background:#f6f9f1;}
.offer-detail-page .detail-image-credit {width:100%;font-size:11px;color:#71816e;margin:0;}
@media(max-width:1000px){.offer-detail-page .detail-fact-panel .detail-facts {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:900px){.offer-detail-page .detail-hero {grid-template-columns:minmax(0,1fr);gap:28px;}.offer-detail-page .detail-hero-photo {max-width:740px;}}
@media(max-width:600px){
 .offer-detail-page .detail-hero {padding:32px 0;}
 .offer-detail-page .detail-hero-photo {border-radius:16px;}
 .offer-detail-page .detail-fact-panel {padding:23px;}
 .offer-detail-page .detail-fact-panel .detail-facts {grid-template-columns:minmax(0,1fr);gap:16px;}
}