/* Die vorhandene Übersicht bleibt die Vorderseite; Details stehen im HTML. */
.service-front .service-copy{display:flex;flex-direction:column;gap:12px}
.service-front .service-copy > p:last-child{margin:0;max-width:36ch;font-size:16px;color:var(--text-2)}
.service-back{margin-top:24px;padding-top:24px;border-top:1px solid var(--line-2)}
.service-back h4{margin:0 0 10px;font-size:19px;line-height:1.25;letter-spacing:-.02em}
.service-back p{margin:0;color:var(--text-2);font-size:14px;line-height:1.5}
.service-examples{list-style:none;display:grid;gap:6px;margin:12px 0 14px;padding:0}
.service-examples li{position:relative;padding-left:13px;color:var(--text);font-size:14px;line-height:1.4}
.service-examples li::before{content:"";position:absolute;top:.6em;left:0;width:5px;height:5px;background:var(--accent)}
.service-back .service-tools-label{margin:0 0 8px;color:var(--text-3);font-size:11px}
.service-tools{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.service-tools li{padding:4px 8px;border:1px solid rgba(98,198,222,.2);color:#b7dbe3;background:rgba(98,198,222,.045);font-size:12px;line-height:1.4}
.service-toggle{display:none}
.services.is-enhanced .service{display:block;min-height:var(--service-front-height,320px);padding:0;perspective:1200px;transition:min-height .6s var(--ease),background-color .3s ease}
.services.is-enhanced .service.is-open{min-height:var(--service-back-height,440px)}
.services.is-enhanced .service-turn{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,.7,.2,1)}
.services.is-enhanced .service.is-open .service-turn{transform:rotateY(180deg)}
.services.is-enhanced .service-face{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;padding:clamp(22px,2vw,28px);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.services.is-enhanced .service-front{transform:rotateY(0deg)}
.services.is-enhanced .service-front .service-copy{display:flex;flex-direction:column;gap:12px}
.services.is-enhanced .service-front .service-copy > p:last-child{margin:0;max-width:36ch;font-size:16px;color:var(--text-2)}
.services.is-enhanced .service-back{margin:0;border:0;transform:rotateY(180deg);background:rgba(11,20,24,.94)}
.services.is-enhanced .service-toggle{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;min-height:44px;margin-top:auto;padding:8px 0;border:0;background:transparent;color:var(--accent);font:500 13px/1.35 var(--font);cursor:pointer;touch-action:manipulation;text-align:left}
.service-toggle svg{width:17px;height:17px;flex:none;transition:transform .25s ease}
.service-toggle:hover svg{transform:rotate(-15deg)}
.service-toggle:hover{color:var(--text)}
.services.is-enhanced .service:focus-within{z-index:2}
@media(hover:hover){.services.is-enhanced .service:hover{background-color:rgba(98,198,222,.035)}}
@media(hover:hover) and (pointer:fine){.services.is-enhanced .service,.services.is-enhanced .service.is-open{min-height:max(var(--service-front-height,320px),var(--service-back-height,340px))}.services.is-enhanced .service-back{padding:24px;gap:10px}.services.is-enhanced [data-service-close]{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;padding:0;clip-path:inset(50%)}.services.is-enhanced [data-service-close]:focus-visible{position:relative;width:auto;height:auto;min-height:32px;clip-path:none;overflow:visible}}
@media(max-width:720px){.services.is-enhanced .service-face{padding:24px}.service-back p,.service-examples li{font-size:15px}}
@media(prefers-reduced-motion:reduce){.services.is-enhanced .service,.services.is-enhanced .service-turn,.service-toggle svg{transition:none}}
@media print{.services.is-enhanced .service{min-height:0;perspective:none}.services.is-enhanced .service-turn{position:static;transform:none!important}.services.is-enhanced .service-face{position:static;transform:none!important}.services.is-enhanced .service-back{margin-top:18px;border-top:1px solid var(--line-2);background:transparent}.services.is-enhanced .service-toggle{display:none}}