@media only screen and (max-width: 992px) /*Bootstrap large breakpoint*/ {

body.startseite #nav_wrapper {
	opacity: 1;
	background-color: unset;
	-webkit-box-shadow: unset; 
	box-shadow: unset;
	transition: all 0.38s ease-in-out;
}
body.startseite #nav_wrapper.scrolled {
	-webkit-box-shadow: 1px 6px 11px -9px rgba(0,0,0,0.2); 
	box-shadow: 1px 6px 11px -9px rgba(0,0,0,0.2);
	background-color: #ffffff;
}
body.startseite #nav_wrapper #logo-navbar {
	opacity: 0;
	transition: all 0.38s ease-in-out;
}
body.startseite #nav_wrapper.scrolled #logo-navbar {
	opacity: 1;
}
	
body.startseite #nav_wrapper .navbar-toggler-icon {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(321deg) brightness(108%) contrast(101%);
	transition: all 0.38s ease-in-out;
}
body.startseite #nav_wrapper.scrolled .navbar-toggler-icon {
	filter: unset;
}

.nav-item:last-of-type {
  margin-right: 1.7rem !important;
}	
.dropdown-menu li {
		text-align: end;
}

	.um-start-akkordion .accordion-button > span {
		max-width: 60vw;
	}
	.um-start-akkordion .accordion-body {
		max-width: 60vw;
	}

/*
	############################################
	############## Mobile Navbar 
	############################################
	*/
	/*.startseite .sticky-top.navbar {
    	background: transparent;
	}*/
	.sticky-top.navbar .container {
    	padding: 0 1.5rem !important;
	}

	.offcanvas {
			background-color: var(--hauptfarbe);
			width: 100%!important;
	}
	.sticky-container {
		background-color: unset;
		box-shadow: unset;
	}
	.nav-link {
		color: white;
		font-size: 46px;
		padding: 16px 0px!important;
	}
	.offcanvas-header {
		padding: 8px 36px;
		height: 88px;
	}
	.offcanvas-body {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		padding-bottom: 2rem;
	}
	#logo-navbar, #logo-offcanvas {
		height: 72px;
	}
	#nav_wrapper {
		height: 88px;
	}
}