/*
 Theme Name:		 Divi Child Theme
 Theme URI:			http://www.elegantthemes.com
 Description:		Child Theme for Divi Theme by Elegant Themes
 Author:				 Divi.world
 Author URI:		 http://divi.world
 Template:			 Divi
 Version:				1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* BO main menu */
header .df-am-container .df-am-row,
footer .df-am-container .df-am-row {
	padding: 0 !important;
}

/* dot before main navi items */
.menu-item {
	position: relative;
	overflow: visible !important;
}
@keyframes smooth-appear-from-left {
	to {
		opacity: 1;
		left: -15px;
	}
}
@keyframes smooth-disappear-to-left {
	to {
		opacity: 0;
		left: -200px;
	}
}
.menu-item:hover::before {
	content: "●";
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
	color: #0700FF;
	
	animation: smooth-appear-from-left 0.5s ease-out forwards;
	animation-delay: 0s;
	opacity: 0;
	left: -200px;	
}
.menu-item:not(:hover)::before {
	animation: smooth-disappear-to-left 0.5s ease-out forwards;
	animation-delay: 0s;
	opacity: 0;
}

footer .menu-item:hover::before,
footer .menu-item:not(:hover)::before {
	top: 23%;
}

/*
.menu-item.current-menu-item:not(:hover)::before {
		animation: smooth-disappear-to-left 0.5s ease-out forwards;
		animation-delay: 0s;
		opacity: 0;
}
*/

.menu-item.current-menu-item::before {
	content: "●";
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 13px;
	color: #0700FF;
	
		animation: smooth-appear-from-left 0.5s ease-out forwards;
		animation-delay: 0s;
		opacity: 0;
		left: -200px;
}

/* 
a:hover::before 
*/

@media (max-width: 979px) {
	header .et_pb_column,
	footer .et_pb_column {
		margin-bottom: 0 !important;
		width: 50% !important;
		margin-right: 0 !important;
	}
	
	footer .et_pb_column.col-legal-menu {
		width: 100% !important;	
	}
	footer .et_pb_column.col-legal-menu .et_pb_menu__wrap {	
		margin-left: 50%;
	}
	
	.difl_advancedmenuitem_0_tb_header,
	.difl_advancedmenuitem_0_tb_footer {
		width: auto !important;
	}
	.df-normal-menu-wrap .df-menu-wrap .df-menu-nav {
		display: block;
	}
	.et_pb_menu--style-left_aligned .et_pb_menu__wrap {
		justify-content: flex-start;
	}
	
	.about-bars-bg {
		width: 100% !important;
	}
	.about-bars-bg .et_pb_column {
		width: 100% !important;
		min-height: 200px;
	}
}
@media (min-width: 980px) {

	header .difl_advancedmenu .row-inner,
	footer .difl_advancedmenu .row-inner,	
	header .difl_advancedmenu .row-inner .df-am-col.left,
	footer .difl_advancedmenu .row-inner .df-am-col.left {
		display: block !important;
	}
	header .df-am-container .df-am-row,
	footer .df-am-container .df-am-row {
		padding: 8px 8px 8px 0;
	}
	#menu-main-menu {
		margin-top: 0;
	}
	#menu-main-menu li,
	#menu-main-menu-4 li {
		width: 50%;
	}
	#menu-main-menu li:nth-child(2),
	#menu-main-menu-4 li:nth-child(2) {
		margin-left: 5.5%;
	}
}
/* EO main menu */

@media (min-width: 981px) {
	.case-items-wrapper {
		display: flex;
		flex-wrap: wrap;
		column-gap: 1.1ch;
		row-gap: 0.3em;
		justify-content: flex-start;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.case-items-wrapper a {
		display: inline-block;
		margin: 0;
		padding: 0;
		white-space: nowrap;
		color: #888 !important; /* Standardfarbe: Grau */
		text-decoration: none; /* keine Unterstreichung */
		transition: color 0.2s ease;
		cursor: pointer; /* damit klar ist, dass es klickbar ist */
	}
	.case-items-wrapper a:hover {
		color: #000 !important; /* Hoverfarbe: Schwarz */
	}
}

/* advanced tabes */
.df_at_all_tabs {
	padding: 15px 0;
}

ul.arrow {
	position: relative;
	list-style: none;
}
.arrow li {
	margin-left: 12px;
}
.arrow li::before {
	content: '➝';
	position: absolute;
	left: 0;
	padding-top: -5px;
}

/* menu cases */
#menu-cases {
	display: block;
	margin: 0 !important;
}
/*
#menu-cases li {
	display: block;
}
*/
#menu-cases li a {
	margin-left: 12px;
}
#menu-cases li::before {
		content: '➝';
		position: absolute;
		left: 0;
		padding-top: -5px;
}
/* footer */

/* Divi mobiles Menü nicht einklappen */
@media (max-width: 980px){
	.dt-no-menu-collapse.et_pb_menu .et_pb_menu__menu,
	.dt-no-menu-collapse.et_pb_fullwidth_menu .et_pb_menu__menu {
		display: block;
	}
	.dt-no-menu-collapse.et_pb_menu .et_mobile_nav_menu,
	.dt-no-menu-collapse.et_pb_fullwidth_menu .et_mobile_nav_menu {
		display: none;
	}
}

footer #menu-footer-menu {
	position: relative;
	list-style: none;
	display: block;
	width: auto;
}
footer #menu-footer-menu li {
	width: auto !important;
}

#main-content a {
	color: #18272F;
}

.swiper-pagination .swiper-pagination-bullet {
	width: 7px !important;
	height: 7px !important;
}