/* Force vertical one-pager layout (replaces locomotive horizontal panels) */

/*
 * Single native scrollbar only.
 * Locomotive still boots via demo2.js and injects .c-scrollbar — hide/remove it.
 * Never scroll both html AND body (that creates a second native bar).
 */
html,
html.has-scroll-smooth,
html.has-scroll-init {
	overflow-x: hidden !important;
	overflow-y: auto !important;
	height: auto !important;
	max-height: none !important;
}

/*
 * Spec quirk: overflow-x:hidden + overflow-y:visible → overflow-y computes to auto.
 * That made BOTH html and body scrollports (= 2 native bars). Keep body non-scrolling.
 */
body.home,
html.has-scroll-smooth body.home,
html.has-scroll-init body.home {
	overflow: hidden !important;
	height: auto !important;
	max-height: none !important;
	min-height: 100% !important;
	position: static !important;
}

/* Kill locomotive custom scrollbar (native bar is the only one) */
body.home .c-scrollbar,
html.has-scroll-smooth body.home .c-scrollbar,
.c-scrollbar {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
}

body.home .site,
body.home #page,
body.home .page-content,
body.home .data-scroll-main,
body.home [data-scroll-container] {
	overflow: visible !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	transform: none !important;
}

body.home .page-content .content .elementor.elementor-2,
body.home .page-content .content .elementor,
body.home .data-scroll-main .content .elementor {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.home .elementor-2 > .elementor-section,
body.home .elementor-2 > section,
body.home .elementor > .elementor-section,
body.home .elementor > section,
body.home section.elementor-section,
body.home .elementor-section.upcoming-section,
body.home .elementor-section.projects-section,
body.home .elementor-section.biography-section,
body.home .elementor-section.discography-section,
body.home .elementor-section.press-section,
body.home .elementor-section.news-section,
body.home section.Last-screen-section,
body.home section.first-section-home {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	display: block !important;
	float: none !important;
	height: auto !important;
	min-height: 0 !important;
	white-space: normal !important;
	position: relative !important;
}

body.home .elementor-section .elementor-container {
	max-width: 100% !important;
	width: 100% !important;
}

body.home [data-scroll-section],
body.home [data-scroll-direction="horizontal"] [data-scroll-section],
html[data-scroll-direction="horizontal"] body.home [data-scroll-section] {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	white-space: normal !important;
	vertical-align: top !important;
}

html[data-scroll-direction="horizontal"] body.home [data-scroll-container],
body.home [data-scroll-direction="horizontal"] [data-scroll-container] {
	white-space: normal !important;
	height: auto !important;
	display: block !important;
	min-height: 0 !important;
}

@media (max-width: 991px) {
	body.home .page-content.data-scroll-main,
	body.home [data-scroll-container],
	body.home .page-content .content,
	body.home .site-main,
	body.home #content {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		transform: none !important;
	}
}


/* Legal / secondary Elementor pages (Impressum etc.) — same single native scrollbar */
body.elementor-page:not(.home),
html.wc-scroll body {
	overflow-x: hidden !important;
	overflow-y: auto !important;
	height: auto !important;
	max-height: none !important;
	min-height: 100% !important;
	position: static !important;
}

body.elementor-page:not(.home) .page-content,
body.elementor-page:not(.home) .data-scroll-main,
body.elementor-page:not(.home) [data-scroll-container],
html.wc-scroll .page-content,
html.wc-scroll .data-scroll-main,
html.wc-scroll [data-scroll-container] {
	overflow: visible !important;
	height: auto !important;
	max-width: 100% !important;
	transform: none !important;
}

body.elementor-page:not(.home) .elementor,
body.elementor-page:not(.home) .elementor-section,
body.elementor-page:not(.home) .atrin-footer-section,
html.wc-scroll .elementor,
html.wc-scroll .atrin-footer-section {
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
	height: auto !important;
	transform: none !important;
}