/* @override 
  http://www.gesche-geier.de/fileadmin/templates/css/simplemenu.css?*
	https://www.gesche-geier.de/fileadmin/templates/css/simplemenu.css?* */

/* =========================================================
   SIMPLEMENU – Komplettes CSS
========================================================= */

/* Tap-Highlight aus */
*{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}

/* ---------------------------------------------------------
   Hamburger Button
--------------------------------------------------------- */
#menu-icon{
  position: fixed;
  top: calc(var(--gapunit) * 2);
  left: calc(var(--gapunit) *1);
  z-index: 10001;

  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

#menu-icon:focus{
  outline: none;
}

/* ---------------------------------------------------------
   Fullscreen Overlay Container (wird ein/ausgeblendet)
--------------------------------------------------------- */
#mobilenav{
  display: none;

  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;

  background: #ACACAC;
  z-index: 10000;

  overflow: hidden; /* Overlay selbst NICHT scrollbar */
}

#mobilenav.is-open{
  display: flex;
  align-items: center; /* vertikal mittig */
}

/* Innerer Wrapper */
#mobilenavrapper{
  width: 100%;
}

/* ---------------------------------------------------------
   Navigation-Inhalt
   - Vertikal zentriert (durch parent flex)
   - Scrollbar NUR wenn Inhalt höher als Bildschirm
   - MAIN + SUB nebeneinander
--------------------------------------------------------- */
#vcenter{
  width: 100%;

  max-height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;

  padding-top: 40px; 
  padding-left: calc(var(--gapunit) * 2);
    padding-right: calc(var(--gapunit) * 2);

  display: flex;
  flex-direction: row;     /* ✅ nebeneinander */
  align-items: stretch;    /* beide Spalten gleiche Höhe */
  gap: calc(var(--gapunit) * 2); /* Abstand optional */

  position: static !important;
  margin: 0;
}

/* Floats deaktivieren (sonst funkt’s dazwischen) */
#vcenter .mainnavi,
#vcenter .subnavi{
  float: none !important;
  width: auto;
}

/* Hauptnavigation (links) */
#vcenter .mainnavi{
  flex: 1 1 auto;
}

/* Subnavigation (rechts) unten ausrichten */
#vcenter .subnavi{
  flex: 0 0 auto;
  align-self: flex-end;     /* ✅ unten in vcenter */
  margin-top: 0;            /* wichtig: auto war fürs untereinander */
}

/* Optional: feste Breite der Subnavi (wenn gewünscht) */
/*
#vcenter .subnavi{
  width: 220px;
}
*/

div#vcenter div.mainnavi ul li a {
  font-size: 60px;
  line-height: 80px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 3px;
}
div#vcenter div.subnavi ul li a {
	    font-size: 24px;
  line-height: 32px;
	  text-transform: uppercase;
 color: rgba(0, 0, 0, 0.5);

}
div#vcenter div.mainnavi ul li a:hover,
div#vcenter div.subnavi ul li a:hover {
  color: rgba(0, 0, 0, 1);
}

div#vcenter div.mainnavi ul li.AKTIV a{
  color: rgba(0, 0, 0, 1);
}

div#vcenter div.subnavi ul li.AKTIV a {
	
	 color: rgba(0, 0, 0, 1);
	}
	
	
	
	  @media (max-width: 980px) {
	  	
	  
#menu-icon{
  position: fixed;
 top: calc(var(--gapunit) * 0.5);
  left: calc(var(--gapunit) *0.5);
  z-index: 10001;

  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

#vcenter{
  width: 100%;

  max-height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;

  padding-top: 40px; 
  padding-left: calc(var(--gapunit) * 1);
    padding-right: calc(var(--gapunit) * 1);

  display: block;
  flex-direction: row;     /* ✅ nebeneinander */
  align-items: stretch;    /* beide Spalten gleiche Höhe */
  gap: calc(var(--gapunit) * 2); /* Abstand optional */

  position: static !important;
  margin: 0;
}
	  	div#vcenter div.mainnavi ul li a {
  font-size: 32px;
  line-height: 48px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 3px;
}

	div#vcenter div.mainnavi
	
	{
		margin-bottom: 50px;
	}

	  	}