/* WEBELITE V152: gezielte Ergänzungen, keine Änderungen an bestehenden Komponenten */
.contact .contact-email-v152, .contact .contact-email-v152:visited { color:#fff !important; text-decoration:underline; text-underline-offset:3px; }
.contact .contact-email-v152:hover,.contact .contact-email-v152:focus-visible { color:#fff !important; text-decoration-thickness:3px; }
.mascot-learn-v152 { padding:clamp(2rem,5vw,4rem) 0; background:#f4f7ff; color:#14234a; }
.mascot-learn-v152 .wrap { max-width:900px; margin-inline:auto; }
.mascot-learn-v152 h2 { line-height:1.25; }
.mascot-tip-v152 { background:white; border:2px solid #d8e4ff; border-radius:18px; padding:clamp(1rem,3vw,2rem); box-shadow:0 8px 28px #14234a14; }
.mascot-tip-v152 p { line-height:1.65; }
.mascot-actions-v152 { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:1.2rem; }
#mascot-next-tip { cursor:pointer; border:0; border-radius:12px; padding:.9rem 1.2rem; font:inherit; font-weight:700; background:#12308f; color:white; }
#mascot-next-tip:hover { background:#2045bc; }
#mascot-next-tip:focus-visible { outline:3px solid #e38c00; outline-offset:3px; }
.mascot-note-v152 { font-size:.9rem; opacity:.85; }
@media (max-width:600px) { .mascot-learn-v152 { padding:1.5rem 0; } .mascot-actions-v152 { align-items:stretch; flex-direction:column; } #mascot-next-tip { width:100%; min-height:48px; } .mascots-showcase img { max-width:100%; height:auto; } }
@media (prefers-reduced-motion:reduce) { #mascot-next-tip { transition:none; } }