/* Spezialarbeiten: Bildvorschau bei Hover/Keyboard-Fokus */
.special-card{overflow:visible;z-index:3}
.special-services{display:flex;flex-direction:column;gap:22px}
.service-hover{position:relative;display:block;width:fit-content;max-width:100%;cursor:default;outline:none}
.service-hover strong{display:inline-block;color:var(--text);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.service-hover:hover strong,.service-hover:focus strong,.service-hover:focus-visible strong{color:var(--green2);border-color:var(--green)}
.service-description{display:block;margin-top:2px;color:var(--muted)}
.service-preview{position:absolute;z-index:80;right:0;bottom:calc(100% + 12px);width:min(390px,72vw);padding:8px;background:#0b0e0c;border:1px solid rgba(149,210,99,.58);box-shadow:0 18px 55px rgba(0,0,0,.65),0 0 28px rgba(118,185,71,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.985);transform-origin:bottom right;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.service-preview img{display:block;width:100%;max-height:440px;object-fit:contain;background:#080a08}
.service-hover:hover .service-preview,.service-hover:focus .service-preview,.service-hover:focus-visible .service-preview{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
@media(max-width:900px){.special-card{overflow:hidden}.service-preview{position:relative;right:auto;bottom:auto;width:100%;margin-top:10px;display:none;opacity:1;visibility:visible;transform:none}.service-hover:focus .service-preview,.service-hover:focus-visible .service-preview{display:block}}