/* colors
------------------------------------------------------------- */
/* basic ----------- */
/* black, textcolor */
/* white, background-color */
/* darkgrey bckgrd */
/* lightgrey bckgrd */
/* grey page background (options) */
/* light grey btn background */
/* xxx */
/* xxx */
/* xxx */
/* xxx */
/* weeditmode ----------- */
/* weeditmode grey light */
/* weeditmode blue light */
/* weeditmode blue dark */
/* weeditmode yellow */
/* weeditmode blue col-bckgrd */
/* weeditmode yellow */
/* weeditmode orange */
/* weeditmode acidblue */
/* weeditmode neongreen */
/* bootstrap colors ----------- */
/* bootstrap grey */
/* bootstrap grey */
/* xxx */
/* xxx */
/* xxx */
/* website colors ----------- */
/* gilbert yellow */
/* gilbert orange active */
/* gilbert blue card bckgrd 1 */
/* gilbert yellow bubble-nav-border */
/* gilbert nav primebubble bckgrd*/
/* gilbert nav primebubble border */
/* gilbert yellow -transparent (input box shadow) */
/* xxx */
/* xxx */
/* xxx */
/* xxx */
/* xxx */
/* xxx */
/* margins / paddings
------------------------------------------------------------- */
/* mixins
------------------------------------------------------------- */
/* borders
------------------------------------------------------------- */
/* margins / paddings
------------------------------------------------------------- */
/* ------------------------------------------------------------------
nav open and closed states
------------------------------------------------------------------ */
.nav-opened {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s linear;
}
.nav-closed {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.4s, opacity 0.3s linear;
}
.content-pos-closed {
  position: relative;
  top: 0;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.content-pos-opened {
  position: relative;
  top: 0px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
/* ------------------------------------------------------------------
navbar and navigation
------------------------------------------------------------------ */
nav {
  margin: 0;
  padding: 0 !important;
  border: none;
  background: transparent;
}
nav.navbar {
  padding: 50px 0 30px 0 !important;
}
nav.navbar .navbar-brand svg {
  width: 250px;
}
@media (max-width: 390px) {
  nav.navbar {
    padding: 30px 0 30px 0 !important;
  }
  nav.navbar .navbar-brand {
    width: 170px;
  }
  nav.navbar .navbar-brand svg {
    width: 170px;
  }
}
nav.navbar .navbar-toggler {
  border: none;
  outline: none;
  transition: transform 0.8s;
}
nav.navbar .navbar-toggler .plus {
  transform-origin: 43.6333px 21.81665px;
  transition: transform 0.5s;
}
nav.navbar .navbar-toggler:focus {
  border: none;
  outline: none;
}
nav.navbar .navbar-toggler:hover #ellipse2 {
  fill: #FF8533;
}
nav.navbar .navbar-toggler.active {
  transform: rotate(405deg);
}
nav.navbar .navbar-toggler.active .plus {
  transform: rotate(-1080deg);
}
nav.navbar .navbar-toggler:focus {
  border: none;
  box-shadow: none;
}
nav .search .input-search {
  width: 200px;
  height: 30px;
  border: 1px solid #FFB928;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
nav .search .input-search:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 185, 40, 0.25);
}
nav .search .btn-search {
  padding: 0;
}
nav .search .btn-search path {
  width: 30px;
  fill: #FFB928;
}
nav#navigation {
  position: relative;
}
nav#navigation #canvas {
  height: 600px;
  /*border: 1px solid gray;*/
}
nav#navigation #canvas .bubble {
  height: 25px;
  width: 25px;
  padding: 0;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  opacity: 0.7;
  border: 4px solid #FFB114;
  background-color: #FFB928;
}
nav#navigation #canvas .bubble a {
  text-decoration: none;
}
nav#navigation #canvas .bubble span {
  color: #FFFFFF;
  min-height: 100%;
  display: grid;
  align-items: center;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
nav#navigation #canvas .bubble.active {
  opacity: 0.8;
}
nav#navigation #canvas .bubble.active span {
  min-height: auto;
}
nav#navigation #canvas .bubble.active.nav {
  text-align: left;
}
nav#navigation #canvas .bubble.stripe {
  border: none;
  background: repeating-linear-gradient(135deg, lightgray, lightgray 2px, transparent 2px, transparent 7px);
}
nav#navigation #canvas .bubble.yellow {
  opacity: 0.2;
}
nav#navigation #canvas .bubble:hover {
  cursor: pointer;
}
nav#navigation #canvas .primebubble {
  border: 4px solid #CEC63D;
  background-color: #CEC63D;
}
nav#navigation #canvas .active {
  background-color: #FF8533;
}
nav #accordion {
  padding-bottom: 30px;
}
nav #accordion .accordion.level0 {
  margin: 0 0 10px 0;
}
nav #accordion .accordion.level1 {
  margin: 0 0 15px 40px;
}
nav #accordion .accordion.level2 {
  margin: 0 0 15px 80px;
}
nav #accordion a {
  text-decoration: none;
  color: #FFB928;
}
nav #accordion a .firstletter {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.2rem;
  line-height: 30px;
  -webkit-border-top-left-radius: 50% !important;
  -moz-border-radius-topleft: 50% !important;
  border-top-left-radius: 50% !important;
  -webkit-border-top-right-radius: 50% !important;
  -moz-border-radius-topright: 50% !important;
  border-top-right-radius: 50% !important;
  -webkit-border-bottom-left-radius: 50% !important;
  -moz-border-radius-bottomleft: 50% !important;
  border-bottom-left-radius: 50% !important;
  -webkit-border-bottom-right-radius: 50% !important;
  -moz-border-radius-bottomright: 50% !important;
  border-bottom-right-radius: 50% !important;
  background-color: #ffb928;
}
nav #accordion a:hover .firstletter {
  background-color: #000000;
}
.nav-bubble .level0 {
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.2rem;
}
.nav-bubble.active .level0 {
  padding: 40px 30px 8px 30px;
}
.nav-bubble .level1 {
  list-style-type: none;
  margin: 0;
  padding: 10px 15px;
}
.nav-bubble .level1 li {
  margin-bottom: 0.4rem;
}
.nav-bubble .level1 li a:link, .nav-bubble .level1 li a:visited {
  display: inline-block;
  /*min-width: 100%;*/
  padding: 0.1rem 0.4rem;
  color: #000000;
  text-decoration: none;
  /* transform: skew(-12deg);
                background-color: $color0; */
}
.nav-bubble .level1 li a:hover {
  color: #FFFFFF;
  /* background-color: $color50; */
}
.nav-bubble .level1 li a.active {
  /*color: $color50;
                background-color: $color3;*/
}
.nav-bubble .level1 li .overview {
  margin-top: 0.6rem;
  padding: 2px;
  color: #FFFFFF !important;
  font-weight: bold;
  border: 1px solid #FFFFFF;
  -webkit-border-top-left-radius: 0.25rem !important;
  -moz-border-radius-topleft: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
  -webkit-border-top-right-radius: 0.25rem !important;
  -moz-border-radius-topright: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
  -webkit-border-bottom-left-radius: 0.25rem !important;
  -moz-border-radius-bottomleft: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  -webkit-border-bottom-right-radius: 0.25rem !important;
  -moz-border-radius-bottomright: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  /* &::before {
                    content: '\002B  ';
                }

                &::after {
                    content: '  \002B';
                } */
}
.nav-bubble .level1 li .overview:hover {
  color: #000000 !important;
  border-color: #000000;
}