@layer components{.blog-seite .blog-ratgeber{background-color:#141013;background-image:radial-gradient(50rem 30rem at 80% 0,#e9539447,#0000 62%),linear-gradient(#141013,#141013);background-size:auto}.blog-seite .blog-kopf{padding-top:clamp(5.5rem,10vh,7rem)}@media (max-width:52rem){.blog-seite .blog-ratgeber{padding-top:6.5rem}.blog-seite .blog-kopf{padding-top:0}}.blog-seite .blog-karte{transition:transform .4s var(--ease), box-shadow .4s;border-radius:1.5rem}.blog-seite .blog-karte:hover{box-shadow:0 0 0 1.5px #ff8abd99,0 30px 60px -30px #e9539499}.blog-seite .blog-karte__titel{letter-spacing:-.02em;font-family:inherit;font-weight:700}.blog-seite .blog-karte__knopf{justify-content:flex-start;width:auto;min-height:0;padding:0;font-weight:700;box-shadow:none!important;color:#ff8abd!important;background:0 0!important}.blog-seite .blog-karte__knopf:before{display:none}.blog-seite .blog-karte__knopf:after{content:"→";z-index:auto;opacity:1;width:auto;height:auto;transition:transform .3s var(--feder);background:0 0;margin-left:.4rem;position:static;inset:auto}.blog-seite .blog-karte:hover .blog-karte__knopf:after{transform:translate(5px)}body:has(.blog-seite) .fuss--nacht{--fuss-von:#141013}body:has(.blog-seite) .fuss--nacht{background:#141013}.blog-seite{background-color:var(--color-rose-50)}.blog-ratgeber__inner{max-width:var(--container-content);margin-inline:auto}.blog-kopf{gap:var(--content-gap);text-align:center;justify-items:center;max-width:46rem;margin-inline:auto;display:grid}.blog-kopf__headline{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:500;line-height:var(--leading-tight);color:var(--color-text-on-media);margin:0}.blog-kopf__lead{max-width:34rem;font-size:var(--text-lg);color:var(--color-text-on-media-muted);text-wrap:pretty;margin:0;line-height:1.5}.blog-filter{justify-items:center;gap:.875rem;margin-top:clamp(2rem,1.4rem + 2.4vw,3.25rem);display:grid}.blog-filter>div{flex-wrap:wrap;justify-content:center;gap:.625rem;display:flex}.blog-filter__chip{border-radius:var(--radius-full);font-size:var(--text-sm);color:#ffffffdb;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out-quad), border-color var(--dur-base) var(--ease-out-quad), color var(--dur-base) var(--ease-out-quad);border:1px solid #ffffff47;padding:.5rem 1.05rem;font-weight:500;line-height:1.2}@media (pointer:coarse){.blog-filter__chip{padding-block:calc(1.375rem - .6em - .5px)}}.blog-filter__zahl{opacity:.62}@media (hover:hover) and (pointer:fine){.blog-filter__chip:hover{color:#fff;background-color:#ffffff12;border-color:#ffffff80}}.blog-filter__chip[aria-pressed=true]{background-image:var(--gradient-action);color:var(--color-accent-50);border-color:#0000}.blog-filter__stand{font-size:var(--text-sm);color:#ffffff8c;font-variant-numeric:tabular-nums lining-nums;margin:0}.blog-feld{grid-template-columns:repeat(auto-fill,minmax(min(100%,16.5rem),1fr));gap:clamp(1.25rem,.9rem + 1.4vw,2rem);margin:clamp(2.25rem,1.5rem + 3vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}.blog-karte{border-radius:var(--radius-md);background-color:#ffffff0b;border:1px solid #ffffff17;grid-template-rows:auto auto 1fr auto;gap:.875rem;height:100%;padding:.75rem .75rem 1rem;display:grid;position:relative}.blog-karte__medium{border-radius:calc(var(--radius-md) - .3rem);aspect-ratio:3/2;background-color:#ffffff0a;position:relative;overflow:hidden}.blog-karte__bild{object-fit:cover;object-position:center var(--bild-fokus,22%);width:100%;height:100%}.blog-karte__marke{border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#fff;background-color:#0a0a0cb8;padding:.25rem .5rem;font-size:.75rem;font-weight:500;position:absolute;top:.5rem;right:.5rem}.blog-karte__titel{font-family:var(--font-heading);color:var(--color-text-on-media);text-wrap:balance;margin:0;font-size:clamp(1.125rem,1.05rem + .3vw,1.3125rem);font-weight:500;line-height:1.24}.blog-karte__anker{color:inherit;text-decoration:none}.blog-karte__anker:after{content:"";border-radius:inherit;position:absolute;inset:0}.blog-karte__text{font-size:var(--text-sm);color:#ffffffc7;text-wrap:pretty;margin:0;line-height:1.5}.blog-karte__knopf{justify-content:center;width:100%;padding-inline:2.8125rem;font-size:1rem}@media (hover:hover) and (pointer:fine){.blog-karte{transition:translate var(--dur-slow) var(--ease-in-out-soft), border-color var(--dur-slow) var(--ease-in-out-soft), background-color var(--dur-slow) var(--ease-in-out-soft)}.blog-karte__bild{transition:scale .6s var(--ease-in-out-soft)}.blog-karte:hover{background-color:#ffffff12;border-color:#ff8abd61;translate:0 -4px}.blog-karte:hover .blog-karte__bild{scale:1.05}.blog-karte:hover .blog-karte__knopf:after{opacity:1}}.blog-karte:has(.blog-karte__anker:focus-visible){outline:2px solid var(--color-accent-400);outline-offset:3px}.blog-karte__anker:focus-visible{outline:none}}.blog-seite .blog-karte{isolation:isolate;transition:transform .3s var(--ease), box-shadow .3s, border-color .3s;overflow:hidden}.blog-seite .blog-karte:before{content:"";z-index:-1;background:radial-gradient(18rem 12rem at 100% 100%, #e953948c, transparent 70%), radial-gradient(12rem 10rem at 0% 0%, #ff8abd2e, transparent 70%), var(--dunkel);clip-path:circle(0% at 100% 100%);transition:clip-path .6s var(--ease);position:absolute;inset:0}.blog-seite .blog-karte:hover,.blog-seite .blog-karte:focus-within{border-color:#0000;transform:translateY(-6px)rotate(-.6deg);box-shadow:0 30px 60px -28px #e953948c}.blog-seite .blog-karte:hover:before,.blog-seite .blog-karte:focus-within:before{clip-path:circle(150% at 100% 100%)}.blog-seite .blog-karte:hover .blog-karte__bild{scale:none}