/* Gemeinsame, zurückhaltende Basiskomponenten für alle Lernmodule. */:root{--pp-ink:#19354c;--pp-focus:#126d93;--pp-radius:16px;--pp-paper:#fff;--pp-gap:16px}html{scroll-behavior:smooth}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pp-focus);outline-offset:3px}button,input,select{font:inherit}button{cursor:pointer}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Einheitlicher Rueckbutton auf allen Lernweg-Seiten */
.topic-return{display:flex;justify-content:flex-start;align-items:center;margin:12px 0 18px;}
.topic-return-button{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.65rem 1.15rem;border:1px solid #b7dce5;border-radius:999px;background:#fff;color:#235b72!important;font-size:.95rem;font-weight:700;line-height:1.3;text-decoration:none!important;box-shadow:0 3px 12px rgba(30,88,115,.13);transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;}
.topic-return-button:hover{background:#eaf7fc;transform:translateY(-1px);box-shadow:0 5px 16px rgba(30,88,115,.18);}
.topic-return-button:focus-visible{outline:3px solid #126d93;outline-offset:3px;}
.topic-return-button span[aria-hidden]{font-size:1.15em;line-height:1;}
@media(max-width:600px){.topic-return{margin:12px 0 16px}.topic-return-button{max-width:100%;}}
@media(prefers-reduced-motion:reduce){.topic-return-button{transition:none}.topic-return-button:hover{transform:none}}

/* Buttons in den dynamisch erzeugten Trainingsprogramm-Aktionen.
   Gilt fuer Links und echte Buttons, ohne andere Links umzudekorieren. */
.program-actions > a.primary, .program-actions > a.secondary,
.program-actions > button.primary, .program-actions > button.secondary {
  display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;min-height:44px;padding:12px 18px;
  border:0;border-radius:11px;font:inherit;font-weight:750;
  line-height:1.3;text-align:center;text-decoration:none!important;
  cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;
}
.program-actions > :is(a,button).primary {background:#e8be38;color:#2c3540!important;}
.program-actions > :is(a,button).primary:hover {background:#f5cd4a;}
.program-actions > :is(a,button).secondary {background:#d9eff3;color:#174f5a!important;}
.program-actions > :is(a,button).secondary:hover {background:#c5e7ee;}
@media(max-width:600px){
 .program-actions{flex-direction:column;align-items:stretch;}
 .program-actions > :is(a,button).primary,.program-actions > :is(a,button).secondary{width:100%;}
}