.cent-howto{width:min(1200px,92vw);margin:40px auto;color:#eee;font-family:Montserrat,Arial,sans-serif;font-weight:400;text-align:center;--howto-light:#777777;--howto-dark:#202020}.cent-howto *{box-sizing:border-box}.cent-howto [hidden]{display:none!important}.cent-howto .ht-stage{width:min(650px,100%);margin:auto;position:relative;aspect-ratio:1;direction:ltr}.cent-howto .ht-drawing{width:100%;height:100%;display:block;overflow:visible}.cent-howto .ht-center{position:absolute;inset:38%;border-radius:50%;display:grid;place-items:center;background:#090909;box-shadow:0 0 0 4px #090909;pointer-events:none;overflow:hidden}.cent-howto .ht-center img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:none}.cent-howto .ht-sector{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.cent-howto .ht-panel{fill:var(--howto-dark);stroke:#090909;stroke-width:1;transition:fill .35s,stroke .35s}.cent-howto .ht-complement{fill:var(--howto-light);stroke:#090909;stroke-width:1;pointer-events:none}.cent-howto .ht-ring-1 .ht-panel,.cent-howto .ht-ring-3 .ht-panel{fill:var(--howto-light)}.cent-howto .ht-ring-1 .ht-complement,.cent-howto .ht-ring-3 .ht-complement{fill:var(--howto-dark)}.cent-howto .ht-sector:is(:hover,:focus-visible,[aria-pressed=true]) .ht-panel{fill:#929292;stroke:#fff;stroke-width:1}.cent-howto .ht-label-arc{fill:none!important;stroke:none!important;pointer-events:none}.cent-howto .ht-sector text{font-family:inherit;font-weight:400;font-size:13px;letter-spacing:1px;fill:#fff;dominant-baseline:central;text-anchor:middle;pointer-events:none}.cent-howto .ht-copy{text-align:center;max-width:700px;margin:3px auto 0;padding:0 15px}.cent-howto .ht-copy h2{font-size:22px;font-weight:400;letter-spacing:2.5px;line-height:1.45;margin:0;text-transform:uppercase}.cent-howto .ht-subtitle{font-size:13px;line-height:1.6;color:#bcbcbc;margin:5px 0 7px}.cent-howto .ht-copy.is-changing{animation:ht-copy-in .5s ease both}.cent-howto .ht-discover{font-family:inherit;margin:auto}.cent-howto .ht-arrive{animation:ht-arrive 1.1s cubic-bezier(.2,.7,.2,1) both;transform-origin:center}@keyframes ht-copy-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ht-arrive{from{opacity:0;transform:rotate(-12deg) scale(.96)}to{opacity:1;transform:rotate(0) scale(1)}}@media(max-width:600px){.cent-howto{width:96vw;margin:25px auto}.cent-howto .ht-sector text{font-size:14px;letter-spacing:.5px}.cent-howto .ht-copy h2{font-size:18px}.cent-howto .ht-subtitle{font-size:12px;margin:4px 0 5px}}@media(prefers-reduced-motion:reduce){.cent-howto *{animation:none!important;transition:none!important}}

/* Design und Technik: gemeinsam freigegebener Entdecken-Link. */
.cent-howto .ht-discover,
.cent-howto .ht-discover:visited{
 position:relative;display:inline-flex;align-items:center;justify-content:center;gap:13px;
 max-width:100%;min-height:48px;padding:9px 0 8px;
 color:#fff!important;font-size:18px;font-weight:400;line-height:1.5;letter-spacing:.015em;
 border:0!important;text-decoration:none!important;transform-origin:center;
 transition:text-shadow .25s;
}
.cent-howto .ht-discover::before{
 content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff;
 transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.cent-howto .ht-discover::after{
 content:'→';font-size:23px;font-weight:400;line-height:1;flex-shrink:0;transition:transform .25s;
}
.cent-howto .ht-discover:hover::before,
.cent-howto .ht-discover:focus-visible::before{transform:scaleX(1)}
.cent-howto .ht-discover:hover{text-shadow:0 0 12px #ffffff55}
.cent-howto .ht-discover:hover::after{transform:translateX(5px)}
.cent-howto .ht-discover:focus-visible{outline:2px solid #eee;outline-offset:6px}
.cent-howto .ht-discover.cent-cta-pulse{animation:cent-cta-pulse 1.2s ease-in-out 1}
@keyframes cent-cta-pulse{
 0%,100%{transform:scale(1);text-shadow:0 0 0 #ffffff00;filter:brightness(1)}
 40%{transform:scale(1.055);text-shadow:0 0 5px #fff,0 0 16px #ffffffdd,0 0 34px #ffffff88;filter:brightness(1.4)}
}
.cent-howto[dir=rtl] .ht-discover::after{content:'←'}
.cent-howto[dir=rtl] .ht-discover:hover::after{transform:translateX(-5px)}
@media(max-width:760px){
 .cent-howto .ht-discover{font-size:16px;gap:10px}
 .cent-howto .ht-discover::after{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
 .cent-howto .ht-discover,
 .cent-howto .ht-discover::before,
 .cent-howto .ht-discover::after{animation:none!important;transition:none!important}
}

.cent-howto[dir=rtl] .ht-discover::before{transform-origin:right}