/* 
rosa: #E8BFC2
background-color: rgba(0,0,0,0.1);
*/

nav {
  transition: all .4s ease-in-out;
}

.navbar {
  --bs-navbar-nav-link-padding-x:20px;
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0px;
  --bs-navbar-toggler-font-size: 2.25rem;
  --bs-navbar-brand-font-size: 4.25rem;
  --bs-navbar-toggler-border-color:black;
  --bs-navbar-toggler-border-radius:8px;
  --bs-navbar-toggler-border-radius: 0;
  background-color:white;
	transition: all .4s ease-in-out;
  	-webkit-box-shadow: 0px 0px 10px silver; 
	-moz-box-shadow: 0px 0px 10px silver;  
	box-shadow: 0px 0px 10px silver; 
}
.navbar-toggler {
    /* This will completely remove border from the icon */
    /* If you need border for the icon then comment this code */
     border: 0px !important;*/

}
.farbwechsel {
	background-color:rgb(255,255,255,1.0);
	transition: all .4s ease-in-out;
  	-webkit-box-shadow: 0px 0px 10px silver; 
	-moz-box-shadow: 0px 0px 10px silver;  
	box-shadow: 0px 0px 10px silver; 

}
	
.nav-item {
 	 font-family: 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
 	 font-weight:600;
 	 font-size:18px;
	 color:#000000;
	 margin-left:10px;
	 margin-right:10px;
	 margin-bottom:25px;
	 border-radius:8px;

}
.nav-item a {
	 color:black;
	 background-color:transparent;	 
	 border-radius:8px;
	 text-align:center;
	 border:0px solid black
}
@media (max-width: 1023px) {
	.nav-item a {
		 background-color:white;	 
	}
	.nav-item {
		 margin-bottom:5px;
	}
}



.nav-item a:hover {
	color:white;
	 background-color:black;
	 transition-property:all;
	 transition-duration:0.4s;
	 border:0px solid white
}

.navbar-collapse {
     background-color:#ffffff;
     margin-top:30px
  }


.navbar-brand {
 	 font-family: 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
 	 font-weight:600;
 	 font-size:0.5em;
	 color:#000000;
  	text-decoration: none;
  	white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  	color: var(--bs-navbar-brand-hover-color);
}

@media (max-width: 1023px) {
	.navbar-brand {
  	font-size:3.0em;
	}	
}

.navbar-brand img {
	widht:65px;
	height:65px;
}
@media (max-width: 1023px) {
	.navbar-brand img {
	widht:40px;
	height:40px;
	}	
}




.navbild {
 	 height:70px;
 	 width:70px;
}

@media (max-width: 1023px) {
	.navbild {
 	 height:40px;
 	 width:40px;
 	 margin:20px 0px 20px 0px
	}	
}




/*


.navbar {
height:100px;
background-color:white;
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: white;
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color:#6baff3;
  --bs-navbar-brand-hover-color:#000000;
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
  font-family: 'Roboto Slab', 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:400;

}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}