﻿/* 
2026-blau:#28a1df
Orange:#fc9e1b

*/

.navbar {
background-color:transparent;
--bs-navbar-nav-link-padding-x:20px;
--bs-navbar-nav-link-padding-y:5px;

  }
  


.nav-link {
	 color:black;
}

.nav-item {
 	 font-family: 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
 	 font-weight:400;
 	 font-size:16px;
	 color:#000000;
	 margin:5px 5px;
}
.nav-item a {
	 color:black;
   	 border-radius:5px;
	 background-color:#ffffff;
 	 padding-left:10px;
  	 text-decoration:none
}

.nav-item li {
 color:black;
}

.nav-item a:hover {
	color:#ffffff;
	 background-color:#fc9e1b;
   	 border-radius:5px;
	 transition-property:all;
	 transition-duration:0.8s;
}

.navbar-collapse {
     background-color:#ffffff;
  }

.navbar-brand {
  font-family: 'Merriweather', 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:400;

}








/*




	 background-color:#fc9e1b;



.nav-item {
 	 font-family: 'Roboto Slab', 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
 	 font-weight:400;
 	 font-size:20px;
	 color:#000000;
	 margin-left:10px;
	 margin-right:20px;
}
.nav-item a {
	 color:black;
	 border-bottom:5px solid transparent
}


.nav-item a:hover {
	 color:#6baff3;
	 border-bottom:5px solid #6baff3;
	 transition-property:all;
	 transition-duration:0.8s;
}

.navbar-collapse {
     background-color:#ffffff;
  }

.navbar-brand {
  font-family: 'Roboto Slab', 'open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:600;

}





.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);
}


