.elementor-465 .elementor-element.elementor-element-af6ed3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a:hover,
					.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a:focus,
					.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-menu-toggle:hover,
					.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-menu-toggle:focus{color:#9C9C9C;}.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a:hover,
					.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a:focus,
					.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a.elementor-item-active{color:#616161;}.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown .elementor-item, .elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:2.5px;}.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:16px;padding-bottom:16px;}#elementor-popup-modal-465 .dialog-widget-content{animation-duration:1.5s;background-color:#FFFFFF;box-shadow:2px 8px 23px 19px rgba(0, 0, 0, 0.38);}#elementor-popup-modal-465{background-color:#000000CF;justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-465 .dialog-message{width:323px;height:100vh;align-items:flex-start;}#elementor-popup-modal-465 .dialog-close-button{display:flex;top:26px;}@media(max-width:1024px){.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown .elementor-item, .elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:15px;}.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a{padding-top:11px;padding-bottom:11px;}}@media(max-width:767px){.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown .elementor-item, .elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:11px;letter-spacing:1px;}.elementor-465 .elementor-element.elementor-element-0a8af86 .elementor-nav-menu--dropdown a{padding-top:4px;padding-bottom:4px;}}/* Start custom CSS for nav-menu, class: .elementor-element-0a8af86 *//* 1. Hover & Klick auf Links mit dieser Klasse komplett ausschalten */
.elementor-nav-menu a:has(.headline_offcanvas) {
  pointer-events: none !important;
  cursor: default !important;
  background: transparent !important;
  color: inherit !important;
}

/* 2. Headline-Layout beibehalten (Linie rechts daneben) */
.headline_offcanvas {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 73%;
  font-size: 13px;
  margin: 20px 0;
}

.headline_offcanvas::after {
  content: "";
  flex: 0 0 100px;
  height: 1px;
  background: black;
}


.button_offcanvas {
  display: inline-block;
  font-family: "TTNorms", sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;                    /* schwarzer Text auf Gelb */
  background: #FFDA03;            /* dein Gelbton */
  padding: 12px 28px;
  border-radius: 6px;             /* wie gewünscht */
  text-decoration: none;
  transition: all 0.25s ease;
  margin: 25px 0 10px;
}

/* Hover: leicht dunkler Gelbton + subtiler Lift */
.button_offcanvas:hover {
  background: #e6c802;
  color: #000;
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0,0,0,0.25);
}

/* Fokus (Tastatur-Zugänglichkeit) */
.button_offcanvas:focus {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Wenn der Button im Menü-Link steckt */
.elementor-nav-menu a:has(.button_offcanvas) {
  background: transparent !important;
  padding: 0 !important;
  pointer-events: auto !important; /* Button bleibt klickbar */
}/* End custom CSS */

