/* kobi-Logo – 1:1 wie auf kobi.coach (Ring-o, Barlow 800 kursiv, Abstände gemessen), nur Kasten in Electric Violet #7B4DFF.
   Markup: <a class="logo-b"><span class="kobi-wm" role="img" aria-label="kobi"><span aria-hidden="true">k</span><svg class="kobi-o" viewBox="0 0 42 42" aria-hidden="true"><use href="#kobi-ball"/></svg><span aria-hidden="true">bi</span></span></a>
   Symbol #kobi-ball steht in jeder Seite (Ring r 15.5, Strich 6.5, Punkt r 3.8). */
.kobi-wm{display:inline-flex;align-items:center;font-family:'Barlow',system-ui,sans-serif;font-weight:800;font-style:italic;letter-spacing:-.05em;line-height:1;white-space:nowrap;color:#fff;--wg:0em}
.kobi-wm .kobi-o{width:.597em;height:.597em;margin:0 calc(-.0625em + var(--wg)) 0 calc(-.063em + var(--wg));transform:translateY(.132em);flex-shrink:0}
.kobi-wm > span:last-child{letter-spacing:calc(-.05em + var(--wg));margin-right:calc(-1 * var(--wg))}
a.logo-b{display:inline-flex;align-items:center;background:#7B4DFF;border-radius:12px;padding:4px 14.9px 7px 10.1px;box-shadow:0 8px 18px -10px rgba(123,77,255,.8);text-decoration:none;flex:none}
a.logo-b .kobi-wm{font-size:30px}
.logo-c{font:italic 800 21px 'Barlow',system-ui,sans-serif;letter-spacing:-.02em;color:inherit;white-space:nowrap}
@media (max-width:420px){a.logo-b{border-radius:10px;padding:3px 12px 6px 8px}a.logo-b .kobi-wm{font-size:24px}.logo-c{font-size:18px}}
@media (max-width:359px){a.logo-b .kobi-wm{font-size:21px}.logo-c{display:none}}