.kb{position:relative;width:100%;max-width:540px;aspect-ratio:540/232;container-type:inline-size;--kb-rand:40px}@media (max-width:860px){.kb{--kb-rand:24px}}@media (max-width:560px){.kb{--kb-rand:16px}}.kb-blase{position:absolute;left:var(--x);top:var(--y);width:var(--b);transform:rotate(var(--dreh));text-decoration:none;color:var(--schrift);-webkit-tap-highlight-color:transparent;outline:none}.kb-blase:nth-child(3){z-index:2}.kb-schweben{display:block}.kb-koerper{position:relative;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 13%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--c) 82%,#fff) 0,var(--c) 62%);background-color:var(--c);filter:drop-shadow(0 2px 0 color-mix(in srgb,var(--c) 66%,#1B2B6B)) drop-shadow(0 10px 14px rgb(from var(--c) r g b/.28));text-shadow:0 1px 0 rgba(255,255,255,.3)}.kb-blase[data-druck=weiss] .kb-koerper{text-shadow:0 -1px 0 color-mix(in srgb,var(--c) 55%,#1B2B6B)}.kb-koerper:before{content:"";position:absolute;inset:4.5%;pointer-events:none;border-radius:50%;border:1.2px dashed var(--schrift);opacity:.38}.kb-koerper:after{content:"";position:absolute;top:76%;width:22%;height:24%;background:var(--c)}[data-zipfel=links] .kb-koerper:after{left:7%;clip-path:polygon(45% 0,100% 42%,0 100%)}[data-zipfel=rechts] .kb-koerper:after{right:7%;clip-path:polygon(0 42%,55% 0,100% 100%)}.kb-label{display:block;position:relative;font-family:var(--sans);font-size:max(8.5px,calc(var(--bz) * .068cqi));font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.86;margin-bottom:.5cqi}.kb-pfeil{letter-spacing:0}.kb-frage{display:block;position:relative;font-family:var(--serif);font-style:italic;font-weight:600;font-size:max(12.5px,calc(var(--bz) * .112cqi));line-height:1.08}.kb-blase:focus-visible .kb-koerper{outline:2px solid var(--c);outline-offset:4px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.kb-schweben{animation:kbSchweben var(--dauer) ease-in-out var(--versatz) infinite alternate;will-change:transform}.kb-koerper{transition:transform .48s cubic-bezier(.22,1,.36,1)}.kb-blase:focus-visible .kb-koerper,.kb-blase:hover .kb-koerper{transform:translateY(-4px) scale(1.035)}}@keyframes kbSchweben{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@media (min-width:1081px){.bb-page-hero:has(.kb){padding:56px 0 64px}.bb-page-hero-inner:has(.kb){min-height:172px}.bb-page-hero-beiwerk:has(.kb){width:min(540px,43vw);transform:translateY(calc(-50% + 10px))}
  /* !important: PageHero setzt beim Untertitel maxWidth 640 als Inline-Stil,
     sonst läuft er zwischen 1081 und ~1300 px unter die linke Blase */.bb-page-hero-inner:has(.kb) .bb-page-hero-sub,.bb-page-hero-inner:has(.kb) .bb-page-hero-title{max-width:calc(100% - min(540px, 43vw) - 40px)!important;text-wrap:balance}}@media (max-width:1080px){.bb-page-hero:has(.kb){padding:48px 0 60px}.bb-page-hero-beiwerk:has(.kb){margin-top:26px}}@media (max-width:1080px){.kb{display:flex;gap:14px;align-items:flex-start;width:auto;max-width:none;aspect-ratio:auto;container-type:normal;padding:4px 0 22px}.kb-blase{position:relative;left:auto;top:auto;width:auto;flex:0 0 124px;transform:rotate(calc(var(--dreh) * .4))}.kb-koerper{padding:0 13px}.kb-koerper:before{inset:5px}.kb-koerper:after{width:26px;height:28px}.kb-label{font-size:8.5px;margin-bottom:3px}.kb-frage{font-size:13.5px}}@media (max-width:900px){.kb{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--kb-rand);margin-inline:calc(-1 * var(--kb-rand));padding:4px var(--kb-rand) 26px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 28px),transparent)}.kb::-webkit-scrollbar{display:none}.kb-blase{scroll-snap-align:start}}@media (max-width:640px){.bb-page-hero:has(.kb){padding:36px 0 34px}.bb-page-hero-beiwerk:has(.kb){margin-top:18px}.kb{gap:10px;padding-bottom:28px}.kb-blase{flex-basis:118px}.kb-koerper{filter:drop-shadow(0 2px 0 color-mix(in srgb,var(--c) 66%,#1B2B6B)) drop-shadow(0 7px 9px rgb(from var(--c) r g b/.26))}}