.elementor-4194 .elementor-element.elementor-element-fb83624{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4194 .elementor-element.elementor-element-fb83624:not(.elementor-motion-effects-element-type-background), .elementor-4194 .elementor-element.elementor-element-fb83624 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101713;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4194 .elementor-element.elementor-element-fb83624{--content-width:1600px;}}/* Start custom CSS for container, class: .elementor-element-fb83624 */<style>
/* =========================================================
   RHEINCURRY BBQ BOOKING FORM
   Klasse "rcbbq-form-area" auf den ÄUSSEREN
   Elementor-Container mit dem Fluent Form setzen.
========================================================= */


/* ---------------------------------------------------------
   1. ÄUSSERER ELEMENTOR-CONTAINER
   Creme über die komplette Bildschirmbreite
--------------------------------------------------------- */

.rcbbq-form-area{
  width:100vw !important;
  max-width:none !important;

  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  padding:0 0 80px !important;

  background:#F4F0E6 !important;
}


/* Elementor darf innen NICHT auf seine eigene Breite begrenzen */

.rcbbq-form-area > .e-con-inner{
  width:100% !important;
  max-width:none !important;

  padding:0 !important;
  margin:0 !important;
}


/* ---------------------------------------------------------
   2. DAS ELEMENTOR-WIDGET SELBST
   Exakt dieselbe Breite wie der obere Bereich
--------------------------------------------------------- */

.rcbbq-form-area .elementor-widget-fluent-form,
.rcbbq-form-area .elementor-widget-shortcode{
  width:min(1200px, calc(100% - 80px)) !important;
  max-width:1200px !important;

  margin:0 auto !important;

  padding:0 !important;

  align-self:center !important;
}


/* Falls das Fluent-Forms-Widget eine andere Elementor-Klasse
   verwendet, fangen wir das Widget zusätzlich allgemein ab */

.rcbbq-form-area .elementor-widget-container{
  width:100% !important;
  max-width:none !important;
}


/* ---------------------------------------------------------
   3. FLUENT FORM SELBST
--------------------------------------------------------- */

.rcbbq-form-area .fluentform,
.rcbbq-form-area .fluentform_wrapper,
.rcbbq-form-area .frm-fluent-form,
.rcbbq-form-area form.frm-fluent-form{
  width:100% !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;
}


/* ---------------------------------------------------------
   4. ETWAS LUFT ZWISCHEN INTRO UND ERSTEM FELD
--------------------------------------------------------- */

.rcbbq-form-area .frm-fluent-form{
  padding-top:0 !important;
}


/* ---------------------------------------------------------
   5. FORMULAR-FELDER IMMER INNERHALB DES CONTAINERS
--------------------------------------------------------- */

.rcbbq-form-area .ff-el-group,
.rcbbq-form-area .ff-t-container,
.rcbbq-form-area .ff-t-cell{
  max-width:100% !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

  .rcbbq-form-area .elementor-widget-fluent-form,
  .rcbbq-form-area .elementor-widget-shortcode{
    width:calc(100% - 64px) !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .rcbbq-form-area{
    padding-bottom:60px !important;
  }

  .rcbbq-form-area .elementor-widget-fluent-form,
  .rcbbq-form-area .elementor-widget-shortcode{
    width:calc(100% - 40px) !important;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px){

  .rcbbq-form-area .elementor-widget-fluent-form,
  .rcbbq-form-area .elementor-widget-shortcode{
    width:calc(100% - 32px) !important;
  }

}
</style>/* End custom CSS */