.elementor-kit-5{--e-global-color-primary:#192AB7;--e-global-color-secondary:#374151;--e-global-color-text:#6B7280;--e-global-color-accent:#121F8A;--e-global-color-1b29e93:#2D3FD4;--e-global-color-9e04a69:#EEF2FF;--e-global-color-5454149:#E0E7FF;--e-global-color-675e875:#C7D2FE;--e-global-color-9c86211:#6366F1;--e-global-color-6e17ba8:#4F46E5;--e-global-color-8504ba8:#FFFFFF;--e-global-color-95d87cf:#F9FAFB;--e-global-color-dc2ef85:#F3F4F6;--e-global-color-e261213:#E5E7EB;--e-global-color-fc67420:#D1D5DB;--e-global-color-011d104:#9CA3AF;--e-global-color-b00be2a:#4B5563;--e-global-color-fdca82a:#1F2937;--e-global-color-359ac82:#111827;--e-global-color-8101432:#10B981;--e-global-color-c869b90:#25D366;--e-global-color-8765327:#FFC107;--e-global-color-dba5b10:#00000000;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:4rem;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:1.75rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1em;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:1.05em;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.7em;--e-global-typography-00fe687-font-family:"Montserrat";--e-global-typography-00fe687-font-size:2.5em;--e-global-typography-00fe687-font-weight:700;--e-global-typography-00fe687-line-height:1.2em;--e-global-typography-77d5b4a-font-family:"Montserrat";--e-global-typography-77d5b4a-font-size:1.875rem;--e-global-typography-77d5b4a-font-weight:700;--e-global-typography-77d5b4a-line-height:1.25em;--e-global-typography-a8e32f9-font-family:"Montserrat";--e-global-typography-a8e32f9-font-size:1.2rem;--e-global-typography-a8e32f9-font-weight:700;--e-global-typography-a8e32f9-line-height:1.25em;--e-global-typography-67b20b6-font-family:"Montserrat";--e-global-typography-67b20b6-font-size:0.9rem;--e-global-typography-67b20b6-font-weight:700;--e-global-typography-67b20b6-line-height:1.2em;--e-global-typography-4a4c290-font-family:"Open Sans";--e-global-typography-4a4c290-font-size:0.85rem;--e-global-typography-4a4c290-font-weight:500;--e-global-typography-4a4c290-line-height:1.5em;--e-global-typography-87b3c0c-font-family:"Open Sans";--e-global-typography-87b3c0c-font-size:0.75rem;--e-global-typography-87b3c0c-font-weight:600;--e-global-typography-87b3c0c-line-height:1.4em;--e-global-typography-50ed0e1-font-family:"Montserrat";--e-global-typography-50ed0e1-font-size:1rem;--e-global-typography-50ed0e1-font-weight:600;--e-global-typography-50ed0e1-line-height:1.4em;--e-global-typography-19c9569-font-family:"Montserrat";--e-global-typography-19c9569-font-size:1rem;--e-global-typography-19c9569-font-weight:500;--e-global-typography-19c9569-line-height:1.4em;--e-global-typography-db391d4-font-family:"Open Sans";--e-global-typography-db391d4-font-size:0.875rem;--e-global-typography-db391d4-font-weight:600;--e-global-typography-db391d4-text-transform:uppercase;--e-global-typography-db391d4-line-height:1.4em;--e-global-typography-db391d4-letter-spacing:0.15em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-50ed0e1-font-family ), Sans-serif;font-size:var( --e-global-typography-50ed0e1-font-size );font-weight:var( --e-global-typography-50ed0e1-font-weight );line-height:var( --e-global-typography-50ed0e1-line-height );color:var( --e-global-color-8504ba8 );border-radius:8px 8px 8px 8px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-1b29e93 );color:var( --e-global-color-8504ba8 );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-1b29e93 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:1.75rem;--e-global-typography-text-font-size:1rem;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-size:1.05rem;--e-global-typography-accent-line-height:1.7em;--e-global-typography-00fe687-font-size:2.5rem;--e-global-typography-77d5b4a-font-size:1.875rem;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-50ed0e1-font-size );line-height:var( --e-global-typography-50ed0e1-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:3rem;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:1.25rem;--e-global-typography-00fe687-font-size:1.875rem;--e-global-typography-77d5b4a-font-size:1.5rem;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-50ed0e1-font-size );line-height:var( --e-global-typography-50ed0e1-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================================
   BAUBROS – CTA-Button für Elementor
   =========================================================================*/


/* ---------------------------------------------------------------------------
   1) SHIMMER-ANIMATION
   --------------------------------------------------------------------------- */

@keyframes btnBBShimmer {
  from { left: -100%; }
  to   { left:  100%; }
}


/* ---------------------------------------------------------------------------
   2) WRAPPER-RESET
   Elementor setzt auf dem Wrapper eigene Display/Align-Werte.
   --------------------------------------------------------------------------- */

.btn-bb.elementor-widget-button .elementor-button-wrapper,
.btn-bb .elementor-button-wrapper {
  display: block   !important;
  padding: 0       !important;
  margin:  0       !important;
}


/* ---------------------------------------------------------------------------
   3) BUTTON – BASIS-STIL
   Hohe Spezifität, damit jeder Elementor-Default überschrieben wird.
   --------------------------------------------------------------------------- */

.btn-bb.elementor-widget-button .elementor-button,
.btn-bb .elementor-button-wrapper .elementor-button,
.btn-bb .elementor-button-link,
.btn-bb .elementor-button {

  /* Box */
  display:          inline-flex !important;
  align-items:      center     !important;
  justify-content:  center     !important;
  gap:              8px        !important;
  box-sizing:       border-box !important;
  padding:          14px 28px  !important;
  margin:           0          !important;
  min-height:       auto       !important;
  width:            auto       !important;

  /* Typografie */
  font-family:      'Montserrat', sans-serif !important;
  font-weight:      600        !important;
  font-size:        0.9rem     !important;
  line-height:      1.4        !important;
  letter-spacing:   0          !important;
  text-align:       center     !important;
  text-transform:   none       !important;
  text-decoration:  none       !important;
  white-space:      nowrap     !important;

  /* Farbe */
  color:            #fff       !important;
  background-color: #192AB7    !important;
  background-image: none       !important;

  /* Border */
  border:           0 none     !important;
  border-radius:    8px        !important;
  outline:          0          !important;

  /* Schatten */
  box-shadow:       0 4px 14px rgba(25, 42, 183, .25) !important;

  /* Transition (nur die Werte, die sich ändern) */
  transition:       background-color .3s cubic-bezier(.4,0,.2,1),
                    box-shadow       .3s cubic-bezier(.4,0,.2,1),
                    transform        .3s cubic-bezier(.4,0,.2,1) !important;

  /* Shimmer-Vorbereitung */
  position:         relative   !important;
  overflow:         hidden     !important;
  z-index:          0          !important;
  cursor:           pointer    !important;

  /* Elementor-Reset */
  -webkit-appearance: none     !important;
  appearance:         none     !important;
}


/* ---------------------------------------------------------------------------
   4) PSEUDO-ELEMENTE – komplett übernehmen
   --------------------------------------------------------------------------- */

/* Alles resetten */
.btn-bb .elementor-button::before {
  content:    none  !important;
  display:    none  !important;
  background: none  !important;
  animation:  none  !important;
}

/* ::after = Shimmer-Streifen */
.btn-bb .elementor-button::after {
  content:         ''    !important;
  display:         block !important;
  position:        absolute    !important;
  top:             0     !important;
  left:            -100% !important;   /* Start: außerhalb links */
  width:           100%  !important;
  height:          100%  !important;
  background:      linear-gradient(
                     90deg,
                     transparent 0%,
                     rgba(255,255,255,.3) 50%,
                     transparent 100%
                   ) !important;
  pointer-events:  none  !important;
  z-index:         1     !important;
  border-radius:   inherit !important;
  opacity:         0     !important;   /* unsichtbar im Ruhezustand */
  animation:       none  !important;
  transition:      none  !important;
}

/* Shimmer abspielen bei Hover */
.btn-bb .elementor-button:hover::after {
  opacity:   1 !important;
  animation: btnBBShimmer .6s ease-out forwards !important;
}


/* ---------------------------------------------------------------------------
   5) HOVER & FOCUS
   --------------------------------------------------------------------------- */

.btn-bb.elementor-widget-button .elementor-button:hover,
.btn-bb.elementor-widget-button .elementor-button:focus,
.btn-bb .elementor-button:hover,
.btn-bb .elementor-button:focus {
  color:            #fff    !important;
  background-color: #121F8A !important;
  background-image: none    !important;
  border:           0 none  !important;
  text-decoration:  none    !important;
  transform:        translateY(-2px) !important;
  box-shadow:       0 6px 20px rgba(25, 42, 183, .35) !important;
}


/* ---------------------------------------------------------------------------
   6) ACTIVE / PRESSED
   --------------------------------------------------------------------------- */

.btn-bb .elementor-button:active {
  transform:  translateY(0) !important;
  box-shadow: 0 4px 14px rgba(25, 42, 183, .25) !important;
}


/* ---------------------------------------------------------------------------
   7) INNERE ELEMENTE – einheitlich resetten
   --------------------------------------------------------------------------- */

.btn-bb .elementor-button-content-wrapper {
  display:     flex   !important;
  align-items: center !important;
  gap:         8px    !important;
  flex-grow:   0      !important;
}

.btn-bb .elementor-button-text {
  font:            inherit !important;
  color:           inherit !important;
  text-decoration: none    !important;
  padding:         0       !important;
  margin:          0       !important;
}

.btn-bb .elementor-button-icon {
  font-size:   1em    !important;
  line-height: 1      !important;
  color:       inherit !important;
  padding:     0       !important;
  margin:      0       !important;
}

.btn-bb .elementor-button-icon i,
.btn-bb .elementor-button-icon svg {
  width:     20px         !important;
  height:    20px         !important;
  font-size: 20px         !important;
  fill:      currentColor !important;
  color:     inherit      !important;
}


/* ---------------------------------------------------------------------------
   8) VARIANTE – Full Width
   --------------------------------------------------------------------------- */

.btn-bb.btn-bb-full .elementor-button {
  width: 100% !important;
}


/* ---------------------------------------------------------------------------
   9) VARIANTE – Outline
   --------------------------------------------------------------------------- */

.btn-bb.btn-bb-outline .elementor-button {
  background-color: transparent          !important;
  color:            #4B5563              !important;
  border:           1.5px solid #D1D5DB  !important;
  box-shadow:       none                 !important;
}

/* Kein Shimmer bei Outline */
.btn-bb.btn-bb-outline .elementor-button::after {
  content: none !important;
  display: none !important;
}

.btn-bb.btn-bb-outline .elementor-button:hover,
.btn-bb.btn-bb-outline .elementor-button:focus {
  color:            #192AB7     !important;
  border-color:     #192AB7     !important;
  background-color: transparent !important;
  box-shadow:       none        !important;
  transform:        translateY(-2px) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url('https://baubros.de/wp-content/uploads/Montserrat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Open Sans';
	font-display: auto;
	src: url('https://baubros.de/wp-content/uploads/OpenSans-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */