/*** TOP-MENU-NAVIGATION ***/
.top-bar {
  --regular: "Hind Siliguri Regular", "Text Regular", sans-serif;
  --semibold: "Hind Siliguri SemiBold", "Text Semibold", sans-serif;
  min-height: 2.214em;
  font-family: var(--regular);
  font-size: 0.875rem;
  color: rgb(74,74,73);
  margin-bottom: 0.75em !important;
}
.top-bar::before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, #f9f6f5 0%, #f4f1ee 62%, #e9e5df 100%);
  width: 100%;
  height: 2.286em;
  left: 0;
  z-index: 0;
  bottom: -15px;
  top: 0px;
}

.top-bar-nav {
	display:flex;
	justify-content:flex-end;
	min-height:10px;
	/*! font-size: 14px */
}
.top-bar-nav a {
	text-decoration: none;
}

.top-bar-nav ul {
  list-style: none;
  margin:0;
  padding:0;
  position: relative;
}

.top-bar-nav > ul {
  display: flex;
}
.top-bar-nav > ul li {
  position: relative;
}
.top-bar-nav ul.menu-main {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
  position: absolute;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  align-content: space-between;
}
.top-bar-nav > ul.menu-main > li {
  position: relative;
  flex-grow: 1;
}
.top-bar-nav > ul.menu-top > li:last-child {
  margin-right: -0.75em;
}
.top-bar-nav > ul > li:not(:first-child)::after {
  content:'';
  border-left: solid 1px rgb(210,197,165);
  position: absolute;
  top: 3px;
  bottom: 3px;
  left:0px;
  opacity:0.75;
}

.top-bar-nav > ul a {
  display: block;
	padding: 5px 0.75em 5px 0.5em;
  transition: all 250ms ease 0ms;
  letter-spacing: 0.02em;
  color: rgb(89,91,89);
  position: relative;
}
.top-bar-nav > ul a:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.2rem rgba(175, 17, 95, 0.6);
  z-index: 1;
}
header .btn:focus-visible {
	background-color: inherit;
	border-color: #4a4a49;
}

.top-bar-nav .menu-link > a {
  display: flex;
  flex-basis: auto;
  padding: 5px 1em 5px 1em;
	color: rgb(74,74,73);
  font-family: var(--semibold);
   white-space: nowrap;
}
.top-bar-nav .menu-link:has([class*="current"]) > a {
  font-family: var(--semibold);
  color: rgb(175,17,95) !important;
  text-decoration: none;
}
.top-bar-nav .menu-link:has([class*="current"]) a::before {
  background-image: url("/contigo/wp-content/themes/contigo/images/menu-link-unten-red.svg");
}
.top-bar-nav .menu-link.open a::before {
  background-image: url("/contigo/wp-content/themes/contigo/images/icon_btn-close.svg");
  height: 0.7em;
  top: 5px;
  transform: translateX(25%)
}

.top-bar-nav .menu-link:is(:hover, :focus, :focus-within) > a,
.top-bar-nav .menu-link.open > a{
  color: rgb(0,0,0);
  background-color: rgb(255,255,255);
  text-decoration: none;
}

.top-bar-nav .menu-link > a::before {
  content: "";
  position: relative;
  background-image: url("/contigo/wp-content/themes/contigo/images/menu-link-unten.svg");
  background-repeat: no-repeat;
  top: 6px;
  width: 1.0714em;
  height: 0.5em;
  left: 0px;
  margin-right: 0;
  margin-left: 10%;
  margin-bottom:-1px;
  opacity: 0.8;
  flex-shrink: 0;
  order: 2;
}


.top-bar-nav .menu-link:has([class*="current"]) > a::after {
  _content: '';
  position: absolute;
  left:0;
  right: 0;
  top:100%;
  height: 2px;
  background-color: #595b59;
  background-color: rgb(175,17,95);
}

.top-bar-nav .sub-menu {
	display: block;
	position: absolute;
	z-index: 1000;
	width: auto;
	transform: translateX(-50%);
	left: 50%;
	box-shadow: 0 0.25em 0.5em -0.125em rgba(0,0,0,0.5);
	margin-top: 0.25em;
	max-height: 0em;
	overflow: hidden;
	transition: max-height 250ms ease 0ms;
	min-width: 260px;
	margin: 0;
	background: rgb(255,255,255);
	padding: 0 0.5em;
  overflow: clip;
}
.top-bar-nav .sub-menu > li:first-child {
  margin-top: 0.5em;
}
.top-bar-nav .sub-menu > li:last-child {
  margin-bottom: 0.5em;
}
@media(min-width: 992px){
  .top-bar-nav ul > li a:is(:hover, :focus) ~ .sub-menu, 
  .top-bar-nav ul > li:is(:hover, :focus) a ~ .sub-menu,
  .top-bar-nav ul > li:is(:focus-within, :focus-visible) a ~ .sub-menu,
  .top-bar-nav ul > li.open .sub-menu, 
  .top-bar-nav ul > li ul.sub-menu.open {
    max-height: 40em !important;
    overflow:visible;
  }
  .top-bar-nav .menu-link:is(:hover, :focus, :focus-within, :focus-visible) {
    z-index: 1001;
  }
  .top-bar-nav ul:has(> .menu-link:is(:hover, :focus-within, :focus-visible):not(.open)) .menu-link.open {
   	z-index: 1000 !important;
    /*opacity:0.5;*/
    background-color: transparent; 
  }
  .top-bar-nav ul:has(> .menu-link:is(:hover, :focus-within, :focus-visible):not(.open)) .menu-link.open > a {
    background-color: transparent;
  }
  .top-bar-nav ul:has(> .menu-link:is(:hover, :focus-within, :focus-visible):not(.open)) .menu-link.open .sub-menu {
    /*background-color: rgb(195,200,200);*/
    display: none
  }
}
@media(max-width: 991px){
  .top-bar-nav ul > li.open .sub-menu, 
  .top-bar-nav ul > li ul.sub-menu.open {
    max-height: calc(100vh - 2.286em) !important;
    overflow:auto;
  }
}
.top-bar-nav .menu-link ul.sub-menu a {
  padding: 0.75em 0.5em;
  border-bottom: solid 1px rgba(74,74,73,0.2);
  font-family: var(--semibold);
}
.top-bar-nav .menu-link ul.sub-menu a > span {
	font-family: var(--regular);
}
.top-bar-nav .menu-link ul.sub-menu li:last-child a {
  border-bottom: none;
}
.top-bar-nav .menu-link ul.sub-menu li:not([class*="current"]) a {
  /*color: #404040;*/
  color: rgb(0,0,0);
}
.top-bar-nav .menu-link ul.sub-menu li[class*="current"] a {
  color: rgb(175,17,95) !important;
  padding-left: 1em;
  background-color: rgb(249, 246, 245);
}
.top-bar-nav .menu-link ul.sub-menu a:is(:hover, :focus) {
  text-decoration: none;
  color: rgb(175,17,95) !important;
  padding-left:1em;
}
.top-bar-nav .menu-link:not(.open) ul.sub-menu li.close {
  display: none;
}
.top-bar-nav .menu-link ul.sub-menu li.close button {
  display: flex;
  gap: 1em;
  width: 100%;
  border: none;
  padding:0 0.5em 0 1em;
  font-weight: 400;
  color: rgb(100,100,100);
  justify-content: space-between;
  justify-content: flex-end; 
  margin-bottom: 0.25em;
  border-bottom: solid 1px rgba(74,74,73,0.2);
}
.top-bar-nav .menu-link ul.sub-menu li.close button svg {
  top: auto;
  color: rgb(100,100,100);
}
.top-bar-nav .menu-link ul.sub-menu li.close button span {
  order: 2;
}
.top-bar-nav .menu-link ul.sub-menu li.close button:focus-visible,
.top-bar-nav .menu-link ul.sub-menu li.close button:focus-visible svg{
	color: rgb(255,255,255);
}

.top-bar-nav .contigo-shops a::before,
.top-bar-nav .haendler-shop a::before {
  content: "";
  position: relative;
  background-image: url("/contigo/wp-content/themes/contigo/images/icon_location.svg");
  background-repeat: no-repeat;
  top: 1px;
  width: 15px;
  height: 19px;
  left: 0px;
  float:left;
  margin-right: 5px;
  margin-left: 5px;
  opacity: 0.8;
}

.top-bar-nav .haendler-shop a::before {
  background-image: url("/contigo/wp-content/themes/contigo/images/icon_haendler.svg");
  top: 2px;
  width: 15px;
  height: 15px;
  margin-bottom:-1px;
}

.top-bar-nav .menu-top a:is(:hover,:focus,:focus-visible) {
	text-decoration: underline;
}

/*** Header ***/

.header-search {
	max-width: 390px;
  top:-5px;
  right: 0px;
}
.header-search input.form-control.header-search-input {
	
}
.header-cart .header-cart-btn {
  margin-right: -12px
}
#mainNavigation .main-navigation-link:not([title="Produkte filtern"]) {
	/*font-size: 1rem;*/
}
.main-navigation-sticky:not(.is--active) .main-navigation {
  box-shadow: none !important;
}
@media(min-width: 768px){
  #mainNavigation {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
	.main-navigation-link .main-navigation-link-text {
		padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
	}
}
@media(max-width: 1074px){
  #menu-top-menu .contigo-shops a > span {
    display: none;
  }
}

@media(min-width: 992px){
  .header-search input.form-control.header-search-input:placeholder-shown {
    padding-left: 2em !important;
    text-align: center;
  }
  .header-logo-col {
  	padding-bottom: 1em;
  }
  .header-logo-col .header-logo-main {
    transform: translateY(-1.25em)
  }
}
@media(max-width: 991px){
  #wpadminbar {
    display: none;
  }
  .header-logo-col {
    margin: auto;
    padding-top: 0.75em;
    padding-bottom:0.75em;
    margin-bottom: 0.75em;
    border-bottom: solid 1px #e9e5df;
  }
  .header-logo-main {
    text-align:left;
  }
  .header-logo-main img,
  .header-logo-picture img {
    max-width: 150px !important;
    margin-left:0;
  }
  .header-logo-picture {
    min-width: 0;
    max-width: none;
  }
  .header-actions-col > .row {
    justify-content: space-between;
  }
  .header-actions-col > .row .col {
    flex: 0 0 auto;
    width: auto;
  }
  .top-bar {
    display: block;
    margin-bottom: 0 !important;
  }
  .top-bar::before {
		background: linear-gradient(180deg, #f9f6f5 0%, #f4f1ee 45%, #eeeae6 100%);
  }
  #menu-top-menu {
    position: absolute;
    top: 3.5rem;
  }
  #menu-top-menu li::after {
    display: none
  }
}
@media(max-width: 575px){
  .top-bar {
    font-size: 1.0714em;
  }
  .top-bar::before {
  	/*background: rgb(242, 239, 236);*/
    background: rgb(249, 246, 245);
  }
  .header-logo-col {
    margin-bottom: 0 !important;
    padding-top:0.5em;
    border-bottom: none;
  }
  .header-logo-main {
    text-align: center;
  }
  .header-logo-main img {
    margin-left: -0.75em;
    min-width:0;
    max-width: none !important;
    width: 188px;
  }
  .header-logo-picture {
    margin-left: auto;
  }
  .header-actions-col {
    margin-bottom: 0 !important;
   	height: 3em;
  }
  #searchCollapse {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .top-bar-nav ul.menu-main {
   	width: 100%;
    max-width: none;
    left: -0.5em;
    transform: none;
  }
  .top-bar-nav .menu-link {
   	flex-basis: 33.33%;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .top-bar-nav .menu-link > a {
   	justify-content: center;
    padding-right: 0.5em;
    font-family: var(--regular);
  }
  .top-bar-nav .menu-link.open > a {
   	font-family: var(--semibold);
  }
  .top-bar-nav .sub-menu {
    padding-left:1em;
    padding-right: 1em;
  }
  .top-bar-nav .sub-menu > li:first-child {
    margin-top:1em;
  }
  .top-bar-nav .sub-menu > li:last-child {
    margin-bottom:1em;
  }
  .top-bar-nav .sub-menu > li > a {
    font-size: 18px;
  }
  .top-bar-nav .menu-link > a::before {
    margin-left: 5%;
  }
  .top-bar-nav .sub-menu {
    position: fixed;
    transform: none;
    left: 0%;
    top: 2.2143em;
    box-shadow: 0 3.25em 3.5em -0.125em rgba(0,0,0,0.5);
    min-width: 100vw;
    max-width: 100vw;
  }
  .top-bar:has( .menu-link.open){
    position: fixed;
    z-index: 12147483647;
    width: 100%;
    left:0;
    top:0;
  }
  .top-bar:has( .menu-link.open) + div{
    margin-top: 2.2143em;
  }
  #menu-top-menu {
    margin-right: -1em;
    display: none
  }
  #menu-top-menu .haendler-shop {
    display: none;
  }
}

/*****/