/*
 Theme Name: Schneider Container GmbH
 Theme URI: https://schneider-container.gmbh/
 Description: Theme der Firma Schneider Container GmbH
 Author: Schneider Container GmbH
 Author URI: https://schneider-container.de
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
.divi-menu-items-left-logo-right .et_pb_menu_inner_container {
	flex-direction: row-reverse;
}

.divi-menu-items-left-logo-right.et_pb_text_align_center .et_pb_menu__wrap {
	justify-content: left;
	align-content: center;
}

.divi-menu-items-left-logo-right .et_pb_menu__logo {
	margin-right: 0px;
	margin-left: 30px;
}
@media (max-width: 980px) {
	.divi-menu-items-left-logo-right .et_pb_menu__wrap {
		justify-content: flex-start;
	}
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.js-be--fullscreen--menu .et_pb_menu__wrap {
		justify-content: flex-end !important;
	}

	/*hide the desktop version of the menu*/

	.js-be--fullscreen--menu .et_pb_menu__wrap .et_pb_menu__menu {
		display: none !important;
	}

	/*show the mobile version of the menu on desktop*/

	.js-be--fullscreen--menu .et_pb_menu__wrap .et_mobile_nav_menu {
		display: block !important;
		align-items: center !important;
	}

	/*style the opened menu*/

	.js-be--fullscreen--menu .opened #mobile_menu1 {
		width: 100vw !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		height: 100vh !important;
		display: flex !important;
		justify-content: center !important;
		flex-direction: column !important;
		opacity: 1 !important;
		visibility: visible !important;
		transition: visibility 0.3s, opacity 0.3s ease-in-out;
		padding: 0 !important;
	}

	/*style the closed menu*/

	.js-be--fullscreen--menu .closed #mobile_menu1 {
		background-color: #fff !important;
		text-align: center !important;
		width: 100vw !important;
		position: fixed !important;
		left: 100vw !important;
		top: 0em !important;
		height: 100vh !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		flex-direction: column !important;
		transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
		opacity: 0 !important;
		visibility: hidden !important;
	}

	/*remove the bullet points from the list items*/

	.js-be--fullscreen--menu #mobile_menu1 li {
		list-style: none !important;
		text-align: center !important;
		width: 100%
	}

	/*move the menu to the top above other elements*/

	.js-be--fullscreen--menu .et_pb_menu__wrap span.mobile_menu_bar {
		z-index: 999999 !important;
	}

	/*change the opened menu icon*/

	.js-be--fullscreen--menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
		content: "4d" !important;
		color: #000;
	}

	/*make the hamburger menu fixed position on mobile*/

	.js-be--fullscreen--menu .opened .mobile_menu_bar {
		position: fixed !important;
	}

	/*remove the default blue border top on the mobile menu*/

	.js-be--fullscreen--menu .et_mobile_menu {
		border-top: none;
	}

	/*remove the default background color on menu items*/

	.js-be--fullscreen--menu .et_mobile_menu .menu-item-has-children>a {
		background-color: transparent;
	}

	/*remove the default hover background color and adjust opacity*/

	.et_mobile_menu li a:hover {
		background-color: transparent;
		opacity: 1;
	}

	/*remove the default border bottom on menu items*/

	.js-be--fullscreen--menu .et_mobile_menu li a {
		border-bottom: none;
	}


	.pa-fullscreen-menu .et_pb_menu__wrap {
		justify-content: flex-end !important;
		display: flex;
		align-items: center;
	}

	/* Hide the desktop version of the menu */
	.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
		display: none !important;
	}

	/* Show the mobile version of the menu on desktop */
	.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
		display: block !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100%;
	}

	/* Style the opened menu */
	.pa-fullscreen-menu .opened #mobile_menu1 {
		width: 100vw !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		height: 100% !important; /* Nutzung von 100% Höhe */
		display: flex !important;
		justify-content: center !important;
		flex-direction: column !important;
		align-items: center !important; /* Zentrieren der Menüpunkte */
		opacity: 1 !important;
		visibility: visible !important;
		transition: visibility 0.3s, opacity 0.3s ease-in-out;
		padding-top: env(safe-area-inset-top) !important; /* Sicherer Bereich für iPhones */
		padding-bottom: env(safe-area-inset-bottom) !important; /* Sicherer Bereich für iPhones */
		overflow-y: auto !important; /* Scrollbar hinzufügen */
		-webkit-overflow-scrolling: touch; /* Bessere Scroll-Performance auf iOS */
	}

	/* Style the closed menu */
	.pa-fullscreen-menu .closed #mobile_menu1 {
		background-color: #fff !important;
		text-align: center !important;
		width: 100vw !important;
		position: fixed !important;
		left: 100vw !important;
		top: 0 !important;
		height: 100% !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important; /* Zentrieren der Menüpunkte */
		flex-direction: column !important;
		transition: visibility 0.3s, opacity 0.3s, left 0.3s ease-in-out;
		opacity: 0 !important;
		visibility: hidden !important;
	}

	/* Remove the bullet points from the list items */
	.pa-fullscreen-menu #mobile_menu1 li {
		list-style: none !important;
		text-align: center !important;
		width: 100%;
		margin: 0; /* Entferne eventuell störende Abstände */
		padding: 0; /* Entferne eventuell störende Abstände */
	}

	/* Move the menu to the top above other elements */
	.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
		z-index: 999999 !important;
	}

	/* Change the opened menu icon */
	.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
		content: "\4d" !important; /* Adjust this content as needed for your icon */
	}

	/* Remove the default blue border top on the mobile menu */
	.pa-fullscreen-menu .et_mobile_menu {
		border-top: none;
	}

	/* Remove the default background color on menu items */
	.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
		background-color: transparent;
	}

	/* Remove the default hover background color and adjust opacity */
	.et_mobile_menu li a:hover {
		background-color: transparent;
		opacity: 1;
	}

	/* Remove the default border bottom on menu items */
	.pa-fullscreen-menu .et_mobile_menu li a {
		border-bottom: none;
	}
}

@media (max-width: 980px) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}
.vertical-align-row {
	display: flex;
	flex-direction: column;
	justify-content: center;
}