/* Teaser der Selbsteinschätzung (Startseite, Werkzeuge, Einstiege). Ruhig, ohne Pflichtanimation. */
.aw-se-teaser { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.75rem; background: linear-gradient(135deg, #F4FBFA 0%, #D6F0EE 100%); border: 1.5px solid rgba(53, 181, 172, .55); border-radius: 24px; padding: 1.5rem 1.75rem; color: var(--c-ink, #0E2A47); box-shadow: 0 8px 24px rgba(14, 42, 71, .08); }
.aw-se-teaser::after { content: ""; position: absolute; right: -3rem; bottom: -3.5rem; width: 14rem; height: 14rem; border-radius: 50%; border: 18px solid rgba(53, 181, 172, .14); pointer-events: none; }
.aw-se-teaser--kompakt { margin: 1.5rem 0; padding: 1rem 1.25rem; box-shadow: none; border-radius: 18px; }
.aw-se-teaser--kompakt::after { display: none; }
.aw-se-teaser__bild { flex: none; width: 6rem; height: auto; position: relative; z-index: 1; }
.aw-se-teaser--kompakt .aw-se-teaser__bild { width: 4.5rem; }
.aw-se-teaser__text { flex: 1 1 16rem; min-width: 0; position: relative; z-index: 1; }
.aw-se-teaser h2 { margin: 0 0 .25rem; font-size: clamp(1.4rem, 1.2rem + .8vw, 1.85rem); color: var(--c-ink, #0E2A47); }
.aw-se-teaser h2::before { display: none; content: none; }
.aw-se-teaser p { margin: 0 0 .6rem; max-width: 40rem; }
.aw-se-teaser__sub { font-size: 1.0625rem; color: var(--c-text, #1B2733); }
.aw-se-teaser__aktion { margin: .25rem 0 .5rem !important; }
.aw-se-teaser__klein { font-size: .9375rem; color: var(--c-text-soft, #4A5A68); margin-bottom: 0 !important; }
.aw-se-teaser .aw-button { display: inline-block; max-width: 100%; }
.aw-section--se { padding-block: 1rem; }
@media (prefers-reduced-motion: no-preference) { .aw-se-teaser { transition: box-shadow .2s ease; } .aw-se-teaser:hover { box-shadow: 0 12px 28px rgba(14, 42, 71, .13); } }
.aw-se-hinweis { border: 2px solid var(--c-line, #C9D8DA); border-left: 6px solid var(--c-tuerkis, #35B5AC); border-radius: 12px; background: var(--c-nebel, #F2F7F7); padding: 1rem 1.25rem; margin: 2rem 0; }
.aw-se-hinweis h2 { margin: 0 0 .5rem; font-size: 1.25rem; }
.aw-se-hinweis p { margin: 0; }
@media (max-width: 30em) { .aw-se-teaser { padding: 1.25rem; } .aw-se-teaser__bild { width: 4.5rem; } .aw-se-teaser .aw-button { display: block; text-align: center; } }