/*
Theme Name: Landeseiten Design Child
Theme URI:    #
Description:  Child theme for Hello Elementor for Landeseiten Design projects.
Author:       Your Name
Author URI:   #
Template:     hello-elementor
Version:      1.1.5
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  landeseiten-design-child
*/

/*----------------------------------------------------------------*/
/* Add your custom CSS below this line
/*----------------------------------------------------------------*/
.cc-animate.cc-revoke.cc-bottom {
	display:none !important;
}
.cc-revoke {
	display:none !important;
}



.brlbs-cmpnt-dialog-details-header {
    display: flex !important;     
    flex-direction: column !important; 
    align-items: flex-start !important; 
}



.brlbs-cmpnt-dialog-details-header > div {
    width: 100% !important;
}


.brlbs-flex.brlbs-flex-wrap {
    justify-content: center !important; 
    text-align: center !important;     
}


.brlbs-basis-full{
    flex-direction: column !important; 
	padding-bottom:20px !important;
}

@media (max-width: 1325px) {
.brlbs-cmpnt-dialog-details-header {
    flex-direction: column-reverse !important; 
}
}

/* Wrapper: kill baseline gaps & subpixel seams */
/* Der Waehler traf nie etwas. Er verlangt .elementor-widget-video als
   Nachfahren von .cs-video-fixes - im Markup tragen aber beide Klassen
   dasselbe Element: <div class="elementor-element-c550001 cs-video-fixes
   elementor-widget elementor-widget-video">. Nachgezaehlt ueber alle
   20 Seiten: vier Filme (drei auf /, einer auf /en/), alle vier mit
   beiden Klassen am selben Element, null verschachtelt. Die Regel lief
   also ins Leere, und gegen die Haarlinien half nur noch der weisse
   Balken weiter unten - der dafuer die Ecken abgeschnitten hat.

   Jetzt beide Schreibweisen, und der Radius wird vom Widget ueber den
   Behaelter bis zum Wickel durchgereicht: border-radius vererbt nicht
   von selbst, inherit holt ihn Stufe fuer Stufe vom Elternteil. So
   beschneidet der Wickel das Bild wirklich, statt es zu ueberdecken. */
.cs-video-fixes.elementor-widget-video > .elementor-widget-container,
.cs-video-fixes .elementor-widget-video > .elementor-widget-container,
.cs-video-fixes .elementor-wrapper {
  line-height: 0;
  overflow: hidden;
  border-radius: inherit;
  background: transparent;
}

/* Make video/iframe block-level and GPU nudge to avoid 1px lines */
.cs-video-fixes video,
.cs-video-fixes iframe {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Video-specific: keep framing tight */
.cs-video-fixes video {
  object-fit: cover;
}

/* iOS/Safari overlay play buttons */
.cs-video-fixes video::-webkit-media-controls-start-playback-button,
.cs-video-fixes video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  -webkit-appearance: none;
}

/* Hier standen zwei weisse Balken, 4px breit, z-index 100, absolut
   gesetzt auf die rechte und die untere Kante des Films. Gemessen auf /
   am Telefon (440px breit, Pixelverhaeltnis 3): ::before lag als
   4x225px auf left:396px, also genau auf den letzten vier Bildpunkten
   des 400px breiten Films, ::after als 400x4px auf top:223px.

   Damit waren drei der vier runden Ecken wieder eckig - nur oben links
   blieb die Rundung stehen. Genau das war am Telefon zu sehen, obwohl
   der errechnete Wert am <video> korrekt 8px meldete: der Radius war da,
   er wurde nur uebermalt. Auf / kam dazu, dass der Film auf blau
   gepunktetem Grund steht, die Balken also als weisse Streifen sichtbar
   waren.

   Gedacht waren sie gegen Haarlinien an der Kante ("subpixel seams").
   Das erledigt jetzt der Wickel weiter oben, der das Bild beschneidet,
   statt die Kante zuzumalen. Nachgesehen auf / und /anwendungsfaelle/
   ohne die Balken: keine Haarlinie, alle vier Ecken rund. */
html, body {
    overflow-x: clip !important;
}
/* [data-elementor-type="wp-page"] {
    overflow-x: hidden;
} */
/* Wrapper: kill baseline gaps & subpixel seams */
/* Der Waehler traf nie etwas. Er verlangt .elementor-widget-video als
   Nachfahren von .cs-video-fixes - im Markup tragen aber beide Klassen
   dasselbe Element: <div class="elementor-element-c550001 cs-video-fixes
   elementor-widget elementor-widget-video">. Nachgezaehlt ueber alle
   20 Seiten: vier Filme (drei auf /, einer auf /en/), alle vier mit
   beiden Klassen am selben Element, null verschachtelt. Die Regel lief
   also ins Leere, und gegen die Haarlinien half nur noch der weisse
   Balken weiter unten - der dafuer die Ecken abgeschnitten hat.

   Jetzt beide Schreibweisen, und der Radius wird vom Widget ueber den
   Behaelter bis zum Wickel durchgereicht: border-radius vererbt nicht
   von selbst, inherit holt ihn Stufe fuer Stufe vom Elternteil. So
   beschneidet der Wickel das Bild wirklich, statt es zu ueberdecken. */
.cs-video-fixes.elementor-widget-video > .elementor-widget-container,
.cs-video-fixes .elementor-widget-video > .elementor-widget-container,
.cs-video-fixes .elementor-wrapper {
  line-height: 0;
  overflow: hidden;
  border-radius: inherit;
  background: transparent;
}

/* Make video/iframe block-level and GPU nudge to avoid 1px lines */
.cs-video-fixes video,
.cs-video-fixes iframe {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Video-specific: keep framing tight */
.cs-video-fixes video {
  object-fit: cover;
}

/* iOS/Safari overlay play buttons */
.cs-video-fixes video::-webkit-media-controls-start-playback-button,
.cs-video-fixes video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  -webkit-appearance: none;
}

/* Hier standen zwei weisse Balken, 4px breit, z-index 100, absolut
   gesetzt auf die rechte und die untere Kante des Films. Gemessen auf /
   am Telefon (440px breit, Pixelverhaeltnis 3): ::before lag als
   4x225px auf left:396px, also genau auf den letzten vier Bildpunkten
   des 400px breiten Films, ::after als 400x4px auf top:223px.

   Damit waren drei der vier runden Ecken wieder eckig - nur oben links
   blieb die Rundung stehen. Genau das war am Telefon zu sehen, obwohl
   der errechnete Wert am <video> korrekt 8px meldete: der Radius war da,
   er wurde nur uebermalt. Auf / kam dazu, dass der Film auf blau
   gepunktetem Grund steht, die Balken also als weisse Streifen sichtbar
   waren.

   Gedacht waren sie gegen Haarlinien an der Kante ("subpixel seams").
   Das erledigt jetzt der Wickel weiter oben, der das Bild beschneidet,
   statt die Kante zuzumalen. Nachgesehen auf / und /anwendungsfaelle/
   ohne die Balken: keine Haarlinie, alle vier Ecken rund. */
.cs-landeseiten-form fieldset {
	border:none !important;
}

.cs-landeseiten-form .gfield_checkbox, .cs-landeseiten-form .ginput_container_radio .gfield_radio  {
	display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.cs-landeseiten-form  .gfield_label.gform-field-label{
	display:flex !important;
	align-items:end !important;
}

.cs-landeseiten-form  .gfield_label.gform-field-label .gfield_required{
	padding-bottom:2px !important;
}

.cs-m-break {
	display:none;
}
@media (max-width:768px){
.cs-m-break {
	display:block;
}
}

* {
	text-wrap:pretty!important;
}

/* Hide fields that are not active and not the first child */
.gform_wrapper.cs-landeseiten-form [id^="gform_fields_"] .gfield:not(.active):not(:first-child) {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* Ensure the first child is visible if not completed */
.gform_wrapper.cs-landeseiten-form [id^="gform_fields_"] > .gfield:first-child:not(.step-completed) {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    height: auto !important;
    overflow: visible !important;
}
/* Ensure active/completed sequences are visible */
.gform_wrapper.cs-landeseiten-form [id^="gform_fields_"] .gfield.active,
.gform_wrapper.cs-landeseiten-form [id^="gform_fields_"] .gfield.step-completed + .gfield.active {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    height: auto !important;
    overflow: visible !important;
}