Ratgeber

/* ua24 Grundbausteine, in jeder Seite gleich. Radien: Flaechen 12px, Knoepfe und Felder 8px, Marken 4px. */
.ua24{--ua24-bg:#f3f5f8;--ua24-surface:#fbfcfd;--ua24-ink:#14243b;--ua24-muted:#4b5b71;--ua24-line:#d3dbe5;--ua24-accent:#a84b1a;--ua24-accent-hover:#88420f;--ua24-accent-ink:#fbfcfd;--ua24-accent-soft:#f6ebe1;--ua24-accent-line:#e2c2a5;--ua24-accent-text:#8a4413;--ua24-ok-soft:#e7f2ec;--ua24-ok-line:#b5d6c3;--ua24-focus:#14243b;color-scheme:light;box-sizing:border-box;max-width:64rem;margin:0 auto 2rem;padding:clamp(1rem,3vw,2.25rem);background:var(--ua24-bg);color:var(--ua24-ink);border-radius:12px;font-size:1.0625rem;line-height:1.65;-webkit-text-size-adjust:100%}
@media (prefers-color-scheme:dark){:where(html:not(.light):not([data-theme="light"]):not([data-mode="light"])) .ua24{--ua24-bg:#0f1827;--ua24-surface:#15223a;--ua24-ink:#e6ecf3;--ua24-muted:#a9b6c7;--ua24-line:#2c3d56;--ua24-accent:#f0a878;--ua24-accent-hover:#eea46f;--ua24-accent-ink:#111a28;--ua24-accent-soft:#2a2019;--ua24-accent-line:#5e3d24;--ua24-accent-text:#f0a873;--ua24-ok-soft:#14291f;--ua24-ok-line:#2c5842;--ua24-focus:#e6ecf3;color-scheme:dark}}
:is(html.dark,html[data-theme="dark"],html[data-mode="dark"]) .ua24{--ua24-bg:#0f1827;--ua24-surface:#15223a;--ua24-ink:#e6ecf3;--ua24-muted:#a9b6c7;--ua24-line:#2c3d56;--ua24-accent:#f0a878;--ua24-accent-hover:#eea46f;--ua24-accent-ink:#111a28;--ua24-accent-soft:#2a2019;--ua24-accent-line:#5e3d24;--ua24-accent-text:#f0a873;--ua24-ok-soft:#14291f;--ua24-ok-line:#2c5842;--ua24-focus:#e6ecf3;color-scheme:dark}
.ua24 *,.ua24 *::before,.ua24 *::after{box-sizing:inherit}
.ua24 h2,.ua24 h3{color:var(--ua24-ink);font-weight:700;line-height:1.25;letter-spacing:-.01em;margin:0 0 .6rem;text-wrap:balance}
.ua24 h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem)}
.ua24 h3{font-size:1.15rem}
.ua24 p{margin:0 0 1rem;max-width:68ch}
.ua24 p:last-child{margin-bottom:0}
.ua24 ul,.ua24 ol{margin:0;padding:0;list-style:none}
.ua24 a{color:var(--ua24-accent-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.ua24 a:hover{text-decoration-thickness:2px}
.ua24 a:focus-visible,.ua24 button:focus-visible,.ua24 input:focus-visible,.ua24 select:focus-visible{outline:3px solid var(--ua24-focus);outline-offset:2px}
.ua24 strong{font-weight:700}
.ua24-section{margin-top:clamp(2rem,4vw,3rem)}
.ua24-lead{font-size:1.125rem;color:var(--ua24-ink)}
.ua24-muted{color:var(--ua24-muted)}
.ua24-box{background:var(--ua24-surface);border:1px solid var(--ua24-line);border-radius:12px;padding:clamp(1.1rem,2.5vw,1.75rem)}
.ua24-box--accent{background:var(--ua24-accent-soft);border-color:var(--ua24-accent-line)}
.ua24-box--ok{background:var(--ua24-ok-soft);border-color:var(--ua24-ok-line)}
.ua24 .ua24-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.35rem;border:2px solid transparent;border-radius:8px;background:var(--ua24-accent);color:var(--ua24-accent-ink);font:inherit;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}
.ua24 .ua24-btn:hover{background:var(--ua24-accent-hover);color:var(--ua24-accent-ink);text-decoration:none}
.ua24 .ua24-btn:active{transform:translateY(1px)}
.ua24 .ua24-btn--ghost{background:transparent;color:var(--ua24-ink);border-color:var(--ua24-ink)}
.ua24 .ua24-btn--ghost:hover{background:var(--ua24-surface);color:var(--ua24-ink);border-color:var(--ua24-accent)}
.ua24-btnrow{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.25rem}
.ua24 .ua24-ad{display:inline-block;margin:0 0 .75rem;padding:.1rem .5rem;border:1px solid var(--ua24-line);border-radius:4px;font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--ua24-muted);background:var(--ua24-surface)}
.ua24-fine{font-size:.875rem;color:var(--ua24-muted)}
.ua24-checks li{position:relative;padding-left:1.9rem;margin:0 0 .55rem}
.ua24-checks li::before{content:"";position:absolute;left:.3rem;top:.35em;width:.45rem;height:.8rem;border:solid var(--ua24-accent);border-width:0 3px 3px 0;transform:rotate(45deg)}
.ua24-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ua24-partner{display:grid;gap:1.25rem 2.5rem;background:var(--ua24-surface);border:2px solid var(--ua24-accent);border-radius:12px;padding:clamp(1.25rem,3vw,2rem)}
@media (min-width:768px){.ua24-partner{grid-template-columns:1.25fr 1fr;align-items:start}}
.ua24-partner .ua24-checks{align-self:center;font-weight:600}
@media (prefers-reduced-motion:reduce){.ua24 *{transition:none!important;scroll-behavior:auto!important}}
@media print{.ua24.ua24.ua24{--ua24-bg:#fff;--ua24-surface:#fff;--ua24-ink:#111;--ua24-muted:#333;--ua24-line:#888;--ua24-accent:#111;--ua24-accent-soft:#fff;--ua24-accent-line:#888;--ua24-accent-text:#111;--ua24-ok-soft:#fff;--ua24-ok-line:#888;color-scheme:light;background:none;color:#111;padding:0;max-width:none;border-radius:0}.ua24-noprint{display:none!important}.ua24 a{color:#111}}
.ua24-ratgeber{margin-bottom:1.5rem}