.hero--artikel{padding-bottom: 40px}.hero--artikel .h1{max-width: 18em}@media (min-width: 1024px){.hero--artikel .h1{font-size: 52px;line-height: 56px}}.artikel-meta{margin-top: 24px;font: 450 14px/20px var(--sans);letter-spacing: 0;color: var(--leise)}.artikel-rahmen{padding-bottom: var(--abschnitt)}.artikel-rahmen .raster{align-items: start}.artikel-inhalt,.artikel{grid-column: 1 / -1;min-width: 0}@media (min-width: 1024px){.artikel-inhalt{grid-column: 1 / span 3;position: sticky;top: calc(var(--kopf-h) + 32px)}.artikel{grid-column: 5 / span 8}}.artikel-inhalt{border: 1px solid var(--haar);border-radius: 12px;padding: 16px 18px;background: var(--flaeche)}@media (min-width: 1024px){.artikel-inhalt{border: 0;border-left: 1px solid var(--haar);border-radius: 0;background: none;padding: 4px 0 4px 18px}}.artikel-inhalt__titel{font: 500 13px/20px var(--sans);letter-spacing: .02em;text-transform: none;color: var(--leise);margin-bottom: 10px}.artikel-inhalt ol{display: grid;gap: 6px}.artikel-inhalt a{display: block;font: 450 14px/21px var(--sans);color: var(--zweit);text-decoration: none;padding: 3px 0;transition: color .2s ease}@media (hover: hover){.artikel-inhalt a:hover{color: var(--tinte)}}.artikel{max-width: 46rem;color: var(--zweit);font-size: 18px;line-height: 30px}.artikel>* + *{margin-top: 20px}.artikel h2{font: 560 28px/34px var(--sans);letter-spacing: -.025em;color: var(--tinte);margin-top: 64px;scroll-margin-top: calc(var(--kopf-h) + 24px)}@media (min-width: 1024px){.artikel h2{font-size: 32px;line-height: 38px}}.artikel h3{font: 560 20px/28px var(--sans);letter-spacing: -.015em;color: var(--tinte);margin-top: 36px}.artikel h2 + p,.artikel h3 + p{margin-top: 14px}.artikel b,.artikel strong{color: var(--tinte);font-weight: 560}.artikel a:not([class]){color: var(--tinte);text-decoration: underline;text-decoration-color: rgba(10,15,28,.25);text-decoration-thickness: 1px;text-underline-offset: 4px;transition: text-decoration-color .3s ease}@media (hover: hover){.artikel a:not([class]):hover{text-decoration-color: currentColor}}.artikel code{font: 450 .9em/1 var(--mono);background: var(--flaeche-2);border-radius: 5px;padding: 2px 6px;color: var(--tinte)}.liste{display: grid;gap: 10px}.liste li{position: relative;padding-left: 22px}.liste li::before{content: "";position: absolute;left: 2px;top: 13px;width: 6px;height: 6px;border-radius: 50%;background: var(--akzent)}.liste--zahl{counter-reset: z}.liste--zahl li{counter-increment: z;padding-left: 34px}.liste--zahl li::before{content: counter(z);top: 3px;left: 0;width: 22px;height: 22px;border-radius: 6px;background: var(--akzent-tint);color: var(--akzent);font: 500 12px/22px var(--sans);text-align: center}.checkliste{border: 1px solid var(--haar);border-radius: 14px;padding: 8px 20px;background: #fff;box-shadow: var(--schatten-1)}.checkliste li{position: relative;padding: 14px 0 14px 34px;border-top: 1px solid var(--haar)}.checkliste li:first-child{border-top: 0}.checkliste li::before{content: "";position: absolute;left: 0;top: 17px;width: 20px;height: 20px;border-radius: 6px;border: 1.5px solid var(--linie);background: #fff}.checkliste li::after{content: "";position: absolute;left: 7px;top: 21px;width: 6px;height: 10px;border-right: 2px solid var(--gut);border-bottom: 2px solid var(--gut);transform: rotate(45deg)}.kurz{border-radius: 14px;padding: 20px 22px;background: var(--flaeche);border: 1px solid var(--haar)}.kurz__titel,.hinweis__titel{font: 500 13px/20px var(--sans);letter-spacing: .02em;text-transform: none;color: var(--leise);margin-bottom: 12px}.kurz .liste{gap: 8px;font-size: 17px;line-height: 27px;color: var(--tinte)}.codeblock{font: 450 14px/24px var(--mono);color: var(--tinte);background: var(--flaeche);border: 1px solid var(--haar);border-radius: 12px;padding: 16px 18px;overflow-wrap: anywhere}.hinweis{border-left: 2px solid var(--akzent);padding: 4px 0 4px 18px;font-size: 17px;line-height: 28px}.artikel .tabelle-rahmen{margin-top: 24px;background: linear-gradient(to right,var(--grund) 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),var(--grund) 70%) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(10,15,28,.12),rgba(10,15,28,0)),radial-gradient(farthest-side at 100% 50%,rgba(10,15,28,.12),rgba(10,15,28,0)) 100% 0;background-repeat: no-repeat;background-size: 40px 100%,40px 100%,14px 100%,14px 100%;background-attachment: local,local,scroll,scroll}@media (max-width: 639px){.artikel .vergleichstabelle{font-size: 15px;line-height: 22px;min-width: 480px}}.artikel .vergleichstabelle{min-width: 520px;font-size: 16px;line-height: 24px}.artikel .vergleichstabelle tbody th{width: 30%}.cta-box{margin-top: 40px !important;margin-bottom: 8px;border-radius: 16px;padding: 24px 22px 26px;background: var(--nacht);color: var(--nacht-zweit);box-shadow: var(--schatten-2)}@media (min-width: 640px){.cta-box{padding: 30px 32px 32px}}.cta-box__titel{font: 560 22px/28px var(--sans);letter-spacing: -.02em;color: #fff}.cta-box p + p{margin-top: 10px}.cta-box .cta-box__tun{margin-top: 20px}.cta-box .pille{background: #fff;color: var(--nacht);box-shadow: 0 1px 2px rgba(0,0,0,.4)}.cta-box .klein{color: var(--nacht-zweit);margin-top: 12px}.cta-box a:not([class]){color: #fff;text-decoration-color: rgba(255,255,255,.35)}.quellen{margin-top: 56px !important;padding-top: 24px;border-top: 1px solid var(--linie)}.quellen__titel{font: 500 13px/20px var(--sans);letter-spacing: .02em;text-transform: none;color: var(--leise)}.quellen ol{margin-top: 12px;display: grid;gap: 8px;font-size: 15px;line-height: 23px;counter-reset: q}.quellen li{counter-increment: q;padding-left: 28px;position: relative;overflow-wrap: anywhere}.quellen li::before{content: counter(q) ".";position: absolute;left: 0;color: var(--leise);font-family: var(--sans);font-size: 14px}.karten{display: grid;gap: 16px;grid-column: 1 / -1}@media (min-width: 768px){.karten{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.karten{grid-template-columns: repeat(3,minmax(0,1fr))}}.karte{position: relative;display: flex;flex-direction: column;gap: 10px;padding: 24px 22px 22px;border-radius: 16px;background: #fff;border: 1px solid var(--haar);box-shadow: var(--schatten-1);transition: transform .6s var(--kurve),box-shadow .6s var(--kurve)}@media (hover: hover){.karte:hover{transform: translateY(-2px);box-shadow: var(--schatten-2)}}.karte__thema{font: 500 13px/20px var(--sans);letter-spacing: .02em;text-transform: none;color: var(--akzent)}.karte .h3{font-size: 20px;line-height: 27px}.karte .h3 a{color: inherit;text-decoration: none}.karte .h3 a::after{content: "";position: absolute;inset: 0;border-radius: 16px}.karte__text{font-size: 16px;line-height: 25px}.karte__meta{margin-top: auto;padding-top: 8px;font: 450 13px/18px var(--sans);color: var(--leise)}.wissen-gruppe + .wissen-gruppe{padding-top: 0}.wissen-gruppe__kopf{grid-column: 1 / -1;max-width: 46rem}.wissen-gruppe__kopf .lese{margin-top: 16px}.ratgeber-links{grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: 12px 28px}