/* dawesys CMS utilities
-------------------------------------------------- */
	.menu_e1_aktiv {color: var(--primary) !important; }
	.menu_e2_aktiv {color: var(--primary) !important; }
	.Email2 { display:none; }
/*-------------------------------------------------- */

/* Theme Customizing by dawesys GmbH
-------------------------------------------------- */


	html {
		scroll-behavior: smooth;
	}

	body {
		overflow-y: scroll;
		background: url('../medien/layout/background.html') no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}

/*------ NAV & HEADER ------------------------------ */

	@media all and (min-width: 1200px) { /** Menüs beim hover ausklappen**/
		.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s;  }
		.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; }
	}

	.headerEMNS {
		position: fixed;
		top: 0;
		z-index:10;
		background-color: rgba(255, 255, 255, 0.8);
	}

	.nav-item {
		font-family: Cormorant Garamond;
		font-weight: bolder;
		font-size: large;
	}

	@media all and (min-width: 1200px) { /** senkrechte Striche zwischen den Menüpunkten bei xl**/
	.navbar-nav .nav-item .nav-link {
				padding: 0 0.5em;
			}
			
	.navbar-nav .nav-item:not(:last-child) .nav-link {	
				border-right: 2px solid; 
				border-color: var(--secondary);
		  }
		}


/*------ TYPO -------------------------------------- */
	p {
		hyphens: auto;
	}

	h1, h2, h3 {
		text-transform: uppercase;
		hyphens: auto;
		text-align: center;
		margin-bottom: 0;
	}

	h4, h5 {
		font-family: Lato;
		font-weight: bold;
	}



/*------ EXTRA CLASSES ------------------------- */

/* bg-dark und Links z.B. im dark footer*/
.navbar-dark ul > li > a, .footer.bg-dark p a {color: var(--secondary) !important;}
.footer.bg-dark ul > li > a {color: var(--white) !important;}
/*-------------------------------------------------- */
.footer {
	height: auto;
}

/*-----------------------------------------------------*/

.orangeListe {
	margin-left: 1em;
	padding-left:0;
}

::marker {
	color: var(--secondary);
	font-size: 1.2em;
}

/*---------------------------------------------------------------*/

@media all and (max-width: 767.98px) {


	.AktuellesCarousel .carousel-control-prev {
		left: -50px;
		border-bottom: 0;
		font-size: 2rem !important;
		color: white;
	}

	.AktuellesCarousel .carousel-control-next {
		right: -50px;
		border-bottom: 0;
		font-size: 2rem !important;
		color: white;
	}

	.TiereCarousel .carousel-control-prev {
		left: -50px;
		border-bottom: 0;
		font-size: 2rem !important;
		color: var(--secondary);
	}

	.TiereCarousel .carousel-control-next {
		right: -50px;
		border-bottom: 0;
		font-size: 2rem !important;
		color: var(--secondary);
	}

}

@media all and (min-width: 768px) {

	.AktuellesCarousel .carousel-control-prev {
		left: -110px;
		border-bottom: 0;
		font-size: 3rem !important;
		color: white;
	}

	.AktuellesCarousel .carousel-control-next {
		right: -110px;
		border-bottom: 0;
		font-size: 3rem !important;
		color: white;
	}

	..TiereCarousel .carousel-control-prev {
		left: -110px;
		border-bottom: 0;
		font-size: 3rem !important;
		color: var(--secondary);
	}

	.TiereCarousel .carousel-control-next {
		right: -110px;
		border-bottom: 0;
		font-size: 3rem !important;
		color: var(--secondary);
	}

}


@media all and (min-width: 992px) {
	
	.AktuellesCarousel .carousel-control-prev {
		left: -110px;
		border-bottom: 0;
		font-size: 3rem !important;
		color: white;
	}

	.AKtuellesCarousel .carousel-control-next {
		right: -110px;
		border-bottom: 0;
		font-size: 3rem !important;
		color: white;
	}

	.TiereCarousel .carousel-control-prev {
		left: -110px;
		border-bottom: 0;
		font-size: 3rem !important;
		color: var(--secondary);
	}

	.TiereCarousel .carousel-control-next {
		right: -110px;
		border-bottom: 0;
		font-size: 3rem !important;
		color: var(--secondary);
	}


}

@media all and (min-width: 1200px) {

	.KundenCarousel .carousel-control-prev {
		left: -110px;
		border-bottom: 0;
		font-size: 4rem !important;
		color: white;
	}

	.KundenCarousel .carousel-control-next {
		right: -110px;
		border-bottom: 0;
		font-size: 4rem !important;
		color: white;
	}

	.TiereCarousel .carousel-control-prev {
		left: -110px;
		border-bottom: 0;
		font-size: 4rem !important;
		color: var(--secondary);
	}

	.TiereCarousel .carousel-control-next {
		right: -110px;
		border-bottom: 0;
		font-size: 4rem !important;
		color: var(--secondary);
	}
}