*,
*::after,
*::before {
  box-sizing: border-box;
}

body {
  margin: 0;
}

footer {
  margin-top: 0;
}


/* navigation */
:root {
  --ltg-animation-time: 0.2s;
}

:root :where(.wp-block-navigation-link) {
  font-weight: 300 !important;
}

/* breakpoint for mobile menu ändern */
@media (max-width: 840px) {



  /* Hamburger-Button anzeigen */
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
  }

  /* Normale Navigation ausblenden, solange Menü nicht geöffnet ist */
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
  }
}




/* menu */
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))) {
  background-color: var(--wp--preset--color--custom-main-nav-bg) !important;
  color: var(--wp--preset--color--custom-main-nav-text) !important;
  padding: 0.3rem;
  transition: var(--ltg-animation-time) ease;
}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button))):hover {
  background-color: var(--wp--preset--color--custom-main-nav-bg-hover) !important;
  color: var(--wp--preset--color--custom-main-nav-text-hover) !important;
  padding: 0.3rem;
  text-decoration: none !important;
}


@media not (prefers-reduced-motion) {
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    transition: var(--ltg-animation-time) ease-in;
  }
}

.wp-block-navigation .has-child:not(.open-on-click)>.wp-block-navigation__submenu-container {
  transform: translate(0em, 0.5em);
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
  transform: translate(0, 0);
}

/* submenu */
:root :where(.wp-block-navigation__submenu-container a:where(:not(.wp-element-button))) {
  background-color: var(--wp--preset--color--custom-main-nav-sub-bg) !important;
  color: var(--wp--preset--color--custom-main-nav-sub-text) !important;
  padding: 0.3rem;
  transition: var(--ltg-animation-time) ease;
}

:root :where(.wp-block-navigation__submenu-container a:where(:not(.wp-element-button))):hover {
  background-color: var(--wp--preset--color--custom-main-nav-bg-hover) !important;
  color: var(--wp--preset--color--custom-main-nav-text-hover) !important;
  transform: translate(0, 0);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  border: none;
  background-color: var(--wp--preset--color--custom-main-nav-sub-bg);
  box-shadow: var(--wp--preset--shadow--sharp);
  font-size: 1rem;
  /* line-height: 1.3rem; */
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
  padding: 0.8em 1.3em;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  left: -1em;
}

/* modal menu */
.has-modal-open.is-menu-open {

  .wp-block-navigation{
    font-size: 7vw;
  }

  .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    /* border: 1px solid #00000026; */
    box-shadow: none;
    font-size: inherit;
    margin-left: 1em;
  }

  .wp-block-navigation .has-child:not(.open-on-click)>.wp-block-navigation__submenu-container {
    transform: translate(0em);
  }

  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: 0.3em;
  }

  .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    padding: .5em 0 !important;
  }
.wp-block-navigation__submenu-container a:where(:not(.wp-element-button)){
  background:none!important;
}
}


/* pfeil */
.wp-block-navigation .wp-block-navigation__submenu-icon {
  height: 14px;
  margin-left: 0;
  padding: 0;
  width: 14px;
  margin-bottom: 6px;
  color: inherit;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
  color: var(--wp--preset--color--custom-main-nav-text);
}

.wp-block-navigation .wp-block-navigation-item:hover>.wp-block-navigation__submenu-icon {
  color: var(--wp--preset--color--custom-main-nav-text-hover);
}

.wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
  color: var(--wp--preset--color--custom-main-nav-sub-text);
}

.wp-block-navigation__submenu-container .wp-block-navigation-item:hover>.wp-block-navigation__submenu-icon {
  color: var(--wp--preset--color--custom-main-nav-text-hover);
}


/* eigener SVG-Pfeil */
/* Standard-SVG ausblenden */
/* .wp-block-navigation .wp-block-navigation-submenu__toggle svg {
	display: none;
} */

/* .wp-block-navigation .wp-block-navigation-submenu__toggle::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-width='1.5' d='M6 9l6 6 6-6'/></svg>");
	transition: transform 0.2s ease;
} */

/* Beim Öffnen drehen */
.wp-block-navigation .wp-block-navigation-submenu__toggle[aria-expanded="true"]>svg {
  transform: none;
}


/* innerhalb eines block links unklickbar machen (category images) */
.ltg-no-link a {
  pointer-events: none;
  cursor: default;
}

/*sticky footer */
/* funktioniert nicht mit sticky menü, diese verschwindet immer ab ca hälfte der seite */
.wp-site-blocks {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}