:root {
  --beds-orange: #fb5800;
  --beds-black: #0b0b0b;
  --beds-white: #fff;
  --beds-radius: 12px;
  --beds-speed: 300ms;
  --beds-ease: cubic-bezier(.22, 1, .36, 1);
}

/* The purchased VoltEdge Elementor CSS is bundled separately and loaded first.
   This file contains only Hello-specific compatibility and project overrides. */

.home header.site-header {
	display: none;
}

/* Buttons retain Elementor colours but use the reference movement. */
.bloechlinger-designsystem .elementor-widget-button .elementor-button,
.bloechlinger-designsystem .elementor-button {
  transition: color var(--beds-speed) ease,
    background-color var(--beds-speed) ease,
    border-color var(--beds-speed) ease,
    transform var(--beds-speed) var(--beds-ease);
}

.bloechlinger-designsystem .elementor-widget-button .elementor-button:hover {
  transform: translateY(-2px);
}

.bloechlinger-designsystem .elementor-button-icon,
.bloechlinger-designsystem .elementor-icon {
  transition: transform var(--beds-speed) var(--beds-ease);
}

.bloechlinger-designsystem :is(.elementor-button:hover, .vamtam-icon-hover-parent:hover) :is(.elementor-button-icon, .elementor-icon) {
  transform: translate(3px, -3px);
}

/* Imported Service loop 3181. Uses the template's real Elementor element IDs. */
.elementor-3181.e-loop-item > [data-id="58b7c36"] {
  overflow: visible;
  border-radius: var(--beds-radius);
  transition: transform var(--beds-speed) var(--beds-ease), box-shadow var(--beds-speed) ease;
}

.elementor-3181 [data-id="ec673fa"] {
  overflow: hidden;
  border-radius: var(--beds-radius);
  clip-path: polygon(0 0, calc(100% - 80px) 0, calc(100% - 60px) 50px,
    100% 70px, 100% 100%, 0 100%);
}

.elementor-3181.e-loop-item:hover > [data-id="58b7c36"],
.elementor-3181.e-loop-item.beds-is-hovered > [data-id="58b7c36"] {
  transform: translateY(-5px);
  box-shadow: 0 24px 55px rgba(15, 15, 15, .16);
}

.elementor-3181 [data-id="4a25e00"] {
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity var(--beds-speed) ease, transform var(--beds-speed) var(--beds-ease);
}

.elementor-3181.e-loop-item:hover [data-id="4a25e00"],
.elementor-3181.e-loop-item.beds-is-hovered [data-id="4a25e00"] {
  opacity: 1;
  transform: translateY(0);
}

/* Project loop 2688. */
.elementor-2688.e-loop-item {
  overflow: hidden;
  border: 6px solid var(--e-global-color-vamtam_accent_5, #fff);
  border-radius: 22px;
  transition: border-color var(--beds-speed) ease;
}

.elementor-2688.e-loop-item:hover,
.elementor-2688.e-loop-item.beds-is-hovered {
  border-color: var(--beds-orange);
}

.elementor-2688 .vamtam-show-on-hover {
  z-index: 2;
}

@media (hover: none), (max-width: 1024px) {
  .vamtam-show-on-hover,
  .vamtam-grow-mh-hover {
    opacity: 1 !important;
    max-height: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bloechlinger-designsystem *,
  .bloechlinger-designsystem *::before,
  .bloechlinger-designsystem *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}
/* Elementor 4 adds an inner wrapper to Text Editor widgets. Keep the compact
   one-line location label used by the original VoltEdge careers loop. */
.elementor-element-2c71cf7 > .elementor-widget-container {
	white-space: nowrap;
}

/* Keep the animated market rows inside their own area. Without clipping,
   the following image section briefly appears below a divider on slide-in. */
.elementor-element-6989a678,
.elementor-element-39659421 {
	overflow: hidden;
}

/* The imported page assigns the same photograph as a hover background to all
   four market buttons. With Hello it renders as a thin image strip at the
   divider. Keep the text/icon hover, but suppress that broken image layer. */
.elementor-987683 :is(
	.elementor-element-3bf75871,
	.elementor-element-7a7e5b16,
	.elementor-element-593086d8,
	.elementor-element-d99eabd
):hover > .elementor-widget-container {
	background-image: none !important;
}