/* TB2B Startseiten-Hero, spaeter Teil: Mitteilung oben im iPhone (13.10.2026, Oliver: „add the
   notification banner. that's fun“). Erscheint fruehestens beim zweiten Gespraech (~9 s), deshalb
   nicht render-blockierend nachgeladen; bis dahin haelt das erste Bild sie unsichtbar. */
:is(.bklp,body) .hero .geraet-banner{
	top:46px;left:10px;right:10px;z-index:4;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;align-items:center;
	padding:10px 12px;border-radius:18px;background:rgba(246,246,248,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
	box-shadow:0 10px 28px rgba(11,28,48,.18);color:#1d2a3d;
	transform:translateY(-14px) scale(.98);transition:opacity .35s ease, transform .45s cubic-bezier(.2,.9,.3,1.2)}
:is(.bklp,body) .hero .geraet-banner.ist-sichtbar{opacity:1;transform:none}
:is(.bklp,body) .hero .geraet-banner__icon{width:30px;height:30px;border-radius:7px;background:#0b1c30 url("https://theb2banswer.de/wp-content/uploads/2026/08/favicon-64.webp") center/30px no-repeat}
:is(.bklp,body) .hero .geraet-banner__text{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:.72rem;line-height:1.35}
:is(.bklp,body) .hero .geraet-banner__kopf{display:flex;justify-content:space-between;gap:8px}
:is(.bklp,body) .hero .geraet-banner b{font-weight:700;color:#0b1c30}
:is(.bklp,body) .hero .geraet-banner i{font-style:normal;color:#8e8e93}
:is(.bklp,body) .hero .geraet-banner__zeile{color:#3b4559}
@media (prefers-reduced-motion:reduce){:is(.bklp,body) .hero .geraet-banner{transition:opacity .2s ease;transform:none}}
@media (prefers-color-scheme: dark){
	:is(.bklp,body) .hero .fragen.ist-gespraech .geraet-banner{background:rgba(44,44,46,.92);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.5)}
	:is(.bklp,body) .hero .fragen.ist-gespraech .geraet-banner b{color:#fff}
	:is(.bklp,body) .hero .fragen.ist-gespraech .geraet-banner__zeile{color:#d1d1d6}
}