.elementor-690 .elementor-element.elementor-element-e55da7e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-690 .elementor-element.elementor-element-548d504{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-690 .elementor-element.elementor-element-548d504.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-690 .elementor-element.elementor-element-7d9d0b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-690 .elementor-element.elementor-element-7d9d0b9.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-690 .elementor-element.elementor-element-b459f71{--display:flex;}@media(min-width:768px){.elementor-690 .elementor-element.elementor-element-548d504{--width:64.239%;}.elementor-690 .elementor-element.elementor-element-7d9d0b9{--width:3.75%;}}/* Start custom CSS for shortcode, class: .elementor-element-ea10fa9 *//* Header right buttons container (optional) */
.sf-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Snippet Button Style */
.sf-login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: rgba(245,245,247,.92) !important;
  text-decoration:none !important;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  transition: transform .12s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.sf-login:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.26);
  color:#fff !important;
}

/* Mobile heights */
@media (max-width: 860px){
  .sf-login{ height: 40px; }
}

/* Avatar wirklich rund + sauberer Rand */
.sf-account-avatar{
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important; /* Kreis */
  object-fit: cover !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.06) !important;
}

/* Button etwas länger, damit Text flach bleibt */
.sf-login{
  min-width: 140px;              /* macht ihn "länger" */
  justify-content: center;
  padding-left: 18px !important;
  padding-right: 18px !important;
  white-space: nowrap;           /* verhindert Umbruch */
}

/* Mobile etwas kleiner */
@media (max-width: 860px){
  .sf-account-avatar{
    width: 32px !important;
    height: 32px !important;
  }
  .sf-login{
    min-width: 122px;
  }
}

.sf-account-avatar{
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
}

@media (max-width: 860px){
  .sf-account-avatar{
    width: 38px !important;
    height: 38px !important;
  }
}

/* Avatar im Dropdown: immer rund, egal was andere Plugins machen */
.sfab-avatar,
.sf-account-avatar,
img.sfab-avatar {
  border-radius: 9999px !important;
  -webkit-border-radius: 9999px !important;
  overflow: hidden !important;
  object-fit: cover !important;
  display: block !important;
}

/* Falls irgendein Theme den Avatar als Quadrat "clippt" -> wrapper rund machen */
.sfab-wrap {
  align-items: center;
}/* End custom CSS */