.elementor-623 .elementor-element.elementor-element-f3d2268{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--padding-top:30px;--padding-bottom:30px;--padding-left:48px;--padding-right:48px;}.elementor-623 .elementor-element.elementor-element-de3413b .elementor-menu-toggle{margin-left:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-623 .elementor-element.elementor-element-f3d2268{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-623 .elementor-element.elementor-element-f3d2268{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:12px;--padding-bottom:12px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS *//* ===== TONIKUM — Header (aus HTML-Widget ausgelagert) ===== */
.tk-header {
  --tk-braun: #361D08;
  --tk-naturweiss: #F4F3EB;
  --tk-nav: var(--tk-braun);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  background: transparent;
  transform: translateY(0);
  transition: transform .4s cubic-bezier(.2, .7, .2, 1), background-color .25s ease;
}
body.admin-bar .tk-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .tk-header { top: 46px; } }

/* Startseite: heller Hero -> Naturweiss; sobald die Leiste wieder eingeblendet wird: Naturweiss-Fläche mit Schwarzbraun */
body.home .tk-header:not(.is-stuck) { --tk-nav: var(--tk-naturweiss); }
.tk-header.is-stuck {
  --tk-nav: var(--tk-braun);
  background: var(--tk-naturweiss);
  border-radius: 0 0 18px 18px;
}
.tk-header.is-hidden { transform: translateY(-120%); }

/* Desktop-Menü */
.tk-header .elementor-nav-menu--main .elementor-nav-menu {
  justify-content: center;
  column-gap: clamp(40px, 6vw, 86px);
}
.tk-header .elementor-nav-menu--main .elementor-item,
.tk-header .elementor-nav-menu--main .elementor-item:hover,
.tk-header .elementor-nav-menu--main .elementor-item:focus,
.tk-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
  font-family: 'Calling Code', ui-monospace, monospace;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  color: var(--tk-nav);
  background: transparent;
  padding: 6px 0;
  text-decoration: none;
  transition: color .25s ease;
}
.tk-header .elementor-nav-menu--main .elementor-item:hover,
.tk-header .elementor-nav-menu--main .elementor-item:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}
.tk-header .elementor-nav-menu--main .elementor-item::before,
.tk-header .elementor-nav-menu--main .elementor-item::after { display: none; }

/* Mobil / Tablet: minimiert, per Burger ausklappbar */
.tk-header .elementor-menu-toggle {
  color: var(--tk-nav);
  background: transparent;
  border: 0;
  font-size: 28px;
  margin-left: auto;
}
.tk-header .elementor-menu-toggle svg { fill: currentColor; }
.tk-header .elementor-nav-menu--dropdown {
  background: var(--tk-naturweiss);
  border-radius: 18px;
  margin: 8px 16px 0;
  box-shadow: none;
  overflow: hidden;
}
.tk-header .elementor-nav-menu--dropdown .elementor-item,
.tk-header .elementor-nav-menu--dropdown .elementor-item:hover,
.tk-header .elementor-nav-menu--dropdown .elementor-item:focus,
.tk-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
  font-family: 'Calling Code', ui-monospace, monospace;
  font-weight: 400;
  font-size: 20px;
  color: var(--tk-braun);
  background: transparent;
  padding: 14px 24px;
  text-decoration: none;
}
.tk-header .elementor-nav-menu--dropdown .elementor-item:hover,
.tk-header .elementor-nav-menu--dropdown .elementor-item:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

@media (prefers-reduced-motion: reduce) {
  .tk-header { transition: none; }
}/* End custom CSS */