.elementor-kit-6{--e-global-color-primary:#575D5E;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#333333;--e-global-color-accent:#0098EB;--e-global-color-93933c5:#FFFFFF;--e-global-color-f9ff5f8:#174EAB;--e-global-color-084066c:#333333;--e-global-color-7222bd0:#E5E5E5;--e-global-color-4bc8866:#AABDD9;--e-global-color-0553d07:#8F8F8F;--e-global-color-c630b8e:#EBEBEB;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-d2cdf83-font-family:"Inter";--e-global-typography-d2cdf83-font-size:64px;--e-global-typography-d2cdf83-font-weight:600;--e-global-typography-cb5cdfa-font-family:"Inter";--e-global-typography-cb5cdfa-font-size:56px;--e-global-typography-cb5cdfa-font-weight:600;--e-global-typography-d7b4ecb-font-size:40px;--e-global-typography-d7b4ecb-font-weight:600;--e-global-typography-555ed2f-font-family:"Inter";--e-global-typography-555ed2f-font-size:32px;--e-global-typography-555ed2f-font-weight:600;--e-global-typography-b997b29-font-family:"Inter";--e-global-typography-b997b29-font-size:24px;--e-global-typography-b997b29-font-weight:600;--e-global-typography-d50d45a-font-size:20px;--e-global-typography-d50d45a-font-weight:600;--e-global-typography-79f1e96-font-family:"Inter";--e-global-typography-79f1e96-font-size:24px;--e-global-typography-79f1e96-font-weight:400;--e-global-typography-d5b72f3-font-family:"Inter";--e-global-typography-d5b72f3-font-size:24px;--e-global-typography-d5b72f3-font-weight:600;--e-global-typography-aff155d-font-family:"Inter";--e-global-typography-aff155d-font-size:18px;--e-global-typography-aff155d-font-weight:400;--e-global-typography-3df7547-font-family:"Inter";--e-global-typography-3df7547-font-size:18px;--e-global-typography-3df7547-font-weight:600;--e-global-typography-995fd31-font-family:"Inter";--e-global-typography-995fd31-font-size:14px;--e-global-typography-b55b190-font-family:"Inter";--e-global-typography-b55b190-font-size:14px;--e-global-typography-b55b190-font-weight:600;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-93933c5 );border-style:none;border-radius:34px 34px 34px 34px;padding:9px 16px 10px 16px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-084066c );color:var( --e-global-color-93933c5 );border-radius:34px 34px 34px 34px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 label{color:var( --e-global-color-text );font-family:var( --e-global-typography-b55b190-font-family ), Sans-serif;font-size:var( --e-global-typography-b55b190-font-size );font-weight:var( --e-global-typography-b55b190-font-weight );}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );accent-color:var( --e-global-color-accent );background-color:var( --e-global-color-secondary );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{color:var( --e-global-color-text );background-color:var( --e-global-color-secondary );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:2400px){.elementor-kit-6 label{font-size:var( --e-global-typography-b55b190-font-size );}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}}@media(max-width:1366px){.elementor-kit-6 label{font-size:var( --e-global-typography-b55b190-font-size );}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}}@media(max-width:1200px){.elementor-kit-6{--e-global-typography-d2cdf83-font-size:54px;--e-global-typography-cb5cdfa-font-size:44px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}}@media(max-width:1024px){.elementor-kit-6 label{font-size:var( --e-global-typography-b55b190-font-size );}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:880px){.elementor-kit-6{--e-global-typography-d2cdf83-font-size:46px;--e-global-typography-cb5cdfa-font-size:38px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-text-font-size:16px;--e-global-typography-d2cdf83-font-size:36px;--e-global-typography-cb5cdfa-font-size:32px;--e-global-typography-d7b4ecb-font-size:28px;--e-global-typography-555ed2f-font-size:24px;--e-global-typography-b997b29-font-size:22px;--e-global-typography-d50d45a-font-size:20px;--e-global-typography-79f1e96-font-size:22px;--e-global-typography-d5b72f3-font-size:22px;--e-global-typography-995fd31-font-size:14px;--e-global-typography-b55b190-font-size:14px;font-size:16px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:18px;padding:6px 16px 7px 16px;}.elementor-kit-6 label{font-size:var( --e-global-typography-b55b190-font-size );}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );border-width:0px 0px 1px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;}}/* Start custom CSS *//* =====================================================
   Glass effect (blur) – safe version
   The blur sits on ::after instead of on the container, so the
   container never traps dropdowns, popups or fixed children.
   ::before stays free for Elementor's background overlay.
   Don't set a background colour on these containers in Elementor:
   it would cover the glass. Change the tint here instead.
   ===================================================== */
.blur-box,
.blur-grau {
  position: relative;
  isolation: isolate;
  background: none;
}

.blur-box::after,
.blur-grau::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  backdrop-filter: blur(20px) saturate(140%);
}

/* Dark glass: white text stays readable on any photo */
.blur-box::after  { background: rgba(28, 32, 33, 0.45); }

/* Light glass: translucent, so the blur is actually visible */
.blur-grau::after { background: rgba(247, 247, 247, 0.80); }

/* Phones: lighter blur, smoother scrolling over the slideshow */
@media (max-width: 767px) {
  .blur-box::after,
  .blur-grau::after {
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
  }
}

/* No blur support, or "reduce transparency" turned on: solid fill */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .blur-box::after  { background: rgba(28, 32, 33, 0.88); }
  .blur-grau::after { background: #F7F7F7; }
}
@media (prefers-reduced-transparency: reduce) {
  .blur-box::after  { background: rgba(28, 32, 33, 0.88); }
  .blur-grau::after { background: #F7F7F7; }
}


/* =====================================
   Kontakt-Button Icon
   ===================================== */
.icon-kontakt .elementor-button-icon {
  font-size: 24px;
}

.icon-kontakt .elementor-button-text {
  margin-top: 3px;
}


/* =====================================
   Video-Box: Desktop Hover Fade-In
   ===================================== */
.hover-box-video {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.hover-parent:hover .hover-box-video {
  opacity: 1;
  pointer-events: auto;
}

/* Tablet & Mobile */
@media (max-width: 1024px) {
  .hover-box-video {
    opacity: 1;
    pointer-events: auto;
  }
}


/* =====================================
   Split-Layout
   ===================================== */
.hover-split {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.hover-box {
  flex: 0 0 50%;
  position: relative;
  display: flex;
  transition: flex 0.5s ease;
}

/* Elementor Inner → Content unten */
.hover-box > .e-con-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Headline unten */
}

/* Hover-Content (Text + Button) */
.hover-content {
  overflow: hidden;
  max-height: 0;              /* kein Platz im Layout */
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition:
    max-height 0.4s ease,
    opacity 0.3s ease,
    transform 0.4s ease;
}

/* Hover-Zustände */
.hover-box:hover {
  flex: 0 0 75%;
}

.hover-split:hover .hover-box:not(:hover) {
  flex: 0 0 25%;
}

.hover-box:hover .hover-content {
  max-height: 300px;          /* ausreichend groß */
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Touch devices (no hover): show text + button permanently,
   keep both boxes 50/50 */
@media (hover: none) {
  .hover-box,
  .hover-box:hover,
  .hover-split:hover .hover-box:not(:hover) {
    flex: 0 0 50%;
  }

  .hover-content {
    max-height: none;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://template-professional.carmar.digital/wp-content/uploads/2025/10/Inter-VariableFont_opszwght.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://template-professional.carmar.digital/wp-content/uploads/2025/10/Inter-VariableFont_opszwght.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://template-professional.carmar.digital/wp-content/uploads/2025/10/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */