.w-richtext blockquote:first-child {
  font-size: 0.85em !important;
  line-height: 1.6;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  padding: 20px 24px !important;
  background: rgba(255,255,255,0.02);
  margin-bottom: 2em;
}
.w-richtext blockquote:first-child + hr {
  margin-top: 0;
  opacity: 0.3;
}
.w-richtext blockquote:not(:first-child) {
  border-left: 3px solid currentColor;
  padding-left: 20px;
  margin: 2em 0;
  font-style: italic;
  opacity: 0.85;
}

/* Tabellen im Artikeltext (27.09.2026) */
.w-richtext table{width:100%;border-collapse:collapse;margin:1.6rem 0 1.8rem;font-size:.95rem;line-height:1.45}
.w-richtext th,.w-richtext td{padding:.65rem .85rem;border-bottom:1px solid #e4ded7;text-align:left;vertical-align:top}
.w-richtext th{font-weight:600;background:#f7f4f2;color:#282420;border-bottom:2px solid #d8cfc5}
.w-richtext tbody tr:last-child td{border-bottom:0}
.w-richtext td:first-child{color:#443f39}
@media (max-width:640px){.w-richtext table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.88rem}.w-richtext th,.w-richtext td{padding:.5rem .6rem;white-space:normal;min-width:120px}}

/* Artikel-Bausteine (27.09.2026): Kurzfassung, Inhalt, Merksatz, Fussnoten, FAQ, Listen */
.w-richtext .vm-kurz{background:#f7f4f2;border-left:5px solid #f4e75a;border-radius:0 14px 14px 0;padding:1.2rem 1.4rem 1rem;margin:0 0 1.8rem}
.w-richtext .vm-kurz-t{font-family:'Anonymous Pro',ui-monospace,monospace;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#6b655c;margin:0 0 .6rem}
.w-richtext .vm-kurz ul{list-style:none;margin:0;padding:0}
.w-richtext .vm-kurz li{position:relative;padding:.3rem 0 .3rem 1.7rem;margin:0;line-height:1.5}
.w-richtext .vm-kurz li::before{content:"";position:absolute;left:.3rem;top:.75rem;width:7px;height:12px;border:solid #282420;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.w-richtext .vm-toc{border:1px solid #e4ded7;border-radius:14px;padding:1rem 1.3rem;margin:0 0 2rem;background:#fff}
.w-richtext .vm-toc-t{font-family:'Anonymous Pro',ui-monospace,monospace;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#6b655c;margin:0 0 .5rem}
.w-richtext .vm-toc ol{margin:0;padding-left:1.3rem;columns:2;column-gap:2rem;list-style:decimal}
.w-richtext .vm-toc li{margin:0 0 .3rem;break-inside:avoid;font-size:.95rem}
.w-richtext .vm-toc a{color:#282420;text-decoration:none;border-bottom:1px solid #d8cfc5}
.w-richtext .vm-toc a:hover{border-color:#282420}
.w-richtext .vm-merk{font-family:'Geist',sans-serif;font-size:1.28rem;line-height:1.35;font-weight:500;color:#282420;border-left:5px solid #f4e75a;padding:.4rem 0 .4rem 1.1rem;margin:1.8rem 0}
.w-richtext sup.vm-fn{font-size:.7em;line-height:0;vertical-align:super;margin-left:.1em}
.w-richtext sup.vm-fn a{color:#282420;text-decoration:none;border-bottom:1px solid #d8cfc5;padding:0 .1em}
.w-richtext ol li[id^="q-"]{scroll-margin-top:100px}
.w-richtext details.vm-faq{border-bottom:1px solid #e4ded7;padding:.2rem 0}
.w-richtext details.vm-faq summary{cursor:pointer;list-style:none;font-weight:600;font-size:1.05rem;padding:.85rem 2.2rem .85rem 0;position:relative;color:#282420}
.w-richtext details.vm-faq summary::-webkit-details-marker{display:none}
.w-richtext details.vm-faq summary::after{content:"+";position:absolute;right:.2rem;top:.7rem;font-size:1.4rem;line-height:1;color:#8a847c;transition:transform .2s}
.w-richtext details.vm-faq[open] summary::after{transform:rotate(45deg)}
.w-richtext .vm-faq-a p{margin:0 0 1rem;padding-right:2rem}
.w-richtext ol.vm-nein,.w-richtext ul.vm-nein,.w-richtext ol.vm-ja,.w-richtext ul.vm-ja{list-style:none;padding-left:0;counter-reset:none}
.w-richtext .vm-nein>li,.w-richtext .vm-ja>li{position:relative;padding-left:2.1rem;margin:0 0 .8rem}
.w-richtext .vm-nein>li::before{content:"";position:absolute;left:0;top:.15rem;width:22px;height:22px;border-radius:50%;background:#282420;background-image:linear-gradient(45deg,transparent 45%,#f7f4f2 45%,#f7f4f2 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,#f7f4f2 45%,#f7f4f2 55%,transparent 55%);background-size:12px 12px;background-position:center;background-repeat:no-repeat}
.w-richtext .vm-ja>li::before{content:"";position:absolute;left:0;top:.15rem;width:22px;height:22px;border-radius:50%;background:#f4e75a}
.w-richtext .vm-ja>li::after{content:"";position:absolute;left:8px;top:.35rem;width:5px;height:10px;border:solid #282420;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
@media (max-width:640px){
  .w-richtext .vm-toc ol{columns:1}
  .w-richtext table,.w-richtext thead,.w-richtext tbody,.w-richtext tr,.w-richtext td{display:block;width:100%;min-width:0}
  .w-richtext thead{display:none}
  .w-richtext tr{border:1px solid #e4ded7;border-radius:12px;padding:.5rem .8rem;margin:0 0 .8rem;background:#fff}
  .w-richtext td{border:0;padding:.3rem 0}
  .w-richtext td[data-label]::before{content:attr(data-label);display:block;font-family:'Anonymous Pro',ui-monospace,monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#8a847c;margin-bottom:.1rem}
  .w-richtext td:first-child{font-weight:600;color:#282420}
}
.w-richtext figure.vm-bild{margin:1.8rem 0 2rem;max-width:100%}
/* Bilder in Artikeln immer ueber die ganze Textspalte, auch in alten Webflow-Figuren (Standard dort 60 %) (Dustin 01.11.2026) */
.w-richtext figure,.text-rich-text figure{max-width:100%;width:100%;margin:1.8rem 0 2rem}
.w-richtext figure div,.text-rich-text figure div{width:100%}
.w-richtext figure img,.text-rich-text figure img{display:block;width:100%;height:auto}
.w-richtext figure.vm-bild img{display:block;width:100%;height:auto;border:1px solid #e4ded7;border-radius:14px}


/* Klickbare Karten (::karten) */
.w-richtext .vm-karten{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0 2rem}
.w-richtext a.vm-karte{position:relative;display:block;border-radius:16px;padding:1.25rem 3rem 1.2rem 1.35rem;background:#282420;color:#fff;text-decoration:none;border:0;transition:transform .2s,box-shadow .25s}
.w-richtext a.vm-karte strong{display:block;color:#f4e75a;font-family:'Geist',sans-serif;font-weight:600;font-size:1.12rem;line-height:1.25;margin:0 0 .35rem}
.w-richtext a.vm-karte span{display:block;color:#d9d3ca;font-size:.92rem;line-height:1.5}
.w-richtext a.vm-karte::after{content:"\2192";position:absolute;right:1.2rem;top:1.15rem;font-size:1.3rem;color:#f4e75a;transition:transform .2s}
.w-richtext a.vm-karte:hover{transform:translateY(-3px);box-shadow:0 0 0 4px rgba(244,231,90,.35),0 16px 34px rgba(244,231,90,.4)}
.w-richtext a.vm-karte:hover::after{transform:translateX(4px)}
.w-richtext a.vm-karte.haupt{grid-column:1/-1;background:#f4e75a;color:#282420;box-shadow:0 0 0 6px rgba(244,231,90,.28),0 16px 40px rgba(244,231,90,.45)}
.w-richtext a.vm-karte.haupt strong{color:#282420;font-size:1.3rem}
.w-richtext a.vm-karte.haupt span{color:#443f39;font-size:1rem}
.w-richtext a.vm-karte.haupt::after{color:#282420}
.w-richtext a.vm-karte.haupt:hover{box-shadow:0 0 0 6px rgba(244,231,90,.45),0 22px 50px rgba(244,231,90,.6)}
@media (max-width:640px){.w-richtext .vm-karten{grid-template-columns:1fr}}
/* Blog-H1 ohne JavaScript sichtbar (globale Hero-Animation greift hier nicht) */
body:not(.vm-anim-ready) .post_hero_wrap h1{opacity:1}
.w-richtext details.vm-quellen-mehr{margin:.4rem 0 1rem}
.w-richtext details.vm-quellen-mehr summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.6rem;font-weight:600;font-size:1rem;color:#282420;padding:.5rem 0}
.w-richtext details.vm-quellen-mehr summary::-webkit-details-marker{display:none}
.w-richtext details.vm-quellen-mehr .vm-plus{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #282420;border-radius:50%;font-size:1.3rem;line-height:1;transition:transform .2s}
.w-richtext details.vm-quellen-mehr[open] .vm-plus{transform:rotate(45deg)}
.w-richtext details.vm-quellen-mehr ol{margin-top:.6rem}
.w-richtext h2#quellen ~ ol.vm-quellen li,.w-richtext details.vm-quellen-mehr ol li{list-style-type:decimal!important;display:list-item}
.w-richtext h2#quellen ~ ol.vm-quellen,.w-richtext details.vm-quellen-mehr ol{padding-left:1.8rem;list-style-type:decimal!important}
.w-richtext h2#quellen ~ ol.vm-quellen li::before,.w-richtext details.vm-quellen-mehr ol li::before{content:none!important;display:none!important}

/* Links im Fliesstext, in Listen und Tabellen sichtbar (Dustin 02.11.2026: „nichts verlinkt“). Die Webflow-Basis laesst a Farbe und Unterstreichung erben.
   Nur direkte Kinder, damit Fussnoten (sup a), Inhaltsverzeichnis (.vm-toc) und Karten (.vm-karte) ihre eigene Gestaltung behalten. */
.w-richtext :is(p,li,td) > a:not([class]):not(.vm-toc *),.w-richtext :is(p,li,td) > strong > a:not([class]){color:#282420;text-decoration:underline;text-decoration-color:#f4e75a;text-decoration-thickness:2px;text-underline-offset:.16em;border-radius:2px;transition:background-color .15s,text-decoration-color .15s}
.w-richtext :is(p,li,td) > a:not([class]):not(.vm-toc *):hover,.w-richtext :is(p,li,td) > strong > a:not([class]):hover{background-color:#f4e75a;text-decoration-color:#282420}

/* Kennzeichnung bezahlter Platzierungen (Dustin 05.11.2026): eine Zeile unter den Quellen, Stil wie die Kopfzeile der Startseite (.ma-kicker). */
.w-richtext p.vm-anzeige{font-family:var(--fonts--badge),'Anonymous Pro',monospace;font-size:.8rem;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#6f6a63;display:flex;align-items:center;gap:.5rem;margin:1.6rem 0 0}
.w-richtext p.vm-anzeige::before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:#f4e75a}


/* Abschluss unter den Agentur-Fragen (Dustin 05.11.2026): zwei Spalten, links Leistung oder Startseite, rechts Erstgespraech. Markdown: ::abschluss + Liste mit genau zwei Links. */
.vm-abschluss{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.6rem 0 2.2rem}
.vm-abschluss-k{position:relative;display:flex;flex-direction:column;border-radius:16px;padding:1.4rem 3rem 1.35rem 1.4rem;background:#282420;color:#fff;text-decoration:none;border:0;transition:transform .2s,box-shadow .25s}
.vm-abschluss-k strong{display:block;color:#f4e75a;font-family:'Geist',sans-serif;font-weight:600;font-size:1.15rem;line-height:1.25;margin:0 0 .45rem}
.vm-abschluss-k span{display:block;color:#d9d3ca;font-size:.95rem;line-height:1.5}
.vm-abschluss-k::after{content:"\2192";position:absolute;right:1.2rem;top:1.3rem;font-size:1.3rem;color:#f4e75a;transition:transform .2s}
.vm-abschluss-k.rechts{background:#f4e75a;color:#282420}
.vm-abschluss-k.rechts strong{color:#282420}
.vm-abschluss-k.rechts span{color:#453f1c}
.vm-abschluss-k.rechts::after{color:#282420}
.vm-abschluss-k:hover{transform:translateY(-3px);box-shadow:0 0 0 4px rgba(244,231,90,.35),0 16px 34px rgba(244,231,90,.4)}
.vm-abschluss-k:hover::after{transform:translateX(4px)}
@media (max-width:767px){.vm-abschluss{grid-template-columns:1fr}}

/* Suchleiste ueber Tabellen mit Suchvolumen (Dustin 09.11.2026): zeigt den gemessenen Suchbegriff wie in einer Suchmaschine. Markdown: Absatz "::suche Begriff" direkt vor der Tabelle. */
.vm-suche{display:flex;align-items:center;gap:.75rem;flex:0 1 34rem;min-width:0;margin:0;padding:.8rem 1.25rem;border:1px solid #dcd6cb;border-radius:999px;background:#fff;box-shadow:0 2px 10px rgba(40,36,32,.08);font-family:'Geist',sans-serif;font-size:1.08rem;line-height:1.2;color:#282420}
.vm-suche-lupe{flex:none;width:1.25rem;height:1.25rem;color:#6b6660}
.vm-suche-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Warnkasten (Dustin 09.11.2026): gelber Kasten, Ausrufezeichen, Text fett. Markdown: Absatz beginnt mit "!!! ". */
.w-richtext .vm-achtung{display:flex;gap:1rem;align-items:flex-start;background:#f4e75a;color:#282420;border-radius:14px;padding:1.15rem 1.35rem;margin:1.8rem 0}
.w-richtext .vm-achtung-i{flex:none;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#282420;color:#f4e75a;font-family:'Geist',sans-serif;font-weight:700;font-size:1.2rem;line-height:1;margin-top:.1rem}
.w-richtext .vm-achtung p{margin:0;font-family:'Geist',sans-serif;font-weight:600;font-size:1.08rem;line-height:1.5;color:#282420}
@media (max-width:767px){.w-richtext .vm-achtung p{font-size:.98rem}.w-richtext .vm-achtung{padding:1rem 1.1rem;gap:.8rem}}
/* Suchleiste ohne Cursor (kein Eingabefeld), Pfeil rechts daneben zeigt auf die Tabelle (Dustin 09.11.2026) */
.vm-suche-zeile{display:flex;align-items:flex-start;gap:.4rem;margin:1.4rem 0 .4rem}
.vm-suche-pfeil{flex:none;width:72px;height:80px;margin-top:-2px;color:#282420}
@media (max-width:767px){.vm-suche-pfeil{width:52px;height:58px}}

/* Gelbe Markierung der Kernaussage (Dustin 09.11.2026): Markdown ==Text==. Gelb liegt hinter dem Text, bricht je Zeile sauber, ragt nicht in Nachbarzeilen. */
.w-richtext mark.vm-hl{position:relative;z-index:0;background:#f4e75a;color:#282420;padding:.08em .18em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.w-richtext mark.vm-hl > a:not([class]){color:inherit;text-decoration:underline;text-decoration-color:#282420;text-decoration-thickness:1px;text-underline-offset:3px}