/* Hand-written refinements layered on top of the mirrored page.css and self-hosted vendor CSS. */

/* --- Header (rebuilt: this campaign page hides header-right on the source site, so only the logo ships) ---
   Keep the theme's native position:fixed + responsive padding (18/30/40px depending on
   viewport) -- just add the shadow the design calls for. Do NOT add extra padding here:
   the theme's own header/.logo rules already size it correctly; stacking more on top
   is what made it too tall. */
header {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
header .row.row-lg {
	justify-content: space-between;
}
.header-contact-cta {
	margin-left: auto;
}
.header-contact-cta .btn-yellow {
	white-space: nowrap;
	font-size: 18px;
}
/* The theme's own responsive steps top out at 40px padding above 1700px --
   trim that top (largest-desktop) tier slightly, matching its own next step
   down (30px) rather than inventing a new value. */
@media (min-width: 1701px) {
	header {
		padding: 30px 0;
	}
}

/* Smooth-scroll for the header's in-page "Kontakt" anchor link. */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* --- Footer (rebuilt: simplified to just the logo and social links per request) ---
   The theme's own `footer{padding:145px 0 120px}` was sized for the full rich footer
   (newsletter column, nav, copyright). With just a logo + two icons left, that padding
   reads as a huge empty band -- cut it down to match the lighter content. */
footer.footer-simple {
	padding: 48px 0;
}
.footer-simple-row {
	/* Match Elementor's own boxed-content width/centering (.e-con-inner: max-width
	   1140px, margin:0 auto, no extra side padding) so the footer's logo/icons line
	   up with the same left/right edges as the rest of the page's sections. The
	   extra 40px in max-width + 20px/side padding cancel out exactly at 1140px+
	   viewports (border-box), while still giving mobile a safe inset instead of
	   the content touching the screen edge. */
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
}
.footer-simple-logo img {
	display: block;
	max-width: 161px;
	height: auto;
}
.footer-simple-right {
	/* Privacy link grouped right next to the social icons (not the logo) so it
	   reads as one right-hand cluster instead of leaving a big empty gap.
	   margin-left:auto (rather than relying on the row's justify-content:
	   space-between) keeps this group pinned to the right edge even when it
	   wraps onto its own line below the logo on narrow/mobile widths. */
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-left: auto;
}
.footer-simple-legal {
	font-size: 14px;
	color: #000;
	text-decoration: underline;
	transition: 0.2s ease-in-out;
}
.footer-simple-legal:hover {
	text-decoration: none;
}
.footer-simple-socials ul {
	display: flex;
	align-items: center;
	gap: 32px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-simple-socials li {
	transition: 0.2s;
}
.footer-simple-socials li:hover {
	opacity: 0.7;
}
.footer-simple-socials img {
	display: block;
}
/* Mobile keeps the same space-between edge alignment as desktop (logo at the
   left edge, link+icons cluster at the right edge) -- no override needed. */

/* --- Gap between the hero and the logo-carousel section ---
   The source has zero margin/padding between them on mobile, so the hero's
   blue text box runs straight into "Deutsche Unternehmen in Litauen". */
@media (max-width: 767px) {
	.elementor-24667 .elementor-element.elementor-element-c4233d1 {
		margin-top: 40px;
	}

	/* "Ihr Partner vor Ort" contact illustration (Contact-us-2.svg) -- the source
	   scales it to 100% of the stacked mobile column (~full page width), so its
	   large transparent/white shape bleeds down over the heading that follows.
	   Shrink it and give it breathing room so it just sits above the text. */
	.elementor-24667 .elementor-element.elementor-element-6ec3356 img {
		width: 160px;
		margin: 0 auto 24px;
		display: block;
	}
}

/* --- Carousels rebuilt in vanilla JS --- */
.e-n-carousel.swiper,
.eael-logo-carousel {
	cursor: grab;
	touch-action: pan-y;
}
.e-n-carousel.swiper:active,
.eael-logo-carousel:active {
	cursor: grabbing;
}
.swiper-pagination-bullet {
	cursor: pointer;
}

/* --- Footer form (mailerlite) --- */
.mailerlite-form-response {
	display: none;
}