/* F-H1 (Andy 04.11.2026, "1:1 wie auf 5keys.me"): was SESTOS um das unveraenderte 5KEYS-Fenster (support.css) braucht.
   Der allgemeine Knopf "Hier fragen" steht in sestos.css (.sestos-gen), damit er ohne Nachladen richtig aussieht.
   Hier nur wenige Angleichungen an SESTOS. Die Bueroklammer kommt erst mit Schritt 2: bis dahin unsichtbar, kein Knopf ins Leere. */

.ssup .ssup__clip{display:none !important;}  /* Schritt 2 */
/* Die Ueberschrift im Zahnrad steht auf 5keys.me in Grossbuchstaben (die Plattform setzt h3 so) */
.ssup .ssup__settings h3{text-transform:uppercase;letter-spacing:.04em;font-weight:700;}
.ssup{font-family:Poppins,system-ui,sans-serif;}
.ssup .ssup__chip{font-size:14px;line-height:1.2;}  /* auf 5keys.me setzt die Plattform Knoepfe auf 14 px */
/* Am Handy ist in SESTOS jede Tippflaeche mindestens 44 px hoch (Nachtrag 64, auch das Eingabefeld: 5KEYS 42 px). Die Knoepfe sehen aus wie auf 5keys.me;
   nur das kleine (i) bekommt eine unsichtbare groessere Flaeche: der Kreis bleibt 18 px (als Ring im Hintergrund). */
@media (max-width:640px){
  .ssup .ssup__icon,.ssup .ssup__send{width:44px !important;height:44px !important;}
  .ssup .ssup__chip,.ssup .ssup__btn,.ssup .ssup__input{min-height:44px !important;}
  .ssup .ssup__share-i{width:44px !important;height:44px !important;margin:-13px !important;border:0 !important;
    background:radial-gradient(circle,transparent 8.5px,var(--ss-mute) 9px,var(--ss-mute) 9.8px,transparent 10.3px) !important;}
}