/* ==========================================================================
   upclients · Ratgeber (Artikel)
   Kopf (dunkel) + Artikeltext (hell) + Abschluss (Feierabend).
   Der Artikeltext ist die bisherige Gestaltung der Ratgeber-Seiten: ihre Inline-Stile stehen unten
   als Klassen rg-xxxxxx (aus den vier Artikeln erzeugt, Stand 30.09.2026). Änderungen direkt an der Klasse.
   Von Hand gepflegt ist nur dieser obere Teil (Präfix rg- mit sprechenden Namen).
   ========================================================================== */

/* =====================================================================
   Kopf
   ===================================================================== */
.rg-hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:min(calc(100svh - 24px),980px);color:var(--i950);overflow:clip;isolation:isolate;padding:calc(var(--hdr) + clamp(24px,5vh,56px)) 0 clamp(50px,8vh,90px)}
/* Hell von Anfang an (Aaron 21.10.); die Höhenlinien zeichnet seiten.js über die ganze Seite */
.rg-hero__in{width:100%}
.rg-hero::before{content:"";position:absolute;left:50%;bottom:-6%;width:150vw;height:70vh;transform:translateX(-50%);background:radial-gradient(48% 40% at 50% 70%,rgba(121,164,242,.1),rgba(92,136,215,.035) 48%,rgba(92,136,215,0) 74%);pointer-events:none;z-index:-1;animation:dawn 9s ease-in-out infinite alternate}
.rg-hero__in{max-width:calc(840px + var(--gut) * 2)}
.rg-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.rg-chip{display:inline-block;font-size:11.5px;letter-spacing:.14em;font-weight:800;color:var(--p700);background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(68,107,180,.22);border-radius:999px;padding:7px 16px;white-space:nowrap;transition:background .25s,color .25s}
a.rg-chip:hover{background:#fff;color:var(--p800)}
.rg-chip--cat{color:var(--p800);background:rgba(121,164,242,.18)}
.rg-title{margin-top:26px;font-size:clamp(32px,4.2vw,58px);line-height:1.06;letter-spacing:-.04em;font-weight:800;text-wrap:balance;opacity:0;animation:fadeUp 1.1s var(--ease) .1s forwards}
.rg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:24px 0 0;font-size:14px;color:var(--i700);opacity:0;animation:fadeUp 1s var(--ease) .35s forwards}
.rg-meta i{width:4px;height:4px;border-radius:50%;background:var(--i300)}
.rg-tldr{margin-top:34px;padding:22px 26px;border-radius:20px;background:linear-gradient(160deg,rgba(221,245,229,.92),rgba(221,245,229,.6));box-shadow:inset 0 0 0 1px rgba(24,122,84,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;animation:fadeUp 1s var(--ease) .55s forwards}
.rg-tldr small{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--ok)}
.rg-tldr p{margin:10px 0 0;font-size:16px;line-height:1.7;color:var(--i800);text-wrap:pretty}
.rm .rg-title,.rm .rg-meta,.rm .rg-tldr{opacity:1}

/* =====================================================================
   Artikeltext
   ===================================================================== */
.rg-art{position:relative;color:var(--i950);padding:clamp(36px,5vh,56px) 0 clamp(50px,8vh,90px)}
.rg-art a{color:#446BB4;text-decoration:none}
.rg-art a:hover{color:#203B6E}
.rg-art summary{list-style:none;cursor:pointer}
.rg-art summary::-webkit-details-marker{display:none}
.rg-art details[open] .accChev{transform:rotate(180deg)}
.rg-art strong{font-weight:700}
.rg-disc{max-width:760px;margin:0 auto;padding:36px clamp(16px,4vw,32px) 0;font-size:13px;line-height:1.6;color:#656E7D;text-wrap:pretty}

/* =====================================================================
   Abschluss
   ===================================================================== */
.rg-finale .finale__title{font-size:clamp(34px,4.6vw,72px);max-width:20ch}
.rg-finale .finale__title,.rg-finale .lead{text-wrap:balance}

/* =====================================================================
   Erzeugte Klassen (Artikeltext)
   ===================================================================== */
.rg-3ac808{padding:24px 0 8px}
.rg-3105e2{max-width:760px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.rg-3b42ff{display:flex;align-items:center;gap:18px}
.rg-3f50e6{display:inline-block;font-size:11.5px;letter-spacing:0.14em;font-weight:500;color:#446BB4;background:#EDF1F9;border-radius:999px;padding:7px 16px}
.rg-2dabd1{flex:1 1 0;max-width:200px;height:1px;background:linear-gradient(90deg,rgba(154,190,255,0.7),rgba(154,190,255,0))}
.rg-4c2ffd{font-weight:700;font-size:27px;letter-spacing:-0.015em;margin-top:22px;text-wrap:pretty}
.rg-bf5782{font-size:16px;line-height:1.75;color:#4E5663;margin-top:14px;text-wrap:pretty}
.rg-9a63d3{padding:48px 0 8px}
.rg-6bb785{font-size:16px;line-height:1.75;color:#4E5663;margin-top:14px}
.rg-7a0fc5{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.rg-667347{border:1px solid #E9EDF4;border-radius:14px;padding:20px 22px;background:linear-gradient(180deg,#F5F7FB,#FFFFFF)}
.rg-e7745c{font-size:11px;letter-spacing:0.1em;color:#B2414C;background:#FFE6E6;border-radius:8px;padding:4px 9px}
.rg-18bd25{font-weight:600;font-size:17px;margin-top:12px}
.rg-b39647{font-size:14.5px;color:#4E5663;line-height:1.7;margin-top:8px}
.rg-52de20{font-size:11px;letter-spacing:0.1em;color:#A28700;background:#FDF7E1;border-radius:8px;padding:4px 9px}
.rg-d25bdb{font-size:11px;letter-spacing:0.1em;color:#187A54;background:#E1F5EC;border-radius:8px;padding:4px 9px}
.rg-bd5b2d{background:#F5F7FB;border-radius:14px;padding:18px 22px;margin-top:16px;display:flex;gap:12px;align-items:flex-start}
.rg-04462f{flex:none;width:22px;height:22px;border-radius:50%;background:#E3EDFF;color:#315392;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;margin-top:1px}
.rg-9ca7c0{font-size:14px;color:#4E5663;line-height:1.65}
.rg-c2ec47{font-weight:700;font-size:27px;letter-spacing:-0.015em;margin-top:22px}
.rg-571b42{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.rg-932762{display:flex;gap:12px;font-size:15px;line-height:1.7;color:#4E5663}
.rg-8756f8{flex:none;width:24px;height:24px;border-radius:50%;background:#E3EDFF;color:#315392;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;margin-top:2px}
.rg-8549e0{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:22px}
.rg-49bcfe{border:1px solid #E9EDF4;border-radius:16px;padding:22px;background:linear-gradient(180deg,#F5F7FB,#FFFFFF)}
.rg-e5fa91{font-weight:600;font-size:17px}
.rg-6e777d{font-size:14px;color:#4E5663;line-height:1.65;margin-top:8px}
.rg-7c29d8{background:#EAF6F0;border:1px solid #BFE5D2;border-radius:14px;padding:18px 22px;margin-top:16px}
.rg-126aee{font-size:11px;letter-spacing:0.14em;font-weight:500;color:#187A54}
.rg-9add43{font-size:14.5px;line-height:1.7;color:#1F3D31;margin-top:8px}
.rg-4544dd{flex:none;width:24px;height:24px;border-radius:50%;background:#FFE6E6;color:#B2414C;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;margin-top:2px}
.rg-debf3d{padding:48px 0 64px}
.rg-5704c6{background:#141E30;border-radius:16px;padding:24px 28px;margin-top:20px}
.rg-d6ab74{font-size:11px;letter-spacing:0.14em;font-weight:500;color:#C5DAFF}
.rg-17d9d2{font-size:15.5px;line-height:1.75;color:#E3EDFF;margin-top:12px;font-style:italic}
.rg-b4a13c{font-size:13.5px;color:rgba(255,255,255,0.78);margin-top:12px}
.rg-859a70{padding:0 0 48px}
.rg-094f90{border:1px solid #E9EDF4;border-radius:14px;padding:16px 20px}
.rg-b3a443{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15.5px}
.rg-9ad2c6{margin-left:auto;color:#656E7D;font-size:10px;transition:transform 0.2s}
.rg-e874d3{font-size:14.5px;line-height:1.7;color:#4E5663;margin-top:12px}
.rg-fdd737{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:22px}
.rg-315518{display:inline-flex;width:30px;height:30px;border-radius:9px;background:#E3EDFF;color:#315392;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.rg-45993b{font-weight:600;font-size:16.5px;margin-top:12px}
.rg-3fbff8{font-size:14px;color:#656E7D;line-height:1.6;margin-top:7px}
.rg-df50d1{display:inline-flex;width:30px;height:30px;border-radius:9px;background:#E1F5EC;color:#187A54;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.rg-a9a592{font-weight:600}
.rg-6124c6{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.rg-104a9f{display:flex;gap:14px;align-items:flex-start;background:#F5F7FB;border-radius:12px;padding:16px 18px}
.rg-26d02a{flex:none;font-size:12px;color:#4E5663;background:#E9EDF4;border-radius:8px;padding:4px 9px;margin-top:1px}
.rg-cbd85a{flex:none;font-size:12px;color:#187A54;background:#E1F5EC;border-radius:8px;padding:4px 9px;margin-top:1px}
.rg-c780ba{border:1px solid #F8EDC5;background:#FDF7E1;border-radius:14px;padding:18px 22px;margin-top:18px}
.rg-9872cc{font-size:11px;letter-spacing:0.14em;font-weight:500;color:#A28700}
.rg-120ce9{font-size:14.5px;line-height:1.7;color:#4E5663;margin-top:10px}
.rg-fc2f55{background:#F5F7FB;border-radius:14px;padding:18px 22px;margin-top:12px;display:flex;gap:12px;align-items:flex-start}
.rg-99d4a4{display:flex;flex-direction:column;gap:11px;margin-top:20px}
.rg-a286bd{display:flex;align-items:flex-start;gap:12px}
.rg-2f2931{flex:none;width:22px;height:22px;border-radius:50%;background:#E1F5EC;color:#187A54;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;margin-top:2px}
.rg-819e28{font-size:15px;line-height:1.65;color:#4E5663}
.rg-22c4a6{font-size:15px;line-height:1.75;color:#4E5663;margin-top:18px;text-wrap:pretty}
.rg-8ce967{border:1px solid #F8EDC5;background:#FDF7E1;border-radius:14px;padding:20px 24px;margin-top:18px}
.rg-a5e204{font-size:15px;line-height:1.75;color:#4E5663;text-wrap:pretty}
.rg-a959dd{font-size:15px;line-height:1.75;color:#4E5663;margin-top:12px;text-wrap:pretty}
.rg-90b3ab{display:flex;flex-direction:column;gap:13px;margin-top:20px}
.rg-503f04{flex:none;width:24px;height:24px;border-radius:50%;background:#E3EDFF;color:#315392;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;margin-top:2px}
.rg-29158d{flex:none;width:24px;height:24px;border-radius:50%;background:#E1F5EC;color:#187A54;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;margin-top:2px}
.rg-daf5fc{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.rg-b03080{font-size:16px;line-height:1.75;color:#4E5663;margin-top:18px;text-wrap:pretty}
.rg-3e78e6{background:#141E30;border-radius:16px;padding:26px 28px;margin-top:20px;text-align:center}
.rg-e45061{font-weight:600;font-size:clamp(16px,2.2vw,20px);line-height:1.6;color:#FFFFFF;margin-top:12px}
.rg-f6a8a1{font-size:16px;line-height:1.75;color:#4E5663;margin-top:18px}
.rg-708501{font-weight:600;font-size:20px;margin-top:32px}
.rg-cb7f2f{font-size:15.5px;line-height:1.75;color:#4E5663;margin-top:12px}
.rg-584e3e{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.rg-a59975{display:flex;gap:10px;font-size:14.5px;line-height:1.6;color:#4E5663}
.rg-f74aa1{flex:none;width:6px;height:6px;border-radius:50%;background:#446BB4;margin-top:8px}
.rg-550220{flex:none;width:6px;height:6px;border-radius:50%;background:#B2414C;margin-top:8px}
.rg-ea3f1e{border:1px solid #F8EDC5;background:#FDF7E1;border-radius:14px;padding:18px 22px;margin-top:16px}
.rg-654e85{font-size:14.5px;line-height:1.7;color:#4E5663}
.rg-606e98{font-size:15.5px;line-height:1.75;color:#4E5663;margin-top:16px;text-wrap:pretty}
.rg-8d8b24{font-size:15.5px;line-height:1.75;color:#4E5663;margin-top:12px;text-wrap:pretty}
.rg-d551b6{font-size:14px;line-height:1.7;color:#656E7D;margin-top:12px;font-style:italic}
.rg-fb9c2e{border:1px solid #E9EDF4;border-radius:16px;overflow:hidden;margin-top:20px}
.rg-1e733f{background:#F5F7FB;padding:14px 22px;border-bottom:1px solid #E9EDF4}
.rg-31160f{font-size:11px;letter-spacing:0.14em;font-weight:500;color:#656E7D}
.rg-e5adf9{padding:16px 22px;display:flex;flex-direction:column;gap:9px}
.rg-0ab9d4{display:flex;justify-content:space-between;gap:16px;font-size:14.5px;color:#4E5663}
.rg-3c214d{white-space:nowrap}
@media (max-width:620px){.rg-3c214d{white-space:normal !important}}
.rg-30ceef{display:flex;justify-content:space-between;gap:16px;font-size:14.5px;font-weight:600;color:#141E30;border-top:1px solid #F5F7FB;padding-top:9px}
.rg-af4021{background:#F5F7FB;padding:14px 22px;border-top:1px solid #E9EDF4;border-bottom:1px solid #E9EDF4}
.rg-4eb07b{padding:16px 22px}
.rg-99a86f{white-space:nowrap;font-weight:600;color:#141E30}
@media (max-width:620px){.rg-99a86f{white-space:normal !important}}
.rg-0eab48{background:#141E30;padding:20px 22px}
.rg-1c1521{display:flex;justify-content:space-between;gap:16px;font-size:14.5px;color:#C5DAFF}
.rg-254cf7{white-space:nowrap;color:#E3EDFF}
@media (max-width:620px){.rg-254cf7{white-space:normal !important}}
.rg-fdba18{display:flex;justify-content:space-between;gap:16px;font-size:15px;margin-top:10px;color:#C5DAFF}
.rg-a7e586{font-weight:700;font-size:20px;white-space:nowrap;color:#C5DAFF}
@media (max-width:620px){.rg-a7e586{white-space:normal !important}}
.rg-4e6fa3{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:24px}
.rg-37c8a3{display:flex;gap:14px;align-items:flex-start;background:#F5F7FB;border-radius:12px;padding:14px 18px}
.rg-11dbef{font-size:14px;color:#4E5663;line-height:1.6}
.rg-1d79e1{flex:none;font-size:12px;color:#B2414C;background:#FFE6E6;border-radius:8px;padding:4px 9px;margin-top:1px}
.rg-8f8469{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.rg-479f68{display:flex;gap:12px;font-size:15px;line-height:1.65;color:#E3EDFF}
.rg-ea04bc{flex:none;color:#C5DAFF;font-weight:700}
.rg-1b17a5{color:#FFFFFF}
.rg-74b960{font-size:13px;color:rgba(255,255,255,0.78);margin-top:14px}
.rg-41197c{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.rg-f17250{border:1px solid #E9EDF4;border-radius:16px;background:#FFFFFF;overflow:hidden}
.rg-c01280{display:flex;align-items:center;gap:14px;padding:18px 22px}
.rg-11e21b{flex:none;width:40px;height:40px;border-radius:10px;background:#141E30;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.rg-ee9a92{flex:1}
.rg-31fec0{display:block;font-weight:600;font-size:17px}
.rg-ae2d1b{display:block;font-size:13px;color:#656E7D;margin-top:2px}
.rg-7326cd{flex:none;color:#656E7D;font-size:11px;transition:transform 0.2s}
.rg-0f2a6a{padding:2px 22px 22px;border-top:1px solid #F5F7FB}
.rg-3e6f4c{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.rg-477e44{display:flex;gap:12px;font-size:14.5px;line-height:1.65;color:#4E5663}
.rg-cc363b{flex:none;width:22px;height:22px;border-radius:50%;background:#E3EDFF;color:#315392;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12.5px}
.rg-01fab3{font-size:13px;color:#4E5663;line-height:1.6;margin-top:14px;background:#FDF7E1;border:1px solid #F8EDC5;border-radius:10px;padding:10px 14px}
.rg-9412b6{flex:none;width:40px;height:40px;border-radius:10px;background:#B2414C;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.rg-40f4e8{font-size:13px;color:#656E7D;line-height:1.6;margin-top:14px;background:#F5F7FB;border-radius:10px;padding:10px 14px}
.rg-59a572{flex:none;width:40px;height:40px;border-radius:10px;background:#D7BD56;color:#141E30;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.rg-149bd2{font-size:14px;color:#4E5663;line-height:1.65;margin-top:16px;background:#F5F7FB;border-radius:10px;padding:12px 16px}
.rg-bddee6{display:block;font-size:11px;letter-spacing:0.14em;font-weight:500;color:#656E7D;margin-top:16px}
.rg-baac21{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.rg-ad5902{flex:none;width:40px;height:40px;border-radius:10px;background:#315392;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.rg-da496c{flex:none;width:40px;height:40px;border-radius:10px;background:#446BB4;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.rg-da924d{flex:none;width:40px;height:40px;border-radius:10px;background:#203B6E;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.rg-3c84d9{font-size:14.5px;color:#4E5663;line-height:1.7;margin-top:16px}
.rg-c57c0d{flex:none;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#5C88D7,#315392);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.rg-e49a00{background:#EAF6F0;border:1px solid #BFE5D2;border-radius:14px;padding:18px 22px;margin-top:18px}