/* Reuse the homepage's Kennenlernen button appearance without its page layout. */
@font-face{font-family:Manrope;src:url('manrope.ttf') format('truetype');font-weight:400;font-display:swap}
.topic-page .button.autides-kennenlernen{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;background:#283d33;color:#fff;border:1px solid #283d33;border-radius:7px;padding:14px 22px;font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:500;text-decoration:none;box-sizing:border-box;transition:background .2s,color .2s}
.topic-page .button.autides-kennenlernen:hover{background:#415c45;color:#fff}
.topic-page .button.autides-kennenlernen span{display:inline-flex;transition:transform .2s}
.topic-page .button.autides-kennenlernen:hover span{transform:translateX(3px)}
.topic-page .button.autides-kennenlernen:focus-visible{outline:2px solid #283d33;outline-offset:6px}
.topic-page .method-flow .method-flow-cta{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:26px 0 0 56px;padding:0;border:0}
.topic-page .method-flow .method-flow-cta p{margin:0;max-width:48ch;font-family:Ubuntu,sans-serif;font-size:16px;line-height:1.75;color:#565c50}
.topic-page .method-flow .method-flow-cta .button{margin:0}
.topic-page .method-flow .method-flow-cta + .topic-boundary{margin-top:30px}
@media(max-width:900px){.topic-page .method-flow .method-flow-cta{grid-column:1;margin-top:0}.topic-page .method-flow .method-flow-cta + .topic-boundary{margin-top:0}}
@media(max-width:520px){.topic-page .method-flow .method-flow-cta{margin-left:40px;gap:14px}.topic-page .method-flow .method-flow-cta .button{max-width:100%;gap:18px;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.topic-page .button.autides-kennenlernen,.topic-page .button.autides-kennenlernen span{transition:none}}