/* GartenFit Kontaktbox 1.0.0 (Footer-Vorlage 88, Container cfab82d) */
html.gfbox-an .elementor-88 .elementor-element.elementor-element-cfab82d{
  z-index:9000;--overlay-opacity:1;background-color:#FFFFFF;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .35s cubic-bezier(.22,.61,.36,1);
}
html.gfbox-an .elementor-88 .elementor-element.elementor-element-cfab82d::before{opacity:1}
html.gfbox-an .elementor-88 .elementor-element.elementor-element-356dc82::before{backdrop-filter:none}

/* Solange ein Popup offen ist (Mobilmenü), tritt die Box zurück. */
html.gfbox-an.gfbox-popup .elementor-88 .elementor-element.elementor-element-cfab82d{
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,visibility 0s linear .2s;
}

/* Schließen: nach unten aus dem Bild, danach ausgeblendet. */
html.gfbox-an .elementor-88 .elementor-element.elementor-element-cfab82d.gfbox-geht{
  transform:translateY(calc(100% + 40px));opacity:0;pointer-events:none;
}
html.gfbox-an.gfbox-zu .elementor-88 .elementor-element.elementor-element-cfab82d{display:none!important}

html.gfbox-an .gfbox-x{display:none}

@media (max-width:1024px){
  html.gfbox-an .elementor-88 .elementor-element.elementor-element-e3181c3{
    width:calc(100% - 52px)!important;max-width:calc(100% - 52px)!important;align-self:flex-start;
  }
  html.gfbox-an .elementor-88 .gfbox-x,
  html.gfbox-an .elementor-88 .gfbox-x:hover,
  html.gfbox-an .elementor-88 .gfbox-x:focus{
    display:flex;align-items:center;justify-content:center;
    position:absolute;top:var(--gfbox-x-top,17px);right:15px;z-index:3;
    width:44px;height:44px;min-width:44px;margin:0;padding:0;
    border:1px solid #CECFCF;border-radius:50%;background:#FFFFFF;color:#0A0F0D;
    box-shadow:none;cursor:pointer;line-height:1;font-size:0;
    transition:background-color .2s ease,border-color .2s ease;
  }
  html.gfbox-an .elementor-88 .gfbox-x:hover{background:#F7F6F2;border-color:#0A0F0D;color:#0A0F0D}
  html.gfbox-an .elementor-88 .gfbox-x:focus{outline:none}
  html.gfbox-an .elementor-88 .gfbox-x:focus-visible{outline:2px solid #0A0F0D;outline-offset:2px}
  html.gfbox-an .gfbox-x svg{width:14px;height:14px;display:block;pointer-events:none}
}

@media (prefers-reduced-motion:reduce){
  html.gfbox-an .elementor-88 .elementor-element.elementor-element-cfab82d{transition:opacity .2s linear}
  html.gfbox-an .elementor-88 .elementor-element.elementor-element-cfab82d.gfbox-geht{transform:none}
}