/* Blog-Modul XQ Media — erzeugt, nicht von Hand bearbeiten */
.xqb{--xqb-a:var(--cyan);--xqb-t:var(--paper);--xqb-m:var(--fog);--xqb-l:var(--line2);--xqb-b:transparent;--xqb-s:var(--ink2);--xqb-g:var(--spec);
  --xqb-hf:var(--head);--xqb-tf:var(--body);color:var(--xqb-t);background:var(--xqb-b);font-family:var(--xqb-tf);
  padding:calc(72px + clamp(24px,5vw,56px)) 0 clamp(56px,8vw,96px)}
.xqb *{box-sizing:border-box}
.xqb-wrap{width:min(1160px,100% - 2*clamp(16px,5vw,56px));margin-inline:auto}
/* 61ch (Breite der „0“) ≈ 70 durchschnittliche Zeichen pro Zeile */
.xqb-narrow{max-width:61ch;margin-inline:auto}
.xqb h1,.xqb h2,.xqb h3{font-family:var(--xqb-hf);color:var(--xqb-t);letter-spacing:-.02em}
.xqb-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0 0 22px;padding:0;list-style:none;font-size:14px;color:var(--xqb-m)}
.xqb-crumbs li+li::before{content:"›";margin-right:8px;color:var(--xqb-m)}
.xqb-crumbs a{color:var(--xqb-m);text-decoration:none}.xqb-crumbs a:hover{color:var(--xqb-t);text-decoration:underline}
.xqb-kat{display:inline-block;margin-bottom:6px;color:var(--xqb-a);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.xqb h1{margin:0 0 16px;font-size:clamp(2rem,5.2vw,3.2rem);line-height:1.1}
.xqb-teaser{margin:0 0 18px;color:var(--xqb-t);font-size:clamp(1.1rem,2.2vw,1.3rem);line-height:1.6}
.xqb-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;color:var(--xqb-m);font-size:14.5px}
.xqb-hero{margin:28px 0 8px}
.xqb-hero img{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:18px;background:var(--xqb-s)}
.xqb-toc{margin:28px 0;padding:18px 22px;border:1px solid var(--xqb-l);border-radius:16px;background:var(--xqb-s)}
.xqb-toc h2{margin:0 0 8px;font-size:1.05rem}
.xqb-toc ol{margin:0;padding-left:20px}.xqb-toc ol ol{padding-left:18px}
.xqb-toc li{margin:6px 0}.xqb-toc a{color:var(--xqb-t);text-decoration:none}.xqb-toc a:hover{color:var(--xqb-a);text-decoration:underline}
.xqb-body{font-size:1.08rem;line-height:1.8}
.xqb-body h2{margin:2.2em 0 .5em;font-size:clamp(1.45rem,3vw,1.9rem);line-height:1.25;scroll-margin-top:110px}
.xqb-body h3{margin:1.8em 0 .4em;font-size:1.25rem;line-height:1.3;scroll-margin-top:110px}
.xqb-body p{margin:0 0 1.15em}
.xqb-body a{color:var(--xqb-a);text-underline-offset:3px}
.xqb-body ul,.xqb-body ol{margin:0 0 1.2em;padding-left:1.4em}.xqb-body li{margin:.35em 0}
.xqb-body strong{color:var(--xqb-t)}
.xqb-table{margin:1.6em 0;overflow-x:auto;border:1px solid var(--xqb-l);border-radius:14px}
.xqb-body table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.xqb-body th,.xqb-body td{padding:10px 14px;border-bottom:1px solid var(--xqb-l);text-align:left;vertical-align:top}
.xqb-body th{background:var(--xqb-s);font-weight:600}.xqb-body tr:last-child td{border-bottom:0}
.xqb-box{margin:48px 0 0;padding:clamp(20px,4vw,30px);border:1px solid var(--xqb-l);border-radius:18px;background:var(--xqb-s)}
.xqb-box h2{margin:0 0 14px;font-size:1.45rem}
.xqb-faq h3{margin:22px 0 6px;font-size:1.08rem;line-height:1.4}.xqb-faq h3:first-of-type{margin-top:0}
.xqb-faq p{margin:0;color:var(--xqb-m);line-height:1.7}
.xqb-author{display:flex;gap:16px;align-items:center}
.xqb-author img{flex:none;width:56px;height:56px;padding:8px;border:1px solid var(--xqb-l);border-radius:50%;background:var(--xqb-b);object-fit:contain}
.xqb-author p{margin:0;color:var(--xqb-m);line-height:1.5}.xqb-author b{display:block;color:var(--xqb-t);font-size:1.05rem}
.xqb-cta{position:relative;overflow:hidden}
.xqb-cta::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--xqb-g)}
.xqb-cta p{margin:0 0 18px;color:var(--xqb-m);line-height:1.6}
.xqb-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:2px solid var(--xqb-a);border-radius:999px;color:var(--xqb-a);font-weight:700;text-decoration:none}
.xqb-btn.p{background:var(--xqb-a);color:#fff}
.xqb .xqb-more{margin-top:64px;padding:0}
.xqb-more>h2{margin:0 0 18px;font-size:1.6rem}
.xqb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.xqb-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--xqb-l);border-radius:18px;background:var(--xqb-s);color:var(--xqb-t);text-decoration:none;transition:border-color .2s}
.xqb-card:hover{border-color:var(--xqb-a)}
.xqb-card img{display:block;width:100%;height:auto;aspect-ratio:1200/630;background:var(--xqb-b)}
.xqb-card .in{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px 18px 20px}
.xqb-card .k{color:var(--xqb-a);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.xqb-card h2,.xqb-card h3{margin:0;font-size:1.2rem;line-height:1.3}
.xqb-card p{margin:0;color:var(--xqb-m);font-size:.95rem;line-height:1.55}
.xqb-card time{margin-top:auto;color:var(--xqb-m);font-size:13.5px}
.xqb-first{grid-column:1/-1}
.xqb-first .xqb-card{display:grid;grid-template-columns:1.25fr 1fr}
.xqb-first .xqb-card img{height:100%;object-fit:cover}
.xqb-first .xqb-card h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.xqb-head{max-width:70ch;margin-bottom:26px}.xqb-head p{margin:0;color:var(--xqb-m);font-size:1.1rem;line-height:1.6}
.xqb-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0;list-style:none}
.xqb-filter a{display:inline-block;padding:9px 16px;border:1px solid var(--xqb-l);border-radius:999px;color:var(--xqb-t);font-size:14.5px;font-weight:600;text-decoration:none}
.xqb-filter a[aria-current]{border-color:var(--xqb-a);color:var(--xqb-a)}
.xqb-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.xqb-pages a,.xqb-pages span{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border:1px solid var(--xqb-l);border-radius:999px;color:var(--xqb-t);font-weight:700;text-decoration:none}
.xqb-pages [aria-current]{border-color:var(--xqb-a);color:var(--xqb-a)}
.xqb-back{display:inline-block;margin-top:28px;color:var(--xqb-a);font-weight:700}
@media (max-width:900px){.xqb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xqb-first .xqb-card{grid-template-columns:1fr}.xqb-first .xqb-card img{height:auto}}
@media (max-width:600px){.xqb-grid{grid-template-columns:1fr}.xqb-body{font-size:1.02rem;line-height:1.75}.xqb-hero img{border-radius:12px}.xqb-author{align-items:flex-start}.xqb-btn{width:100%;justify-content:center}}