/* Paket 77: Ratgeber-/Themenseiten */
@media (max-width: 480px) { .top .g-top-r { display: none; } .top .btn-primary { margin-left: auto; } }
.guide .crumbs { font-size: .9rem; color: var(--muted, #5B6475); margin-bottom: 1rem; }
.guide .crumbs a { color: inherit; }
.guide .lead { font-size: 1.15rem; line-height: 1.6; }
.guide .answer { font-size: 1.05rem; line-height: 1.6; border-left: 3px solid var(--cobalt, #2563EB); padding-left: .9rem; }
.guide .g-cta { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.2rem 0 1.6rem; }
.guide .steps { padding-left: 1.2rem; } .guide .steps li { margin: .5rem 0; line-height: 1.55; }
.guide ul li { margin: .35rem 0; line-height: 1.55; }
.guide .rel.cards { list-style: none; padding: 0; display: grid; gap: .8rem; }
.guide .rel.cards a { display: grid; gap: .25rem; padding: 1rem 1.1rem; border: 1px solid var(--line, #E6EAF2); border-radius: 16px; text-decoration: none; color: inherit; background: transparent; }
.guide .rel.cards a:hover, .guide .rel.cards a:focus-visible { border-color: var(--cobalt, #2563EB); }
.guide .rel.cards b { color: var(--link, var(--cobalt, #2563EB)); } .guide .rel.cards span { font-size: .95rem; color: var(--muted, #5B6475); }
.guide .g-box { margin-top: 2.4rem; padding: 1.2rem 1.3rem; border-radius: 20px; background: color-mix(in srgb, var(--cobalt, #2563EB) 8%, transparent); display: grid; gap: .8rem; justify-items: start; }
.guide .tbl-wrap { overflow-x: auto; margin: 1.2rem 0; } .guide table.cmp { border-collapse: collapse; min-width: 560px; width: 100%; font-size: .95rem; }
.guide table.cmp th, .guide table.cmp td { border-bottom: 1px solid var(--line, #E6EAF2); padding: .6rem .5rem; text-align: left; vertical-align: top; }
.guide .faq-list details { border-bottom: 1px solid var(--line, #E6EAF2); padding: .7rem 0; } .guide .faq-list summary { cursor: pointer; font-weight: 600; }

/* Paket 80: Icons statt leerer Kreise in den Schritten */
.guide .steps { padding-left: 0; list-style: none; }
.guide .steps li::before { content: ""; background: var(--ice, #E8F0FF) center / 1.45rem no-repeat; }
.guide .steps li:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5A2 2 0 0 1 6 6.5h1.6l1.3-2h6.2l1.3 2H18a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='12' cy='12.6' r='3.4'/%3E%3C/svg%3E"); }
.guide .steps li:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l4.5 4.5'/%3E%3Cpath d='M8 10.6l1.8 1.8 3.2-3.4'/%3E%3C/svg%3E"); }
.guide .steps li:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14' rx='2.5'/%3E%3Cpath d='M8 3.5v4M16 3.5v4M4 10h16'/%3E%3Cpath d='M9 14.6l2 2 4-4'/%3E%3C/svg%3E"); }