/* Projektporträts und redaktionell pflegbare Referenzkarten auf Seite 4. */
#p4 .mw-portfolio-page{padding-bottom:0}
#p4 .mw-portfolio-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;margin:0 0 42px}
#p4 .mw-portfolio-heading h1{margin-bottom:0}
#p4 .mw-portfolio-heading .mw-portfolio-intro{font-size:20px;line-height:1.6;margin:0;color:#526878}
#p4 .mw-portfolio-jump{display:flex;flex-wrap:wrap;gap:24px;margin:0 0 48px}
#p4 .mw-featured-heading{font-size:25px!important;margin:0 0 22px}
#p4 .mw-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#p4 .mw-featured-card{background:#fff;border:1px solid #d1dde7;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s}
#p4 .mw-featured-card:hover,#p4 .mw-featured-card:focus-within{border-color:#45a1e8;box-shadow:0 12px 30px #17394f0c}
#p4 .mw-featured-logo{height:180px;display:grid;place-items:center;padding:35px;background:#fff;border-bottom:1px solid #e4edf3}
#p4 .mw-featured-logo img{display:block;width:100%;height:100%;max-height:110px;object-fit:contain;transition:transform .25s}
#p4 .mw-featured-card:is(:hover,:focus-within) .mw-featured-logo img{transform:scale(1.04)}
#p4 .mw-featured-body{display:flex;flex-direction:column;flex:1;padding:28px;background:#eef5fa}
#p4 .mw-featured-body h3{font-size:26px;line-height:1.2;margin:0 0 18px}
#p4 .mw-featured-body p{font-size:17px;line-height:1.6;color:#4d6372}
#p4 .mw-featured-body .mw-eyebrow{font-size:11px;line-height:1.4;margin:0 0 14px}
#p4 .mw-featured-body .mw-quiet{margin-top:auto;align-self:flex-start}
#p4 #c130.mw-reference-collection{display:block;width:100%;max-width:none;margin:0;padding:68px 0 55px}
#p4 .mw-reference-section-heading{margin:0 0 30px}
#p4 .mw-reference-section-heading h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;margin:0 0 18px}
#p4 .mw-reference-section-heading h2 span{color:#2875a3}
#p4 .mw-reference-section-heading>p:last-child{font-size:18px;color:#526878}
#p4 .mw-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#p4 .mw-reference-card{min-width:0;background:#fff;border:1px solid #d1dde7;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:125px;transition:border-color .2s,box-shadow .2s}
#p4 .mw-reference-card:is(:hover,:focus-within,:target){border-color:#45a1e8;box-shadow:0 8px 24px #17394f0c}
#p4 .mw-reference-logo{height:135px;display:grid;place-items:center;padding:25px;border-bottom:1px solid #e7eef3}
#p4 .mw-reference-logo img{position:static;display:block;width:auto;max-width:100%;height:auto;max-height:85px;object-fit:contain;opacity:.8;transition:transform .25s,opacity .25s}
#p4 .mw-reference-card:is(:hover,:focus-within,:target) img{transform:scale(1.05);opacity:1}
#p4 .mw-reference-copy{display:flex;flex-direction:column;flex:1;padding:23px 21px}
#p4 .mw-reference-copy h3{font-size:21px;line-height:1.25;overflow-wrap:anywhere;margin:0 0 15px}
#p4 .mw-reference-description p{font-size:16px;line-height:1.55;color:#526878;margin:0 0 18px}
#p4 .mw-reference-description .mw-reference-services{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.03em;color:#2875a3}
#p4 .mw-reference-link{font-size:13px;font-weight:700;line-height:1.5;text-decoration:none;color:#16394e;display:block;margin-top:auto;padding-top:4px}
#p4 .mw-reference-link i{color:#378cc5;margin-right:5px}
#p4 .mw-reference-link:hover{text-decoration:underline}
#p4 .mw-reference-additional-heading{margin-top:64px}
#p4 .mw-reference-additional-heading h2{font-size:28px}
#p4 .mw-reference-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#p4 .mw-reference-logo-wrap{min-width:0;scroll-margin-top:125px}
#p4 .mw-reference-logo-wrap>.mw-reference-logo-only{height:100%}
#p4 .mw-reference-logo-only{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0;padding:24px;background:white;border:1px solid #d1dde7;border-radius:12px;color:#2c495b;text-decoration:none;text-align:center;font-size:14px;line-height:1.4}
#p4 .mw-reference-logo-only img{display:block;max-width:100%;height:90px;object-fit:contain;opacity:.7;transition:transform .25s,opacity .25s}
#p4 .mw-reference-logo-only:is(:hover,:focus-visible){border-color:#45a1e8}
#p4 .mw-reference-logo-only:is(:hover,:focus-visible) img{opacity:1;transform:scale(1.05)}
#p4 .mw-reference-collection a:focus-visible,#p4 .mw-portfolio-page a:focus-visible{outline:3px solid #2378b9;outline-offset:5px}
#p4 #ausgewaehlte-projekte,#p4 #mw-more-projects,#p4 #pflegeverbund{scroll-margin-top:125px}
@media(max-width:1100px){#p4 .mw-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){#p4 .mw-portfolio-heading{grid-template-columns:1fr;gap:24px}#p4 .mw-featured-grid{grid-template-columns:1fr}#p4 .mw-featured-card{display:grid;grid-template-columns:1fr 1.7fr}#p4 .mw-featured-logo{height:auto;min-height:190px;border-bottom:0}#p4 .mw-reference-grid,#p4 .mw-reference-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){#p4 .mw-portfolio-heading .mw-portfolio-intro{font-size:18px}#p4 .mw-featured-card{display:flex}#p4 .mw-featured-logo{height:160px;min-height:0}#p4 .mw-featured-body{padding:24px}#p4 .mw-featured-body h3{font-size:25px}#p4 .mw-reference-grid{grid-template-columns:1fr}#p4 .mw-reference-logo-grid{gap:12px}#p4 .mw-reference-logo-only{padding:17px 12px;font-size:12px}#p4 .mw-reference-logo-only img{height:65px}#p4 .mw-reference-logo{height:130px}#p4 #c130.mw-reference-collection{padding-top:48px}}
@media(hover:none){#p4 .mw-reference-logo img,#p4 .mw-reference-logo-only img{opacity:1}}
@media(prefers-reduced-motion:reduce){#p4 .mw-featured-card,#p4 .mw-featured-logo img,#p4 .mw-reference-card,#p4 .mw-reference-logo img,#p4 .mw-reference-logo-only img{transition:none}#p4 .mw-featured-card:hover img,#p4 .mw-reference-card:hover img,#p4 .mw-reference-logo-only:hover img{transform:none}}