/*
Formatierung Navigation foes.de
Autor: Patrick Förg
v1.0 2019-12-01
*/

.breadcrumb {
	width: 100%;
	margin: 0px auto;
	margin-top: 84px;
	position: fixed;
	z-index: 90;
	background-color: #ffffff;
}

.breadcrumb-item {
	font-size: 0.875rem;
	list-style-type: none;
	color: rgb(103, 114, 163);
}
.breadcrumb-item a:link {
	color: rgb(103, 114, 163);
}
.breadcrumb-item a:hover{
  color :#02336e;
  text-decoration :none;
}
.breadcrumb-item a:active{
  color :#6772a3;
  text-decoration :none;
  outline:none;
}

#main-navbar {
background: #FFFFFF;
width: 100%;
margin: 0px auto;
position: fixed;
z-index: 100;
}
.navbar-nav .navbar-nav {
	justify-content: right;
}
.navbar-nav .navbar-nav .nav-link {
	padding-right:0;
}
.navbar-nav .navbar-nav .nav-link::after {
	display:none;
}
.dropdown-menu {
	display:block;
	margin-top:-5000px;
	opacity:0;
	transition:opacity 0.8s;
}
.dropdown-menu.show {
	opacity:1 !important;
	margin-top:-1px !important;
}
.dropdown-item:focus {
  background-color: rgb(2, 51, 110);
}
/*
.nav-item > .dropdown-menu {
	opacity:0;
	transition:opacity 1s;
	display:block;
	margin-top:-5000px;
}
.nav-item.dropshow .dropshow-2{
	opacity:1;
	margin-top:-1px;
}
.nav-item .dropdown-menu .dropdown-submenu {
	opacity:0;
	transition:opacity 1s;
	display:block;
	margin-top:-5000px;
}
.nav-item .dropshow-3{
	opacity:1 !important;
	margin-top:-1px !important;
}

*/


@media (min-width: 320px) {
	.foesfooter {
	background-color: #02336E;
	padding-top: 2rem;
	margin-top: 2rem;

	}

}

@media (min-width: 768px) {
	.foesfooter {
	background-color: #02336E;
	padding-top: 2rem;
	margin-top: 2rem;
	
}

}

@media (min-width: 992px) {
	.foesfooter {
	background-color: #02336E;
	padding-top: 2rem;
	margin-top: 2rem;
}

}

@media (min-width: 1200px) {
    .foesfooter {
	background-color: #02336E;
	padding-top: 2rem;
}

}


.btn {
	border: 2px solid transparent;
	padding: 0.7rem;
	margin-right: 2rem;
	margin-left: 0;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.btn-light-foes {
background-color: #ffffff;
border-color: #4EB484;
font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
text-transform: uppercase;
}

a:hover.btn-light-foes {
	color : #02336e;
	text-decoration : none;
}

.btn-dark-foes {
background-color: #4EB484;
border-color: #4EB484;
font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
color: #ffffff;
text-transform: uppercase;
}

a:link.btn-dark-foes {
color: #ffffff;
}

a:visited.btn-dark-foes {
color: #ffffff;
}

a:active.btn-dark-foes {
color: #ffffff;
}

a:hover.btn-dark-foes {
	color : #02336e;
	text-decoration : none;
}

.btn-contact-foes {
background-color: #008A75;
border-color: #ffffff;
font-family: TTNorms-Bold, Helvetica, Arial, sans-serif;
color: #ffffff;
text-transform: uppercase;
}

a:link.btn-contact-foes {
color: #ffffff;
}

a:visited.btn-contact-foes {
color: #ffffff;
}

a:active.btn-contact-foes {
color: #ffffff;
}

a:hover.btn-contact-foes {
	color : #02336e;
	text-decoration : none;
}

.h6footer a:link {
color: #ffffff;
}

.h6footer a:visited {
color: #ffffff;
}

.h6footer a:active {
color: #ffffff;
}

.h6footer a:hover {
	color : #4EB484;
	text-decoration : none;
}

a:hover.nav-link {
	color: #4EB484;
}

.navbar-light .navbar-nav .nav-link {
	color: #02336E;
	font-size: 1.25rem;
}
.navbar-light .navbar-nav .nav-link .fa-twitter {
	font-size: 1rem;
}

.navbar-light .navbar-nav .nav-link a:hover {
	color: #02336E;
}

.active {
	font-weight: bold;
}

.navbar-light .navbar-nav .active > .nav-link {
	color: #02336E;
}

.dropdown-menu {
	background-color: #02336E;
	border: 0;
	color: #ffffff;
	font-size: 1.25rem;
}

.dropdown-item:hover {
	background-color: #02336E;
}

.dropdown-item.active {
	background-color: #02336E;
}

.dropdown-item.parent-active {
	background-color: #02336E;
	font-weight: bold;
}

.dropdown-item.active.parent-active {
	background-color: #02336E;
	font-weight: bold;
}

.dropdown-submenu div.dropdown-menu {
	background-color: #3A5088;
	border: 0;
	color: #ffffff;
	font-size: 1.25rem;
}

.dropdown-submenu div.dropdown-menu .dropdown-item.active {
	background-color: #3A5088;
}

.dropdown-submenu div.dropdown-menu .dropdown-item:hover {
	background-color: #3A5088;
}

a:link.dropdown-item {
	color: #ffffff;
}

a:visited.dropdown-item {
	color: #ffffff;
}

a:active.dropdown-item {
	color: #ffffff;
}

a:hover.dropdown-item {
	color: #4EB484;
}

.dropdown-item.parent-active
{
  background-color: RGB(2, 51, 110) !important;
}



#navbarToggler.collapsing .main-navbarnav div:last-child .nav-item .dropdown-menu .dropdown-item,
#navbarToggler.show .main-navbarnav div:last-child .nav-item .dropdown-menu .dropdown-item {
	top:-5000px;
	position:absolute;
}
#navbarToggler.collapsing .main-navbarnav div:last-child .nav-item .dropdown-menu.show  .dropdown-item,
#navbarToggler.show .main-navbarnav div:last-child .nav-item .dropdown-menu.show  .dropdown-item {
	top:0;
	position:relative;
}

#navbarToggler.p-3.collapsing,
#navbarToggler.p-3.show {
	margin-top:10px;	
	padding-top:0 !important;
}
#navbarToggler.collapsing .main-navbarnav .nav-item,
#navbarToggler.show .main-navbarnav .nav-item {
	min-height:36px;	
	--bs-nav-link-padding-y:0;
}
#navbarToggler.collapsing .main-navbarnav .nav-item,
#navbarToggler.show .main-navbarnav .nav-item {
	min-height:36px;	
	--bs-nav-link-padding-y:0;
}
#navbarToggler.collapsing .main-navbarnav .nav-item a.has-submenu::after,
#navbarToggler.show .main-navbarnav .nav-item a.has-submenu::after {
	content:"˅";
	  border: none;
  	margin-left: 0;
  	visibility: visible;
  	transform:scale(2,1) translate(0,5px);
  	transform-origin:50% 55%;
}
#navbarToggler.collapsing .main-navbarnav .nav-item a.has-submenu.show::after,
#navbarToggler.show .main-navbarnav .nav-item a.has-submenu.show::after {
	content:"˅";
	  border: none;
  	margin-left: 0;
  	visibility: visible;
  	transform:rotate(180deg) scale(2,1) translate(0,5px);
}
#navbarToggler.collapsing .main-navbarnav .nav-item .dropdown,
#navbarToggler.show .main-navbarnav .nav-item .dropdown {
	min-height:36px;	
	--bs-nav-link-padding-y:0;
}
#navbarToggler.collapsing .main-navbarnav .nav-item .dropdown .dropdown-submenu,
#navbarToggler.show .main-navbarnav .nav-item .dropdown .dropdown-submenu {
	min-height:30px;
	padding-left:20px;
}

/*
*/
#navbarToggler.collapsing .navbar-nav:not(.main-navbarnav),
#navbarToggler.show .navbar-nav:not(.main-navbarnav) {
	display:block;
}
#navbarToggler.collapsing .navbar-nav:not(.main-navbarnav) .nav-item,
#navbarToggler.show .navbar-nav:not(.main-navbarnav) .nav-item {
	display:inline-block;
	width:20px;
}