.digital-roadmap__node{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;perspective:75rem}.digital-roadmap__node:hover,.digital-roadmap__node:focus-visible{z-index:8;border:0;box-shadow:none;outline:none}.digital-roadmap__card{position:relative;width:100%;min-height:11rem;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.16,1,.3,1),filter .4s ease}.digital-roadmap__node:hover .digital-roadmap__card,.digital-roadmap__node:focus .digital-roadmap__card{transform:rotateY(180deg) scale(1.12);filter:drop-shadow(0 1.8rem 2.5rem rgba(64,42,14,.22))}.digital-roadmap__face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.35rem;border:1px solid rgba(25,20,13,.16);border-radius:1rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.digital-roadmap__face--front{background:linear-gradient(145deg,rgba(255,253,248,.97),rgba(238,229,211,.94))}.digital-roadmap__face--front:after{content:"Mehr erfahren ↗";margin-top:1rem;color:#8c713e;font-size:.55rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;opacity:.72}.digital-roadmap__face--back{justify-content:center;background:#17130e;color:#f5f0e7;transform:rotateY(180deg)}.digital-roadmap__face--back small{color:#d8b76f}.digital-roadmap__face--back strong{margin:.65rem 0;font-size:clamp(1.1rem,0.825vw,1.302rem);line-height:1.08}.digital-roadmap__face--back p{margin:0;color:#b8afa1;font-size:.72rem;line-height:1.5}.digital-roadmap__face--front strong{margin:.55rem 0 0;font-size:clamp(1.37rem,1.238vw,1.61rem);line-height:.95}.digital-roadmap__face small{font-size:.58rem}@media(max-width:900px){.digital-roadmap__node{min-height:11rem}.digital-roadmap__card{height:100%;min-height:11rem}.digital-roadmap__node:hover,.digital-roadmap__node:focus-visible{transform:none}.digital-roadmap__node:hover .digital-roadmap__card,.digital-roadmap__node:focus .digital-roadmap__card{transform:rotateY(180deg) scale(1.03)}}@media(hover:none){.digital-roadmap__node{cursor:pointer}}@media(prefers-reduced-motion:reduce){.digital-roadmap__card{transition:none}.digital-roadmap__node:hover .digital-roadmap__card,.digital-roadmap__node:focus .digital-roadmap__card{transform:rotateY(180deg)}}
/* Die aktive Rückseite tritt deutlich aus der Roadmap hervor. */
@media(min-width:901px){.digital-roadmap__node:hover,.digital-roadmap__node:focus-visible{z-index:20}.digital-roadmap__node:hover .digital-roadmap__card,.digital-roadmap__node:focus .digital-roadmap__card{transform:rotateY(180deg) translateZ(4rem) scale(1.3);filter:drop-shadow(0 2.6rem 3.2rem rgba(50,31,8,.4))}.digital-roadmap__face--back{border-color:rgba(229,198,124,.56);box-shadow:inset 0 0 2.5rem rgba(212,175,103,.08)}}
/* Explizite Sichtbarkeit verhindert leere Rückseiten in einzelnen Browsern. */
.digital-roadmap__face--front{z-index:2;opacity:1;transition:opacity .18s ease .22s}
.digital-roadmap__face--back{z-index:3;opacity:0;visibility:visible;color:#f5f0e7;transition:opacity .2s ease .2s}
.digital-roadmap__face--back small,.digital-roadmap__face--back strong,.digital-roadmap__face--back p{position:relative;z-index:4;display:block;opacity:1;visibility:visible}
.digital-roadmap__face--back strong{color:#fff4dc}
.digital-roadmap__node:hover .digital-roadmap__face--front,.digital-roadmap__node:focus .digital-roadmap__face--front{opacity:0;transition-delay:0s}
.digital-roadmap__node:hover .digital-roadmap__face--back,.digital-roadmap__node:focus .digital-roadmap__face--back{opacity:1}
/* Stabiler Flip: Die Karte bleibt stehen, nur ihre beiden Flächen drehen sich. */
.digital-roadmap .digital-roadmap__card{transform:none;filter:none}
.digital-roadmap .digital-roadmap__face{transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .18s ease}
.digital-roadmap .digital-roadmap__face--front{transform:rotateY(0);opacity:1}
.digital-roadmap .digital-roadmap__face--back{transform:rotateY(-180deg);opacity:0}
.digital-roadmap .digital-roadmap__node:hover .digital-roadmap__card,.digital-roadmap .digital-roadmap__node:focus .digital-roadmap__card{transform:scale(1.3);filter:drop-shadow(0 2.6rem 3.2rem rgba(50,31,8,.4))}
.digital-roadmap .digital-roadmap__node:hover .digital-roadmap__face--front,.digital-roadmap .digital-roadmap__node:focus .digital-roadmap__face--front{transform:rotateY(180deg);opacity:0}
.digital-roadmap .digital-roadmap__node:hover .digital-roadmap__face--back,.digital-roadmap .digital-roadmap__node:focus .digital-roadmap__face--back{transform:rotateY(0);opacity:1}
@media(max-width:900px){.digital-roadmap .digital-roadmap__node:hover .digital-roadmap__card,.digital-roadmap .digital-roadmap__node:focus .digital-roadmap__card{transform:scale(1.03)}}
@media(prefers-reduced-motion:reduce){.digital-roadmap .digital-roadmap__node:hover .digital-roadmap__card,.digital-roadmap .digital-roadmap__node:focus .digital-roadmap__card{transform:none}.digital-roadmap .digital-roadmap__face{transition:none}}
/* Kompakte Leistungs- und Nutzenübersicht auf allen Rückseiten. */
.digital-roadmap__face--list{justify-content:center;padding:1rem 1.1rem}.digital-roadmap__face--list strong{margin:0 0 .55rem;font-size:1rem;line-height:1.08}.digital-roadmap__face--list ul{display:grid;gap:.24rem;margin:0;padding:0;list-style:none}.digital-roadmap__face--list li{position:relative;padding-left:.85rem;color:#c8beb0;font-size:.57rem;line-height:1.3}.digital-roadmap__face--list li:before{content:"✓";position:absolute;left:0;color:#d8b76f;font-weight:900}

/* Larger, calmer typography for the reduced three-point card backs. */
.digital-roadmap__face--list strong{margin-bottom:.8rem;font-size:clamp(1.08rem,1vw,1.3rem);line-height:1.12}
.digital-roadmap__face--list ul{gap:.48rem}
.digital-roadmap__face--list li{padding-left:1rem;font-size:clamp(.7rem,.72vw,.82rem);line-height:1.42}

/* Einheitliche, sichere Textflaeche auf allen Kartenrueckseiten. */
body.homepage-content-restored .digital-roadmap .digital-roadmap__face--list{box-sizing:border-box;justify-content:center;overflow:hidden;padding:1.35rem 1.4rem}
body.homepage-content-restored .digital-roadmap .digital-roadmap__face--list strong{display:block;margin:0 0 .72rem;font-size:clamp(.94rem,.92vw,1.14rem)!important;line-height:1.16!important;letter-spacing:-.025em;overflow-wrap:anywhere}
body.homepage-content-restored .digital-roadmap .digital-roadmap__face--list ul{display:grid;gap:.38rem;width:100%;margin:0;padding:0}
body.homepage-content-restored .digital-roadmap .digital-roadmap__face--list li{min-width:0;padding-left:1rem;font-size:clamp(.65rem,.64vw,.76rem)!important;line-height:1.35!important;overflow-wrap:anywhere;hyphens:auto}
body.homepage-content-restored .digital-roadmap .digital-roadmap__face--list li::before{top:.06em}
@media(max-width:900px){body.homepage-content-restored .digital-roadmap .digital-roadmap__face--list{padding:1.25rem 1.3rem}body.homepage-content-restored .digital-roadmap .digital-roadmap__face--list strong{font-size:1rem!important}body.homepage-content-restored .digital-roadmap .digital-roadmap__face--list li{font-size:.74rem!important}}
