/* Variante B – Vorschau "Knete-Rand" v4: der Rand der Gedankenblasen ist eine dicke, gerollte Knet-Wurst
   (Softblack + Apricot-Strang auf Hell, Weiss + Apricot auf Dunkel; Schatten im Bild eingebacken), innen Milchglas,
   Vorläufer-Wölkchen als Knetkugeln. Text als echtes HTML (Nunito 800, leicht eingedrückt).
   Bilder: /workspace/knete/rim3.py, Seite: vb_bubbles_variants.py knete-rand, Stufen: vb_kr_scale_css.py */
.kr-zfw .kr-stack{container-type:inline-size;isolation:isolate}
.kr-zfw .kr-stack .lyr{-webkit-user-drag:none}
.kr-zfw .kr-txt{position:absolute;inset:0;display:block;pointer-events:none}
.kr-zfw .kn-q{position:absolute;width:0;height:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:auto}
.kr-zfw .kn-q>span{display:block;flex:none;font-family:"Nunito","Inter",ui-sans-serif,system-ui,sans-serif;font-weight:800;
  line-height:1.25;letter-spacing:-.01em;white-space:nowrap;color:#313131;
  text-shadow:0 .06em 0 rgba(255,255,255,.95),0 -.035em .02em rgba(49,49,49,.22)}
.vb-dark .kr-zfw .kn-q>span{color:#EEF1E8;text-shadow:0 .055em .02em rgba(0,0,0,.55),0 -.03em 0 rgba(255,255,255,.10)}
.hl-doc .zf-anim.in .kr-stack .lyr.kr-txt{animation-name:zfpop!important;animation-duration:.64s!important;animation-delay:.62s!important;animation-fill-mode:both!important}
@media (prefers-reduced-motion:reduce){html .hl-doc .zf-anim .kr-stack .lyr,html .hl-doc .zf-anim.in .kr-stack .lyr{animation:none!important;opacity:1!important;transform:none!important}}

/* Layout wie /modern/ (grössere Blasen) */
.kr-zfw.vb-zfw--selbst{max-width:100%}
.kr-zfw.vb-zfw--fragen,.kr-zfw.vb-zfw--vereinsamen,.kr-zfw.vb-zfw--relevant{max-width:560px}
.kr-zfw.vb-zfw--neu{max-width:600px}
.vb-zf:has(> .kr-zfw){grid-template-columns:minmax(0,min(560px,54%)) minmax(0,1fr)}
.vb-zf--rev:has(> .kr-zfw){grid-template-columns:minmax(0,1fr) minmax(0,min(560px,54%))}
.vb-credo-grid:has(> .kr-zfw){grid-template-columns:minmax(0,1fr) minmax(0,min(560px,50%))}
.vb-orig-top > .kr-zfw{width:min(600px,48%)}
@media (min-width:821px) and (max-width:1100px){
  .vb-keh-grid:has(.kr-zfw){grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .vb-zf:has(> .kr-zfw),.vb-zf--rev:has(> .kr-zfw),.vb-credo-grid:has(> .kr-zfw){grid-template-columns:1fr}
  .vb-orig-top > .kr-zfw{width:100%}
  .kr-zfw.vb-zfw--selbst,.kr-zfw.vb-zfw--fragen,.kr-zfw.vb-zfw--vereinsamen,.kr-zfw.vb-zfw--relevant,.kr-zfw.vb-zfw--neu{max-width:520px;margin-block:10px}
}
@media (max-width:480px){
  .kr-zfw.vb-zfw--selbst,.kr-zfw.vb-zfw--fragen,.kr-zfw.vb-zfw--vereinsamen,.kr-zfw.vb-zfw--relevant,.kr-zfw.vb-zfw--neu{max-width:none;width:calc(100% + 20px);margin-inline:-10px}
}

/* Einheitliche Schrift je Breakpoint für alle 5 Blasen (--krt); die ganze Blase wird pro Blase so skaliert (--krs),
   dass der Text mit Polster in die freie Glasfläche innerhalb der Knet-Wurst passt. */
.kr-zfw .kr-stack{--krs:1.17;--krt:24.5px;scale:var(--krs);transform-origin:var(--kro,50% 50%)}
.kr-zfw.vb-zfw .kr-stack .kn-q>span{font-size:calc(var(--krt) / var(--krs))}
.kr-zfw.vb-zfw--selbst .kr-stack{--kro:52.7% 51%}
.kr-zfw.vb-zfw--fragen .kr-stack{--kro:42.6% 51.7%}
.kr-zfw.vb-zfw--vereinsamen .kr-stack{--kro:52% 49.1%}
.kr-zfw.vb-zfw--relevant .kr-stack{--kro:54.9% 57.3%}
.kr-zfw.vb-zfw--neu .kr-stack{--kro:46% 42.4%}
@media (max-width:1099px){.kr-zfw .kr-stack{--krt:23px}}
@media (max-width:820px){.kr-zfw .kr-stack{--krt:22px}}
@media (max-width:480px){.kr-zfw .kr-stack{--krt:18.5px}.kr-zfw.vb-zfw--neu .kr-stack{translate:8px 0}}
@media (prefers-reduced-motion:reduce){.kr-zfw .kr-stack{scale:var(--krs)}}
/* 821-959: dicker Knete-Rand ragt sonst in den Absatz darüber */
@media (min-width:821px) and (max-width:959px){.kr-zfw.vb-zfw--selbst,.kr-zfw.vb-zfw--fragen{margin-top:24px}}
/* STUFEN-START (erzeugt von /workspace/vb_kr_scale_css.py) */
@media (max-width:339px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.387}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.427}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.333}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.240}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.141}}
@media (min-width:340px) and (max-width:359px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.300}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.337}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.331}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.163}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.139}}
@media (min-width:360px) and (max-width:374px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.224}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.259}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.324}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.156}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.138}}
@media (min-width:375px) and (max-width:399px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.172}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.206}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.268}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.156}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.136}}
@media (min-width:400px) and (max-width:429px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.095}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.156}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.185}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.156}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.135}}
@media (min-width:430px) and (max-width:454px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.015}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.074}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.098}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.074}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.074}}
@media (min-width:455px) and (max-width:480px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.000}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.013}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.035}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.013}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.013}}
@media (min-width:481px) and (max-width:520px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.100}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.164}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.190}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.164}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.137}}
@media (min-width:521px) and (max-width:560px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.098}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.123}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.098}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.098}}
@media (min-width:561px) and (max-width:600px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.048}}
@media (min-width:601px) and (max-width:640px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.048}}
@media (min-width:641px) and (max-width:680px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.048}}
@media (min-width:681px) and (max-width:720px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.048}}
@media (min-width:721px) and (max-width:760px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.048}}
@media (min-width:761px) and (max-width:800px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.048}}
@media (min-width:801px) and (max-width:820px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.048}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.048}}
@media (min-width:821px) and (max-width:860px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.439}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.331}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.471}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.331}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.438}}
@media (min-width:861px) and (max-width:900px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.388}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.287}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.419}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.287}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.438}}
@media (min-width:901px) and (max-width:940px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.325}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.229}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.357}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.229}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.381}}
@media (min-width:941px) and (max-width:980px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.270}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.176}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.298}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.176}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.324}}
@media (min-width:981px) and (max-width:1020px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.218}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.128}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.246}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.128}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.269}}
@media (min-width:1021px) and (max-width:1060px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.169}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.095}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.197}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.095}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.221}}
@media (min-width:1061px) and (max-width:1099px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.126}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.095}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.153}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.095}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.174}}
@media (min-width:1100px) and (max-width:1100px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.183}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.205}}
@media (min-width:1101px) and (max-width:1139px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.427}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.183}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.205}}
@media (min-width:1140px) and (max-width:1179px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.377}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.167}}
@media (min-width:1180px) and (max-width:1219px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.331}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.167}}
@media (min-width:1220px) and (max-width:1259px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.287}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.167}}
@media (min-width:1260px) and (max-width:1299px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.246}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.167}}
@media (min-width:1300px) and (max-width:1339px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.208}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.167}}
@media (min-width:1340px) and (max-width:1379px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.172}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.167}}
@media (min-width:1380px){.kr-zfw.vb-zfw--selbst .kr-stack{--krs:1.182}.kr-zfw.vb-zfw--fragen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--vereinsamen .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--relevant .kr-stack{--krs:1.167}.kr-zfw.vb-zfw--neu .kr-stack{--krs:1.167}}
/* STUFEN-ENDE */