/**
 * Theme Name:        Divi GSAP
 * Template:          Divi
 * Description:       Adds GSAP to Divi
 * Version:           1.0.0
 * Author:            rasani.de
 * Text Domain:       divi-gsap
 * Tested up to:      6.8
 * Requires at least: 6.2
 * Requires PHP:      7.4
 * License:           All Rights Reserved
 * License URI:       none
 */

.mobile_menu_bar::before {
	font-size: 48px;
	font-weight: 900;
	color: #003a8a;
}

#et-top-navigation, #et-top-navigation > span {
	width: 48px;
}

#main-header > div.et_menu_container {
	width: unset;
	margin-left: 100px;
	margin-right: 100px;
}

.et_pb_row_1_tb_footer {
	gap: 16px;
}

.et_pb_row_1_tb_footer > .et_flex_column {
	width: auto;
}

.et_pb_row_1_tb_footer > .et_flex_column:last-child {
	margin-left: auto;
}

#homepage-video video {
	object-fit: cover;
}

.image-cover, .image-cover img {
	object-fit: cover;
}

.text-over-image, .text-over-image *, .no-select * {
	pointer-events: none;
	user-select: none;
}

#kontakt-info .et_pb_icon_list_text {
	padding-left: 16px;
}

.extended-background-left::before, .extended-background-left-and-down::before {
	content: "";
	background-color: #fbf6ec;
	position: absolute;
	z-index: -1;
	top: 0;
}

.extended-background-left::before {
	height: 100%;
	width: 20vw;
	left: -20vw;
}

.high-z, *:has(> .high-z) {
	z-index: 1000;
}

.extended-background-left-and-down::before {
	height: 250%;
	width: 140%;
	left: -40%;
}

#maske {
	width: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	opacity: 0; 
	transform-origin: center;
	pointer-events: none;
}

#maske, *:has(#maske) {
	z-index: 10000000;
}

#pause-icon {
	opacity: 0;
	transition: opacity 500ms ease-in-out;
}

#pause-icon:hover {
	opacity: 1;
}