/* Styling Header/Navi */
.is-drilldown {
  padding-bottom: 50px;
}

.nav {
  position: absolute;
  top: 0;
  z-index: 900;
  left: 0;
  right: 0;
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-grey);
}

.uk-navbar {
  align-items: baseline;
}

.uk-navbar-nav > li > .nav-link {
  font-size: 16px;
  color: var(--color-red);
  letter-spacing: 0.03rem;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.uk-navbar-nav > li:hover > .nav-link,
.uk-navbar-nav > li.uk-active > .nav-link,
.uk-navbar-nav > li.active-nav-link > .nav-link {
  color: var(--color-red);
  /*text-decoration: underline;*/
  /*font-weight: bold;*/
  text-shadow: 1px 0 0 var(--color-red);
  border-bottom: 2px solid var(--color-red);
  /*text-underline-offset: 5px;*/
  /*text-decoration-thickness: 2px;*/
}

.nav .uk-navbar-right {
  min-height: 80px;
  justify-content: flex-end;
}

.nav-actions-menu {
  background-color: var(--color-red);
  color: var(--color-white);
  gap: 30px;
  padding: 20px 14px 12px 14px;
  height: 50px;
  box-sizing: border-box;
  align-items: center;
}

.nav-actions-menu .language-navi li:first-child {
  font-weight: bold;
}

.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  min-height: 0;
}

/* NAVI */
:root {
  --menu_breakpoint: 960;
  --menu_toggle_background: black;
  --menu_border: 1px solid rgba(255, 255, 255, 0.1);
  --menu_padding: 15px 20px;
  --menu_icon_padding: 5px 10px;
}

.megamenu {
  width: 100%;
  max-width: 4000px !important;
  box-shadow: 0 3px 8px rgba(28, 28, 28, 0.4196078431);
  margin: 0 0 0 0;
  position: fixed;
  left: 0 !important;
  right: 0 !important;
  background-color: var(--color-greygreen);
  color: white;
  height: 300px;
  transition: height 0.3s ease-in-out;
}

/* tricky switch between parents hover */
/*.uk-navbar-item .megamenu {
	display: block;
	transition: visibility 0.3s ease-out;
	overflow: hidden;
}
.uk-navbar-item .megamenu {
	visibility: hidden !important;
}
.uk-navbar-item:hover .megamenu {
	visibility: visible !important;
}
.megamenu a {
	transition: all 0s ease-out !important;
	padding-right: 10px;
}*/
.megamenu.uk-dropdown {
  /*animation-duration:2s !important;*/
  /*transition: display 2000ms linear !important;*/
}

.megamenu * {
  text-shadow: 0 0 0 transparent;
}

.megamenu .uk-container {
  padding-left: 15%;
}

.menu {
  position: relative;
  z-index: 10;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu-hasflyout .menu-dropdown,
.menu input[type=checkbox] {
  /* hide defaults */
  display: none;
}

.menu-dropdown {
  width: 300px;
  font-size: 16px;
  color: #fff;
  flex-direction: column;
}

.megamenu {
  text-transform: none;
  min-height: 200px;
}

.megamenu .uk-h4 {
  text-transform: uppercase;
}

.megamenu .uk-h3,
.megamenu .uk-h3:hover {
  font-family: "Gilroy", Helvetica, Arial, sans-serif;
}

.megamenu .uk-h3:hover {
  color: white;
}

.menu label:hover {
  cursor: pointer;
}

.menu-dropdown li:hover,
.menu-hasdropdown.menu-hasflyout.uk-active,
.active-nav-link {
  color: var(--color-red);
}

.menu-hasdropdown.menu-hasflyout.uk-active .menu-righticon:before {
  backrgound-color: var(--color-red);
}

.menu-hasdropdown.menu-hasflyout > .menu-dropdown {
  display: none;
}

.menu-hasdropdown.menu-hasflyout.uk-active > .menu-dropdown {
  display: block;
}

.active-nav-link > .menu-dropdown {
  display: block;
  /*TEMPORARY display: flex; */
}

.menu-hasdropdown:not(.active-nav-link) .menu-dropdown {
  /*display: none;*/
}

.big-nav-bg {
  background-color: var(--color-greygreen);
  position: fixed;
  top: 156px;
  height: 180px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8;
  display: none;
  transition: all 0.8s ease-in-out;
}

.close-big-nav {
  position: absolute;
  top: 9rem;
  right: 1rem;
  z-index: 10;
  cursor: pointer;
  display: none;
}

.close-big-nav::before {
  content: "";
  width: 2px;
  height: 30px;
  background-color: var(--color-white);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  display: block;
  position: absolute;
}

.close-big-nav::after {
  content: "";
  width: 2px;
  height: 30px;
  background-color: var(--color-white);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  display: block;
  position: absolute;
}

@media (max-width: 1199px) {
  .close-big-nav {
    display: none;
  }
}
.menu-righticon:before {
  content: "";
  background-color: var(--color-white);
  height: 12px;
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.469" height="14.896" viewBox="0 0 13.469 14.896"><g id="Pfeil_re_Menu" transform="translate(0 1.414)"><g id="Pfeil_re_Menu-2" data-name="Pfeil_re_Menu" transform="translate(6.846 1.059) rotate(45)"><line id="Linie_19663" data-name="Linie 19663" y1="8.268" transform="translate(7.3 0)" fill="none" stroke="white" stroke-linecap="round" stroke-width="2"/><line id="Linie_19664" data-name="Linie 19664" x2="8.697" transform="translate(-1.414 -0.083)" fill="none" stroke="white" stroke-linecap="round" stroke-width="2"/></g></g></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.469" height="14.896" viewBox="0 0 13.469 14.896"><g id="Pfeil_re_Menu" transform="translate(0 1.414)"><g id="Pfeil_re_Menu-2" data-name="Pfeil_re_Menu" transform="translate(6.846 1.059) rotate(45)"><line id="Linie_19663" data-name="Linie 19663" y1="8.268" transform="translate(7.3 0)" fill="none" stroke="white" stroke-linecap="round" stroke-width="2"/><line id="Linie_19664" data-name="Linie 19664" x2="8.697" transform="translate(-1.414 -0.083)" fill="none" stroke="white" stroke-linecap="round" stroke-width="2"/></g></g></svg>');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}

.menu-dropdown li:hover > div > label .menu-righticon:before,
.active-nav-link > div > label .menu-righticon:before {
  background-color: var(--color-red);
}

/* narrow styles */
.frame-type-menu_sitemap_pages .uk-list {
  margin-bottom: 2rem;
}

.frame-type-menu_sitemap_pages .uk-list .uk-list {
  margin-left: 15px;
}

.frame-type-menu_sitemap_pages .uk-list .uk-list .uk-list {
  font-size: 95%;
}

@media screen and (max-width: 960px) {
  /* hide navigation and right icons */
  .uk-navbar-nav .menu > ul,
  .menu-righticon {
    display: none;
  }
  .uk-navbar-nav input[type=checkbox]:checked + ul {
    display: flex;
    animation: grow 0.5s ease-in-out;
    /* optional animation */
  }
}
/* large styles */
@media screen and (max-width: 1600px) {
  .uk-navbar-nav {
    gap: var(--gap-width);
  }
  .uk-navbar-nav > li > .nav-link {
    font-size: 14px;
  }
}
@media screen and (min-width: 961px) {
  .uk-navbar {
    gap: 20px;
  }
  /* hide show navigation button and checkboxes */
  .uk-navbar-nav .menu > label,
  .uk-navbar-nav input[type=checkbox] {
    display: none;
  }
  /* align items and style them*/
  .uk-navbar-nav .menu > ul > li {
    display: inline-block;
  }
  /*.menu-hasdropdown:hover>.menu-dropdown   {
         cursor: pointer;
  	display: block;
  	TEMPORARY display: flex; 
     }*/
  /* dropdown position and style */
  .uk-navbar-nav .menu-hasdropdown > ul {
    position: absolute;
    top: 100%;
    left: 22%;
    box-sizing: border-box;
    padding-top: 10px;
  }
  /* flyout position */
  .uk-navbar-nav .menu-hasflyout > ul {
    left: 100%;
    top: 0;
  }
  .uk-navbar-nav .menu-hasflyout .menu-downicon {
    display: none;
  }
}
.uk-navbar-nav .menu-hasdropdown > ul > li {
  box-sizing: border-box;
  width: 290px;
  padding: 15px 70px 15px 0;
}

@media screen and (max-width: 2100px) {
  .uk-navbar-nav .menu-hasdropdown > ul > li {
    width: 100%;
    padding: 15px 60px 15px 0;
  }
}
@media screen and (max-width: 1600px) {
  .uk-navbar-nav .menu-hasdropdown > ul > li {
    width: 215px;
    padding: 15px 30px 15px 0;
  }
}
/* look and feel only, not needed for core menu*/
/* optional animation for display none/block */
@keyframes grow {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    display: flex;
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/* END NAVI */
/* Mobile Nav */
.uk-navbar-toggle {
  color: var(--color-blue-dark);
}

#p-1 .uk-navbar-toggle {
  color: var(--color-white);
}

.uk-offcanvas a {
  display: inline-block;
}

.uk-offcanvas {
  top: 0;
  width: 100%;
}

.uk-navbar-toggle:hover,
.uk-navbar-toggle[aria-expanded=true] {
  color: var(--color-blue-dark);
}

.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
  width: 100%;
  box-sizing: border-box;
  padding: 2rem;
}

.uk-offcanvas .uk-offcanvas-bar {
  background: var(--color-blue-dark);
}

.uk-offcanvas-bar .uk-nav-default > li > a {
  color: var(--color-white);
}

.uk-offcanvas .uk-parent {
  font-size: 1.25rem;
}

.uk-offcanvas .logo-white {
  height: 3rem;
  margin-bottom: 4.5rem;
}

.uk-offcanvas-close {
  top: 2rem;
  right: 2rem;
}

.uk-offcanvas-close svg {
  color: var(--color-white);
  width: 1.5rem;
  height: 1.5rem;
}

.mobile-tools {
  gap: clamp(18px, 4vw, 66px);
}

/* Menu */
@media (max-width: 1199px) {
  .uk-navbar-right {
    gap: clamp(2rem, 10vw, 135px);
  }
  .menu label {
    display: flex;
    flex-direction: column;
    gap: 7px;
  }
  .menu label:after {
    content: "";
    width: 20px;
    height: 8px;
    background-color: var(--color-red);
    position: absolute;
    bottom: -7px;
    left: 0;
    transform: translate(-100%, 100%);
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
  }
  .menu .menu-bar {
    width: 40px;
    height: 8px;
    background-color: var(--color-red);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .menu label[aria-expanded=true] {
    gap: 0;
  }
  .menu label[aria-expanded=true] .menu-bar {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  .menu label[aria-expanded=true] .menu-bar:first-child {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }
  .menu label[aria-expanded=true] .menu-bar:nth-child(2) {
    margin-top: -8px;
  }
}
/*nav  .uk-dropdown {*/
/*	background-color: transparent;*/
/*	box-shadow: none;*/
/*	padding: 0;*/
/*	width: auto;*/
/*	min-width: 0;*/
/*}*/
/*nav .uk-dropdown li {*/
/*	background-color: var(--color-red);*/
/*	text-align: center;*/
/*	color: var(--color-white);*/
/*	margin-bottom: 6px;*/
/*	padding: 12px 15px;*/
/*}*/
/*nav .uk-dropdown a {*/
/*	color: var(--color-white);*/
/*	text-align: center;*/
/*	display: block;*/
/*}*/
.uk-navbar-container .uk-button-default {
  border: none;
  padding: 0;
}

.language-btn,
.language-btn:hover {
  color: var(--color-red);
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: underline;
}

.mobile-login {
  position: absolute;
  top: var(--gap-width);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

@media (max-width: 1600px) {
  .menu-dropdown {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .menu .menu-bar {
    width: 17px;
    height: 3px;
  }
  .menu label {
    gap: 3px;
  }
  .menu label:after {
    width: 9px;
    height: 3px;
  }
  .menu label[aria-expanded=true] .menu-bar:nth-child(2) {
    margin-top: -3px;
  }
  .mobile-tools svg,
  .mobile-tools img {
    width: 16px;
  }
}
/* END Menu */

/*# sourceMappingURL=Nav.css.map */