.sd-overview{position:relative;isolation:isolate;overflow:hidden;background:#cbd0ce;color:#193b33;padding:70px 0 60px;min-height:620px}.sd-overview::before{content:"";position:absolute;inset:10px 0;background:url('/assets/systemdesign-pillars-v168.png') center/auto 100% no-repeat;mix-blend-mode:multiply;opacity:.065;z-index:-1;pointer-events:none}.sd-overview-intro{text-align:left;padding:0 0 50px}.sd-overview-eyebrow,.sd-overview-number{font-size:11px;font-weight:700;letter-spacing:.16em;color:#325249}.sd-overview h1{font-size:clamp(32px,3.7vw,52px);line-height:1.12;max-width:840px;margin:20px 0;color:#152e28}.sd-overview-intro>p:last-child{max-width:730px;font-size:18px;line-height:1.6;color:#43534e}.sd-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.sd-overview-card{display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:0;border-left:1px solid rgba(36,63,54,.22);border-radius:0;box-shadow:none;padding:18px 22px 12px;min-width:0;color:#193b33}.sd-overview-card:first-child{border-left:0;padding-left:0}.sd-overview-card h2{font-size:clamp(21px,1.9vw,27px);line-height:1.15;margin:22px 0 14px;letter-spacing:-.035em;color:#152e28}.sd-overview-card p{font-size:16px;line-height:1.65;color:#43534e;margin:0 0 30px}.sd-overview-more{display:block;margin-top:auto;padding-top:14px;font-size:12px;color:#75512e;position:relative}.sd-overview-more:before{content:"";position:absolute;top:0;left:0;width:30px;height:1px;background:#98764f;transition:width .2s}.sd-overview-card:hover .sd-overview-more:before{width:100%}.sd-overview-card:focus-visible{outline:2px solid #75512e;outline-offset:5px}.sd-overview-context{margin-top:48px;padding-top:22px;border-top:1px solid rgba(36,63,54,.18)}.sd-overview-context a{font-size:14px;color:#325249}@media(max-width:1000px){.sd-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.sd-overview-card:nth-child(3){border-left:0;padding-left:0}}@media(max-width:600px){.sd-overview{padding:44px 0}.sd-overview-intro{padding-bottom:24px}.sd-overview-grid{grid-template-columns:1fr;gap:0}.sd-overview-card,.sd-overview-card:first-child,.sd-overview-card:nth-child(3){border-left:0;border-top:1px solid rgba(36,63,54,.22);padding:24px 0}.sd-overview-card h2{margin:12px 0;font-size:26px}.sd-overview-card p{margin-bottom:20px}.sd-overview-context{margin-top:18px}.sd-overview::before{background-size:auto 650px;background-position:center 170px;opacity:.035}}
.sd-overview{background:#c0c0c0}
@media(min-width:1100px){.systemdesign-overview-page{min-height:100dvh;display:flex;flex-direction:column}.systemdesign-overview-page .sd-overview{flex:1;min-height:0;padding:30px 0 24px}.sd-overview-intro{padding-bottom:24px}.sd-overview h1{font-size:38px;max-width:none;margin:12px 0}.sd-overview-intro>p:last-child{font-size:16px;max-width:none}.sd-overview-card{padding-top:10px;padding-bottom:4px}.sd-overview-card h2{margin:14px 0 12px;font-size:25px}.sd-overview-card p{font-size:15px;margin-bottom:20px}.sd-overview-context{margin-top:26px;padding-top:16px}.systemdesign-overview-page .site-footer{padding-top:22px!important;padding-bottom:12px!important}.systemdesign-overview-page .footer-grid{gap:24px!important;padding-top:0!important;padding-bottom:12px!important}.systemdesign-overview-page .footer-grid p{margin:8px 0!important;font-size:13px!important;line-height:1.5!important;max-width:340px}.systemdesign-overview-page .footer-grid a{font-size:13px!important;margin:6px 0!important}.systemdesign-overview-page .footer-bottom{margin-top:10px!important;padding-top:12px!important;padding-bottom:0!important;min-height:56px!important}.systemdesign-overview-page .footer-bottom-logo{height:48px!important;width:48px!important}}
@media(min-width:1100px) and (max-height:820px){.systemdesign-overview-page .sd-overview{padding:16px 0}.sd-overview-intro{padding-bottom:12px}.sd-overview h1{font-size:32px;margin:8px 0}.sd-overview-card h2{margin:10px 0;font-size:23px}.sd-overview-card p{line-height:1.5;margin-bottom:12px}.sd-overview-context{margin-top:16px;padding-top:12px}.systemdesign-overview-page .site-footer{padding-top:14px!important;padding-bottom:8px!important}.systemdesign-overview-page .footer-grid>div{gap:4px!important}.systemdesign-overview-page .footer-grid a{margin:2px 0!important}.systemdesign-overview-page .footer-bottom{margin-top:4px!important;padding-top:8px!important}.systemdesign-overview-page .footer-grid p{line-height:1.35!important}}
/* v169 · Inhalt innerhalb des gemeinsamen Rahmens */
@media(min-width:1100px){.systemdesign-overview-page .site-footer{padding:50px 0!important}.systemdesign-overview-page .footer-grid{gap:48px!important;padding:0!important}.systemdesign-overview-page .footer-grid p{margin:14px 0 0!important;font-size:inherit!important;line-height:1.65!important}.systemdesign-overview-page .footer-grid a{font-size:inherit!important;margin:10px 0!important}.systemdesign-overview-page .footer-bottom{margin-top:28px!important;padding:20px 0 0!important;min-height:109px!important}.systemdesign-overview-page .footer-bottom-logo{height:88px!important;width:88px!important}.systemdesign-overview-page .sd-overview{padding:18px 0 14px}.sd-overview-intro{padding-bottom:14px}.sd-overview h1{font-size:34px;margin:8px 0}.sd-overview-card{padding-top:6px}.sd-overview-card h2{font-size:23px;margin:8px 0}.sd-overview-card p{font-size:14px;line-height:1.45;margin-bottom:10px}.sd-overview-more{padding-top:10px}.sd-overview-context{margin-top:12px;padding-top:10px}}
@media(min-width:1100px) and (max-height:820px){.systemdesign-overview-page .site-footer{padding:22px 0 12px!important}.systemdesign-overview-page .footer-grid{gap:24px!important;padding:0 0 12px!important}.systemdesign-overview-page .footer-grid p{margin:8px 0!important;font-size:13px!important;line-height:1.45!important}.systemdesign-overview-page .footer-grid a{font-size:13px!important;margin:5px 0!important}.systemdesign-overview-page .footer-bottom{margin-top:10px!important;padding:12px 0 0!important;min-height:61px!important}.systemdesign-overview-page .footer-bottom-logo{height:48px!important;width:48px!important}.systemdesign-overview-page .sd-overview{padding:12px 0 8px}.sd-overview-intro{padding-bottom:8px}.sd-overview h1{font-size:30px;margin:5px 0}.sd-overview-card p{line-height:1.4}.sd-overview-context{margin-top:8px;padding-top:7px}}
@media(min-width:1100px) and (min-height:821px){.systemdesign-overview-page .sd-overview{padding-top:14px;padding-bottom:10px}}