.gen-teaser{padding:24px 0 44px;background:#fafbfc}
.ws .gen-teaser+.hd-case{padding-top:72px}
.ws .product-image-first>.w.hd-intro{margin-bottom:48px}
.ws .product-image-first>.w.hd-intro .hd-intro-lead{margin-top:12px;margin-bottom:0}
.ws .product-image-first>.w:has(+.app-shot-wrap){margin-bottom:40px}
.hx-mobile-charts{display:none}
.ws .hx-figure .hx-detail-actions{display:flex;gap:12px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #cbd5dd;margin-top:20px}
.ws .hx-detail-actions button{min-height:44px;padding:10px 14px;border:1px solid #163cad;background:#fff;color:#163cad;font:600 14px WerkInter,Arial,sans-serif}
.hx-viewer{border:1px solid #cbd5dd;background:#fafbfc;padding:20px;width:min(1200px,calc(100vw - 24px));height:calc(100dvh - 24px);max-width:none;max-height:none;color:#12222c;overflow:hidden}
.hx-viewer[open]{display:flex;flex-direction:column;gap:14px}.hx-viewer::backdrop{background:#12222cbb}.hx-viewer-head,.hx-viewer-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}.hx-viewer h2{font:500 20px/1.2 WerkInter,Arial,sans-serif!important;margin:0}.hx-viewer-tools{justify-content:flex-start}.hx-viewer button{background:#fff;color:#163cad;border:1px solid #cbd5dd;min-height:44px;min-width:44px;padding:10px 14px;font:600 14px WerkInter,Arial,sans-serif;cursor:pointer}.hx-viewer p{font:14px/1.5 WerkInter,Arial,sans-serif;margin:0;flex-shrink:0}.hx-viewer-stage{flex:1;min-height:100px;overflow:auto;background:white;border:1px solid #cbd5dd;overscroll-behavior:contain;touch-action:pan-x pan-y}.hx-viewer-stage>svg{display:block;max-width:none;height:auto}.hx-viewer :focus-visible{outline:3px solid #163cad;outline-offset:-3px}
@media(max-width:700px){.gen-teaser{padding:20px 0 28px}.ws .gen-teaser+.hd-case{padding-top:52px}.ws .product-image-first>.w.hd-intro{margin-bottom:32px}.ws .product-image-first>.w:has(+.app-shot-wrap){margin-bottom:28px}}
@media(max-width:650px){.ws .hx-figure{overflow:visible;width:100%;max-width:100%}.ws .hx-figure::before{display:none}.ws #hx-schema{min-width:0;width:100%}.ws .hx-figure #hx-chart{display:none}.hx-mobile-charts{display:grid;gap:24px;margin-top:24px}.ws .hx-mobile-panel{margin:0;padding:0;background:#fff;border:0}.ws .hx-mobile-panel figcaption{font:600 15px/1.4 WerkInter,Arial,sans-serif;color:#12222c;margin:0 0 10px}.ws .hx-mobile-panel svg{display:block;min-width:0;width:100%;height:auto}.ws .hx-mobile-panel svg text{font:15px WerkInter,Arial,sans-serif;fill:#526473}.ws .hx-mobile-panel p{font-size:14px;color:#526473}.ws .hx-play-row{position:static}.hx-viewer{padding:14px;gap:10px}.hx-viewer h2{font-size:18px!important}}
.ws .diagram-open{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;margin:12px 0 20px;border:1px solid #163cad;background:#fff;color:#163cad;font:600 14px/1.4 WerkInter,Arial,sans-serif;cursor:pointer}
@media(max-width:700px){.ws .hd-schema-box svg,.ws .hd-chart-box svg{min-width:0!important;width:100%;height:auto}.ws .hd-schema-box,.ws .hd-chart-box{overflow:visible}}
@media print{.diagram-open,.hx-viewer{display:none!important}}

 
body[data-layout-page="beispiele"] figure.app-capture + p.energy-workspace-link { margin-top:20px; }
@media(max-width:700px){
 .hd-schema-box::after,.hd-chart-box::after{content:none!important;display:none!important}
 body[data-layout-page="agb"] h1 {font-size:clamp(25px,6.8vw,34px)!important;hyphens:auto;overflow-wrap:normal!important}
}

@media(max-width:820px){.ws .hd-app .hd-actions{flex-wrap:wrap;max-width:100%}}