/* Ausschließlich der neue Leistungsbereich; Hero und globale Gestaltung unverändert. */
.service-catalog{background:#e6e9e5;scroll-margin-top:24px}
.catalog-anchor{display:block;scroll-margin-top:30px}
.catalog-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,3fr);gap:clamp(30px,3.5vw,70px);align-items:start}
.catalog-navigation{position:sticky;top:28px;display:flex;flex-direction:column;border-top:1px solid #b9c6c9}
.catalog-toggle{font:inherit;color:var(--graphite);background:none;border:0;border-bottom:1px solid #b9c6c9;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:12px;text-align:left;padding:18px 12px;min-height:62px;cursor:pointer;transition:color .2s,background .2s}
.catalog-toggle .service-icon{width:25px;height:25px;color:var(--blue);flex:none}
.catalog-toggle{text-decoration:none}
.catalog-toggle-label{font-size:clamp(17px,1.25vw,21px);font-weight:600;line-height:1.3;overflow-wrap:anywhere;hyphens:auto}
.catalog-toggle-sign{font-size:24px;color:var(--blue);font-weight:400;line-height:1}
.catalog-toggle:hover{background:#f2f3ee99}
.catalog-toggle[aria-expanded=true]{background:var(--paper);color:var(--blue);box-shadow:inset 3px 0 var(--blue)}
.catalog-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px;position:relative;z-index:1}
.catalog-content{min-width:0;min-height:180px}
.catalog-panel{scroll-margin-top:28px;min-width:0}
.catalog-panel[hidden]{display:none!important}
.catalog-panel-heading{border-top:1px solid #b9c6c9;padding-top:24px;margin-bottom:36px;outline-offset:8px}
.catalog-panel-heading:focus{outline:none}
.catalog-panel-heading h3{font-size:clamp(26px,2.3vw,38px);margin:0 0 14px;overflow-wrap:anywhere;hyphens:auto}
.catalog-panel-heading p{color:var(--muted);max-width:70ch;font-size:17px;line-height:1.65}
.catalog-section{margin-bottom:46px}
.catalog-section h4{font-size:20px;line-height:1.45;color:var(--blue);margin:0 0 22px;overflow-wrap:anywhere}
.catalog-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}
.catalog-item{min-width:0;margin:0}
.catalog-item figure{margin:0}
.catalog-item img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--paper)}
.catalog-item figcaption{padding-top:15px;font-size:17px;line-height:1.5;font-weight:500;overflow-wrap:anywhere;hyphens:auto;color:var(--graphite)}
.catalog-empty{color:var(--muted);font-size:18px;border-top:1px solid #b9c6c9;padding-top:26px}
.catalog-empty[hidden]{display:none}
.catalog-reveal{animation:catalog-reveal .45s ease both;animation-delay:var(--reveal-delay,0ms)}
@keyframes catalog-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1199px){.catalog-layout{grid-template-columns:minmax(215px,.8fr) minmax(0,2fr);gap:28px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toggle{padding:15px 10px;gap:10px}}
@media(max-width:800px){.catalog-layout{grid-template-columns:1fr;gap:30px}.catalog-navigation{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.catalog-toggle{min-height:66px}.catalog-panel{scroll-margin-top:20px}.catalog-panel-heading{margin-bottom:28px}.catalog-panel-heading p{font-size:16px}}
@media(max-width:540px){.catalog-grid,.catalog-navigation{grid-template-columns:1fr}.catalog-toggle{min-height:58px}.catalog-item figcaption{font-size:17px}.catalog-grid{gap:30px}.catalog-section{margin-bottom:36px}}
@media(min-width:801px) and (max-height:720px){.catalog-navigation{top:12px;max-height:calc(100svh - 24px);overflow-y:auto;overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){.catalog-reveal{animation:none}.catalog-toggle{transition:none}}
@media print{.catalog-layout{display:block}.catalog-navigation{display:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-item{break-inside:avoid}.catalog-reveal{animation:none}}
