.elementor-115 .elementor-element.elementor-element-6f7d7e1{--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:-125px;--margin-left:0px;--margin-right:0px;--z-index:10;}.elementor-115 .elementor-element.elementor-element-5ff43b0{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-115 .elementor-element.elementor-element-571e026{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-115 .elementor-element.elementor-element-f7202af{text-align:start;}.elementor-115 .elementor-element.elementor-element-f7202af img{width:45%;}.elementor-115 .elementor-element.elementor-element-79d0619{--display:flex;}.elementor-115 .elementor-element.elementor-element-cd3b636{--spacer-size:50px;}.elementor-115 .elementor-element.elementor-element-7ed6ba1{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-115 .elementor-element.elementor-element-07b80b8 .elementor-button{background-color:#FF0000;font-family:"Roboto Serif", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-2bab8fd );color:var( --e-global-color-2bab8fd );border-radius:8px 8px 8px 8px;padding:17px 25px 17px 25px;}.elementor-115 .elementor-element.elementor-element-07b80b8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-115 .elementor-element.elementor-element-07b80b8 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-115 .elementor-element.elementor-element-07b80b8 .elementor-button:hover, .elementor-115 .elementor-element.elementor-element-07b80b8 .elementor-button:focus{color:var( --e-global-color-2bab8fd );}.elementor-115 .elementor-element.elementor-element-07b80b8 .elementor-button:hover svg, .elementor-115 .elementor-element.elementor-element-07b80b8 .elementor-button:focus svg{fill:var( --e-global-color-2bab8fd );}.elementor-115 .elementor-element.elementor-element-d814bdf .elementor-button{background-color:#FF0000;font-family:"Roboto Serif", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-2bab8fd );color:var( --e-global-color-2bab8fd );border-radius:8px 8px 8px 8px;padding:17px 25px 17px 25px;}.elementor-115 .elementor-element.elementor-element-d814bdf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-115 .elementor-element.elementor-element-d814bdf .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-115 .elementor-element.elementor-element-d814bdf .elementor-button:hover, .elementor-115 .elementor-element.elementor-element-d814bdf .elementor-button:focus{color:var( --e-global-color-2bab8fd );}.elementor-115 .elementor-element.elementor-element-d814bdf .elementor-button:hover svg, .elementor-115 .elementor-element.elementor-element-d814bdf .elementor-button:focus svg{fill:var( --e-global-color-2bab8fd );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-115 .elementor-element.elementor-element-f7202af img{width:40%;}.elementor-115 .elementor-element.elementor-element-07b80b8 .elementor-button{font-size:16px;}.elementor-115 .elementor-element.elementor-element-d814bdf .elementor-button{font-size:16px;}}@media(max-width:767px){.elementor-115 .elementor-element.elementor-element-6f7d7e1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-115 .elementor-element.elementor-element-5ff43b0{--flex-wrap:nowrap;}.elementor-115 .elementor-element.elementor-element-571e026{--width:40%;}.elementor-115 .elementor-element.elementor-element-f7202af img{width:100%;}.elementor-115 .elementor-element.elementor-element-7ed6ba1{--width:60%;}.elementor-115 .elementor-element.elementor-element-07b80b8 .elementor-button{font-size:12px;padding:15px 15px 15px 15px;}.elementor-115 .elementor-element.elementor-element-d814bdf .elementor-button{font-size:14px;padding:15px 15px 15px 15px;}}@media(min-width:768px){.elementor-115 .elementor-element.elementor-element-6f7d7e1{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-115 .elementor-element.elementor-element-571e026{--width:50%;}.elementor-115 .elementor-element.elementor-element-79d0619{--width:30%;}.elementor-115 .elementor-element.elementor-element-7ed6ba1{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-07b80b8 *//* =========================================
   Reusable Button Effekt (Skew-Overlay)
   Klasse: btn-skew
   Funktioniert für: Elementor Button Widget + Elementor Form Submit
   ========================================= */

.btn-skew{
  /* Default-Variablen (kannst du easy ändern) */
  --btn-text: #ffffff;
  --btn-outline: rgba(255,255,255,0.95);
  --btn-outline-hover: #ffffff;
  --btn-overlay: #CF0000;                 /* <- Overlay Farbe */
  --btn-shadow: rgba(0,0,0,0.28);
}

/* Button Basis (gilt für <a> und <button>) */
.btn-skew .elementor-button{
  background: transparent;
  color: var(--btn-text);
  outline: 1px solid var(--btn-outline);

  transition: transform 500ms, color 500ms, box-shadow 500ms, outline-color 500ms, background 500ms;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Hover */
.btn-skew .elementor-button:hover{
  outline: 1px solid var(--btn-outline-hover);
  box-shadow: 0 10px 22px var(--btn-shadow);
}

/* Schräges Overlay */
.btn-skew .elementor-button::before{
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  width: 0;
  height: 100%;
  background-color: var(--btn-overlay);

  transform: skewX(45deg);
  z-index: -1;
  transition: width 500ms;
}

.btn-skew .elementor-button:hover::before{
  width: 200%;
}

/* SVG Icon folgt Textfarbe */
.btn-skew .elementor-button svg{
  fill: currentColor;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d814bdf *//* =========================================
   Reusable Button Effekt (Skew-Overlay)
   Klasse: btn-skew
   Funktioniert für: Elementor Button Widget + Elementor Form Submit
   ========================================= */

.btn-skew{
  /* Default-Variablen (kannst du easy ändern) */
  --btn-text: #ffffff;
  --btn-outline: rgba(255,255,255,0.95);
  --btn-outline-hover: #ffffff;
  --btn-overlay: #CF0000;                 /* <- Overlay Farbe */
  --btn-shadow: rgba(0,0,0,0.28);
}

/* Button Basis (gilt für <a> und <button>) */
.btn-skew .elementor-button{
  background: transparent;
  color: var(--btn-text);
  outline: 1px solid var(--btn-outline);

  transition: transform 500ms, color 500ms, box-shadow 500ms, outline-color 500ms, background 500ms;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Hover */
.btn-skew .elementor-button:hover{
  outline: 1px solid var(--btn-outline-hover);
  box-shadow: 0 10px 22px var(--btn-shadow);
}

/* Schräges Overlay */
.btn-skew .elementor-button::before{
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  width: 0;
  height: 100%;
  background-color: var(--btn-overlay);

  transform: skewX(45deg);
  z-index: -1;
  transition: width 500ms;
}

.btn-skew .elementor-button:hover::before{
  width: 200%;
}

/* SVG Icon folgt Textfarbe */
.btn-skew .elementor-button svg{
  fill: currentColor;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f7d7e1 */#header-bar .header-internal {
  border: none;
  max-width: 1200px;
}

#header-bar.elementor-sticky--effects .header-internal {
  /* change the nav background colour & add blur */
  background: #D6EBF3B5;
  backdrop-filter: blur(6px);
  /* Pushes nav container away from edges */
  margin: 0 auto;
  /* Add rounded edges */
  padding: 5px 20px;
  border-radius: 8px;
  max-width: 1200px;
  transition: 0.3s all ease-in-out;
}


#header-bar.elementor-sticky--effects .header-internal,
#header-bar .header-internal .sticky-menu-items ul li a,
#header-bar .elementor-sticky--effects .header-internal .header-logo,
#header-bar .header-internal {
  transition: 0.3s all ease-in-out;
}

/* Mobile Styles */
@media (max-width: 767px) {
  #header-bar.elementor-sticky--effects .header-internal {
    background: #D6EBF3B5;
    max-width: 95%;
  }

  .elementor-nav-menu--dropdown {
    margin-left: 2px;
    margin-right: 2px;
  }
}/* End custom CSS */