/* Compact, colored software wall. Hover decorates the existing labels. */
.software-stack{background:#0d0d0f;color:#f4f2f7;--fill-color:#bda6df;padding-top:34px;padding-bottom:34px}
.software-stack .section-label{border-color:#ffffff35}.software-stack .section-heading{margin-top:22px;margin-bottom:0;align-items:end;gap:24px}.software-stack .section-heading h2{font-size:clamp(38px,4.4vw,62px);line-height:.98}.software-stack .section-heading p{color:#b6b2bd;font-size:12px;line-height:1.5;margin:0;max-width:350px}
.stack-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:26px}.stack-group{border-top:1px solid #ffffff28;padding-top:9px;min-width:0}.stack-number{color:#aa9bbd;font-size:9px}.stack-group h3{color:#ddd5e8;font:650 12px/1.3 Arial,sans-serif;margin:7px 0 12px;min-height:32px}
.stack-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0}
.stack-group li{position:relative;min-height:80px;padding:7px 3px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;background:transparent;border:1px solid transparent;border-radius:9px;box-shadow:none;color:#f4f2f7;text-align:center;cursor:default;transition:background .2s,border-color .2s,box-shadow .2s;overflow-wrap:anywhere}
.stack-group li::before,.stack-group li::after{display:none}
.stack-group li:hover,.stack-group li:focus-within{background:#bca3e00b;border-color:#c4a4eea6;box-shadow:0 0 0 1px #bda6df16,0 0 18px #a781db32,inset 0 0 12px #a781db0d}
.stack-icon{display:grid;place-items:center;width:36px;height:36px;padding:0;flex:none;background:none;border:0;border-radius:0;box-shadow:none}
.stack-icon img{width:100%;height:100%;object-fit:contain;filter:none}
.stack-icon img[src*="pureref"]{filter:sepia(1) saturate(5) hue-rotate(140deg) brightness(.85)}
.stack-name{font-size:10px;line-height:1.3;font-weight:550;max-width:120px}
@media(max-width:1199px){.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 18px}.stack-group h3{min-height:0}.stack-group ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.software-stack{padding-top:28px;padding-bottom:28px}.software-stack .section-heading h2{font-size:44px}.software-stack .section-heading p{margin-top:14px}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;margin-top:23px}.stack-group ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.stack-group li{min-height:74px;padding:6px 2px;gap:6px}.stack-group h3{font-size:11px;min-height:29px;margin-bottom:9px}.stack-icon{width:32px;height:32px}.stack-name{font-size:10px}}
@media(prefers-reduced-motion:reduce){.stack-group li{transition:none}}
html[data-motion="off"] .stack-group li{transition:none}

#werkzeuge.section{padding-top:34px;padding-bottom:34px}#werkzeuge .section-label{margin-bottom:22px;padding-bottom:14px}
@media(max-width:720px){#werkzeuge.section{padding-top:28px;padding-bottom:28px}#werkzeuge .section-label{margin-bottom:16px;padding-bottom:12px}}