@layer components{.blog-nur-vorlesen{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-brotkrume{color:var(--color-fg-muted);flex-wrap:wrap;gap:.4rem .75rem;margin:0 0 1.5rem;padding:0;font-size:.92rem;list-style:none;display:flex}.blog-brotkrume li+li:before{content:"›";color:var(--color-brand);margin-inline-end:.75rem}.blog-brotkrume a{color:var(--color-brand);text-underline-offset:.2em;text-decoration:underline}.blog-angaben{flex-wrap:wrap;gap:1rem 2.5rem;margin-block:clamp(1.5rem,4vh,2.25rem) 0;display:flex}.blog-angaben>div{flex-direction:column;gap:.15rem;display:flex}.blog-angaben dt{letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand);align-items:center;gap:.4rem;margin:0;font-size:.75rem;font-weight:700;display:flex}.blog-angaben dd{color:var(--color-fg);margin:0;font-size:.98rem}.blog-angaben dd a{color:var(--color-fg);text-underline-offset:.2em;text-decoration:underline}.blog-text{max-inline-size:68ch}.blog-text>*{margin-block:0 1.25rem}.blog-text>:last-child{margin-block-end:0}.blog-text p{color:var(--color-fg);line-height:1.75}.blog-text h2{font-family:var(--font-heading);letter-spacing:-.01em;margin-block:clamp(2.25rem,5vh,3rem) .75rem;font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.25}.blog-text h2:first-child{margin-block-start:0}.blog-text ul{margin-block:0 1.25rem;padding-inline-start:1.25rem;list-style:outside}.blog-text li{color:var(--color-fg);margin-block-end:.5rem;line-height:1.7}.blog-text blockquote{border-inline-start:3px solid var(--color-brand-fill);color:var(--color-fg);margin-inline:0;padding-inline-start:1.25rem;font-size:1.05rem;font-style:italic}.blog-text blockquote footer{color:var(--color-fg-muted);margin-block-start:.5rem;font-size:.9rem;font-style:normal}.blog-verweis{color:var(--color-brand);text-underline-offset:.2em;text-decoration:underline}.blog-code{margin-block:0 1.5rem}.blog-code figcaption{color:var(--color-fg-muted);flex-wrap:wrap;gap:.25rem .75rem;margin-block-end:.5rem;font-size:.85rem;font-weight:600;display:flex}.blog-code figcaption .blog-code__sprache{letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand);font-weight:700}.blog-code pre{border-radius:var(--radius-card);background:var(--color-abyss);color:var(--color-snow);white-space:pre;tab-size:2;margin:0;padding:clamp(1rem,2.5vw,1.5rem);font-size:.9rem;line-height:1.6;overflow-x:auto}.blog-code pre:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.blog-bild{margin:0 0 1.75rem}.blog-bild img{border-radius:var(--radius-card);background:var(--color-bg-raised);block-size:auto;inline-size:100%}.blog-karte{flex-direction:column;padding:clamp(1.5rem,3vw,2rem);display:flex;position:relative}.blog-karte__marke{letter-spacing:.16em;text-transform:uppercase;color:var(--color-brand);align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.72rem;font-weight:700;display:flex}.blog-karte__titel{margin:0;font-size:1.2rem;font-weight:600;line-height:1.3}.blog-karte__titel a{color:var(--color-fg);text-decoration:none}.blog-karte__titel a:after{content:"";border-radius:inherit;position:absolute;inset:0}.blog-karte__titel a:hover{text-underline-offset:.2em;text-decoration:underline}.blog-karte:has(.blog-karte__titel a:focus-visible){outline:2px solid var(--color-brand);outline-offset:3px}.blog-karte__titel a:focus-visible{outline:none}.blog-karte__text{color:var(--color-fg-muted);margin:.625rem 0 0;line-height:1.6}.blog-karte__fuss{color:var(--color-fg-muted);flex-wrap:wrap;gap:.25rem 1rem;margin-block-start:auto;padding-block-start:1.25rem;font-size:.9rem;display:flex}.blog-schlagworte{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.blog-schlagwort{border:1px solid var(--color-border);background:var(--color-bg-raised);color:var(--color-fg-muted);border-radius:999px;padding:.3rem .7rem;font-size:.85rem}.blog-thema-karte{flex-direction:column;padding:clamp(1.25rem,2.5vw,1.75rem);display:flex;position:relative}.blog-thema-karte__titel{margin:.75rem 0 0;font-size:1.1rem;font-weight:600;line-height:1.3}.blog-thema-karte__titel a{color:var(--color-fg);text-decoration:none}.blog-thema-karte__titel a:after{content:"";border-radius:inherit;position:absolute;inset:0}.blog-thema-karte__titel a:hover{text-underline-offset:.2em;text-decoration:underline}.blog-thema-karte:has(.blog-thema-karte__titel a:focus-visible){outline:2px solid var(--color-brand);outline-offset:3px}.blog-thema-karte__titel a:focus-visible{outline:none}.blog-thema-karte__zahl{color:var(--color-fg-muted);margin:.5rem 0 0;font-size:.9rem}.blog-thema-kopf{padding:clamp(1.5rem,3.5vw,2.5rem)}.blog-thema-kopf__lead{max-inline-size:62ch;color:var(--color-fg-muted);margin-block:1rem 0;font-size:1.05rem;line-height:1.7}.blog-thema-bruecke{flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-block-start:clamp(1.5rem,4vh,2.25rem);padding:clamp(1.25rem,3vw,2rem);display:flex}.blog-thema-bruecke p{max-inline-size:52ch;color:var(--color-fg-muted);margin:0}.blog-leer{max-inline-size:60ch;padding:clamp(1.5rem,3.5vw,2.5rem)}.blog-leer p{color:var(--color-fg-muted);margin:.75rem 0 0}}