.infobox{align-items:flex-start;border-left:4px solid transparent;border-radius:10px;display:flex;font-size:1rem;gap:1rem;line-height:1.6;margin:0;padding:1.25rem}.infobox--space-s{margin:1rem 0}.infobox--space-m{margin:1.75rem 0}.infobox--space-l{margin:2.5rem 0}.infobox__icon{flex:0 0 auto;height:32px;margin-top:.25rem;width:32px}.infobox--info{background:#e8f4ff;border-left-color:#07c}.infobox--tipp{background:#e6f9f0;border-left-color:#28a745}.infobox--hinweis{background:#f5f5f5;border-left-color:#666}.infobox--achtung{background:#fff4f0;border-left-color:#dc3545}.infobox--elevated{box-shadow:0 10px 24px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.05)}.infobox__content p:last-child{margin-bottom:0}.infobox__button{background:#bd0000;border-radius:6px;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:.55rem .9rem;text-decoration:none;transition:transform .05s ease,opacity .2s ease}.infobox__button:hover{opacity:.92}.infobox__button:active{transform:translateY(1px)}@media (prefers-color-scheme:dark){.infobox--info{background:#0f2433;border-left-color:#2ea8ff}.infobox--tipp{background:#0f2a23;border-left-color:#39d98a}.infobox--hinweis{background:#1d1f23;border-left-color:#9aa0a6}.infobox--achtung{background:#2a1715;border-left-color:#ff6b6b}.infobox__button{color:#fff}}