/* hofmanns.digital -- Block 10 / Abschluss & Quiz */
.hd-b10 { background: #DEE8E8; border-radius: 16px; padding: 3.5rem; position: relative; overflow: hidden; font-family: var(--wp--preset--font-family--figtree), sans-serif; }
.hd-b10__blob-1 { position: absolute; width: 240px; height: 240px; top: -60px; right: -50px; border-radius: 42% 58% 55% 45% / 55% 42% 58% 45%; background: #175B5F; opacity: 0.08; z-index: 0; }
.hd-b10__blob-2 { position: absolute; width: 160px; height: 160px; bottom: -40px; left: -40px; border-radius: 55% 45% 38% 62% / 48% 60% 40% 52%; background: #F0C767; opacity: 0.15; z-index: 0; }
.hd-b10__content { position: relative; z-index: 1; }
.hd-b10__body { font-size: 1rem; color: #175B5F; line-height: 1.75; margin: 0 0 2rem; max-width: 500px; opacity: 0.85; }
.hd-b10__ctas { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 3rem; }
.hd-btn--dark { background: #1B4242; color: #F0C767; font-family: var(--wp--preset--font-family--figtree), sans-serif; font-weight: 700; font-size: 0.875rem; border: none; border-radius: 2rem; padding: 0.6rem 1.5rem; cursor: pointer; }
/* Quiz */
.hd-b10__quiz { background: #F5ECD7; border-radius: 16px; padding: 2rem; }
.hd-quiz__label { font-family: var(--wp--preset--font-family--fira-code), monospace; font-size: 0.65rem; color: #C0392B; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.5rem; display: block; }
.hd-quiz__title { font-size: 1.1rem; font-weight: 700; color: #1B4242; margin: 0 0 0.35rem; }
.hd-quiz__meta { font-size: 0.8rem; color: #175B5F; opacity: 0.6; margin: 0 0 1.75rem; font-family: var(--wp--preset--font-family--fira-code), monospace; }
.hd-quiz__progress { display: flex; gap: 0.4rem; margin-bottom: 1.25rem; }
.hd-quiz__dot { height: 4px; flex: 1; border-radius: 2px; background: rgba(23,91,95,0.15); }
.hd-quiz__dot--active { background: #C0392B; }
.hd-quiz__q { font-size: 0.975rem; font-weight: 600; color: #1B4242; margin: 0 0 1rem; line-height: 1.5; }
.hd-quiz__opts { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.5rem; }
.hd-quiz__opt { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 1rem; border-radius: 8px; background: #DEE8E8; font-size: 0.9rem; color: #1B4242; cursor: pointer; transition: background 0.2s ease; border: none; text-align: left; font-family: var(--wp--preset--font-family--figtree), sans-serif; width: 100%; }
.hd-quiz__opt:hover { background: #C8D8D8; }
.hd-quiz__opt--selected { background: #175B5F; color: #DEE8E8; }
.hd-quiz__nav { display: flex; justify-content: flex-end; }
.hd-quiz__result { display: none; text-align: center; padding: 1rem 0; }
.hd-quiz__result-text { font-size: 1rem; font-weight: 600; color: #1B4242; margin: 0 0 1.25rem; line-height: 1.65; }
.hd-quiz__result-sub { font-size: 0.875rem; color: #175B5F; opacity: 0.75; margin: 0 0 1.5rem; font-style: italic; line-height: 1.7; }
@media (max-width: 640px) { .hd-b10 { padding: 2rem 1.5rem; } .hd-b10__ctas { flex-direction: column; } }