/* Test: gleichmäßiges Faktenraster für alle Projektseiten. */
html body #main.page-view[data-route-view="project-detail"] .detail-facts {
 display:flex!important; flex-wrap:wrap!important; justify-content:center!important;
}
html body #main.page-view[data-route-view="project-detail"] .detail-facts>div {
 box-sizing:border-box!important; flex:0 0 33.333333%!important; max-width:33.333333%!important;
 min-width:0!important; margin:0!important; padding:28px clamp(16px,1.8vw,32px)!important;
 border:0!important; border-left:1px solid var(--line,#cacbd1)!important;
 text-align:center!important;
}
html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(3n+1) {border-left:0!important}
html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(n+4) {border-top:1px solid var(--line,#cacbd1)!important}
html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(3n+1):nth-last-child(2),
html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(3n+2):last-child {flex-basis:50%!important;max-width:50%!important}
html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(3n+1):last-child {flex-basis:100%!important;max-width:100%!important}
html body #main.page-view[data-route-view="project-detail"] .detail-facts>div>span,
html body #main.page-view[data-route-view="project-detail"] .detail-facts>div>strong {
 display:block; max-width:100%; width:100%; text-align:center!important;
 white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; hyphens:auto; text-wrap:balance;
}
@media (max-width:1100px) {
 html body #main.page-view[data-route-view="project-detail"] .detail-facts>div,
 html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(n) {flex-basis:50%!important;max-width:50%!important;border-left:1px solid var(--line,#cacbd1)!important;border-top:0!important;padding:24px 16px!important}
 html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(odd) {border-left:0!important}
 html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(n+3) {border-top:1px solid var(--line,#cacbd1)!important}
 html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(odd):last-child {flex-basis:100%!important;max-width:100%!important}
}
@media (max-width:480px) {
 html body #main.page-view[data-route-view="project-detail"] .detail-facts>div,
 html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:nth-child(n) {flex-basis:100%!important;max-width:100%!important;border-left:0!important;border-top:1px solid var(--line,#cacbd1)!important}
 html body #main.page-view[data-route-view="project-detail"] .detail-facts>div:first-child {border-top:0!important}
}

/* four-facts-fix */

@media (min-width:1101px) {
 html body #main.page-view[data-route-view="project-detail"] .detail-facts:has(>div:nth-child(4):last-child)>div:nth-child(n) {flex-basis:50%!important;max-width:50%!important;border-left:1px solid var(--line,#cacbd1)!important;border-top:0!important}
 html body #main.page-view[data-route-view="project-detail"] .detail-facts:has(>div:nth-child(4):last-child)>div:nth-child(odd) {border-left:0!important}
 html body #main.page-view[data-route-view="project-detail"] .detail-facts:has(>div:nth-child(4):last-child)>div:nth-child(n+3) {border-top:1px solid var(--line,#cacbd1)!important}
}

/* Both sections share the same outer line endpoints. */
html body #main.page-view[data-route-view="project-detail"] .detail-facts { border-bottom:0!important; }
html body #main.page-view[data-route-view="project-detail"] .case-evidence { margin:0 8vw!important; padding:0!important; }
@media(max-width:620px) { html body #main.page-view[data-route-view="project-detail"] .case-evidence { margin-left:0!important; margin-right:0!important; } }
