/* Glowova — помощник «Frage?» и переключатель языка. Цвета берутся из переменных сайта (BaseLayout.css). */
.gbb-fab{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:.45rem;padding:.7rem 1rem;border:0;border-radius:999px;background:var(--ink,#3b2a26);color:#fff;font:600 .95rem/1 inherit;font-family:inherit;box-shadow:0 8px 24px #0000002e;cursor:pointer}
.gbb-fab:focus-visible{outline:3px solid var(--accent,#c58b7a);outline-offset:3px}
body.menu-open .gbb-fab{display:none}
.gbb{position:fixed;right:16px;bottom:76px;z-index:61;width:min(380px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 100px));display:flex;flex-direction:column;background:var(--white,#fff);color:var(--ink,#3b2a26);border:1px solid #6b4a4226;border-radius:18px;box-shadow:0 18px 48px #00000030;overflow:hidden;font-size:.95rem}
.gbb[hidden]{display:none}
.gbb-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:var(--cream,#f7f1ec);border-bottom:1px solid #6b4a421a}
.gbb-x{border:0;background:none;font-size:1.5rem;line-height:1;cursor:pointer;color:inherit;padding:0 .2rem}
.gbb-log{flex:1;overflow:auto;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.6rem;min-height:140px}
.gbb-m{max-width:92%;padding:.6rem .8rem;border-radius:14px;line-height:1.45;overflow-wrap:anywhere}
.gbb-m p{margin:0 0 .4rem}.gbb-m hr{border:0;border-top:1px solid #6b4a4222;margin:.5rem 0}
.gbb-b{align-self:flex-start;background:var(--cream,#f7f1ec)}
.gbb-u{align-self:flex-end;background:var(--ink,#3b2a26);color:#fff}
.gbb-more{color:inherit;font-weight:600;font-size:.9rem}
.gbb-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.gbb-btn{display:inline-block;padding:.45rem .75rem;border-radius:999px;border:1px solid #6b4a4240;color:inherit;text-decoration:none;font-size:.88rem;font-weight:600;background:#fff}
.gbb-btn--main{background:var(--ink,#3b2a26);color:#fff;border-color:transparent}
.gbb-chips{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 1rem .6rem}
.gbb-chips button{border:1px solid #6b4a4233;background:#fff;border-radius:999px;padding:.35rem .7rem;font:inherit;font-size:.85rem;cursor:pointer;color:inherit}
.gbb-ask{display:flex;gap:.4rem;padding:.6rem 1rem;border-top:1px solid #6b4a421a}
.gbb-ask input{flex:1;min-width:0;padding:.6rem .7rem;border:1px solid #6b4a4240;border-radius:10px;font:inherit;font-size:16px}
.gbb-ask button{border:0;border-radius:10px;padding:0 .9rem;background:var(--ink,#3b2a26);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.gbb-foot{display:flex;justify-content:flex-end;padding:0 1rem .6rem}
.gbb-link{border:0;background:none;color:var(--ink-soft,#7a6660);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer}
.gbb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gbb-wait{opacity:.6}
@media (max-width:480px){.gbb{right:8px;left:8px;width:auto}}
/* переключатель языка */
.lang-switch{font-weight:600;font-size:.85rem;letter-spacing:.06em;border:1px solid #6b4a4233;border-radius:999px;padding:.3rem .6rem;text-decoration:none}
.mobile-menu .lang-switch{align-self:flex-start;margin-top:.5rem}
.ru-note{background:var(--cream,#f7f1ec);font-size:.85rem;text-align:center;padding:.45rem 16px;border-bottom:1px solid #6b4a421a}
/* на телефоне внизу липкая полоса «Termin buchen» (сайт, ≤760px): кнопка и окно бота — над ней */
@media (width<=760px){.gbb-fab{bottom:calc(86px + env(safe-area-inset-bottom));right:12px;padding:.6rem .85rem}.gbb{bottom:calc(144px + env(safe-area-inset-bottom));max-height:calc(100vh - 170px)}}
/* русские слова длиннее немецких заголовков: на телефоне заголовки чуть меньше, перенос по слогам */
@media (width<=760px){html[lang=ru] h1{font-size:min(2.5rem,9.4vw)}h1,h2,h3{hyphens:auto;overflow-wrap:break-word}}
/* (немецкие длинные слова «Gesichtsbehandlungen» тоже не помещались в заголовок на телефоне — правило для всех языков) */
/* телефон, первый экран с большой картинкой (.hero): кнопка бота появляется после прокрутки, чтобы не закрывать кнопки героя */
.gbb-fab{transition:opacity .2s}.gbb-fab.gbb-wait-hero{opacity:0;pointer-events:none}