.elementor-kit-42{--e-global-color-primary:#31325F;--e-global-color-secondary:#FFF492;--e-global-color-text:#31325F;--e-global-color-accent:#31325F;--e-global-color-31581e0:#FFFFFF;--e-global-color-971efa0:#00BBFA;--e-global-color-eaa8720:#E5F8FE;--e-global-color-ea6c252:#FF3F7F;--e-global-color-b7e4416:#FFEBF2;--e-global-color-f427ed5:#0CCB52;--e-global-color-afc3f9d:#E5FBEA;--e-global-color-d810810:#8C00FF;--e-global-color-d849df5:#F3E5FF;--e-global-color-9da8913:#FF8A2A;--e-global-color-fdfc817:#FCE5D3;--e-global-color-d3bc856:#FF9592;--e-global-color-e5168b9:#FCECEB;--e-global-color-5df5f66:#EFEFFC;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-b8bf02e-font-family:"Poppins";--e-global-typography-b8bf02e-font-size:24px;--e-global-typography-b8bf02e-font-weight:600;--e-global-typography-459d167-font-family:"Poppins";--e-global-typography-459d167-font-size:65px;--e-global-typography-459d167-font-weight:900;--e-global-typography-459d167-text-transform:uppercase;--e-global-typography-459d167-line-height:1em;--e-global-typography-2db7162-font-family:"Poppins";--e-global-typography-2db7162-font-size:50px;--e-global-typography-2db7162-font-weight:900;--e-global-typography-2db7162-text-transform:uppercase;--e-global-typography-2db7162-line-height:1em;font-family:"Poppins", Sans-serif;}.elementor-kit-42 e-page-transition{background-color:#FFBC7D;}.elementor-kit-42 a{color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;}.elementor-kit-42 button,.elementor-kit-42 input[type="button"],.elementor-kit-42 input[type="submit"],.elementor-kit-42 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:900;text-transform:uppercase;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:1024px){.elementor-kit-42{--e-global-typography-b8bf02e-font-size:20px;--e-global-typography-459d167-font-size:55px;--e-global-typography-2db7162-font-size:45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-42{--e-global-typography-459d167-font-size:40px;--e-global-typography-2db7162-font-size:35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(min-width:2400px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}:root { --Weiss:#ffffff; --Gelb:#FFF492; --Subline:24px; --Lilahell:#EFEFFC; --H1:60px; --Dunkelblau-hell:#EFEFFC; --Dunkelblau:#31325F; --blau:#00BBFA; --blau-hell:#E5F8FE; --pink-hell:#FFEBF2; --Pink:#FF3F7F; --gruen-hell:#E5FBEA; --gruen:#0CCB52; --lila:#8C00FF; --lila-hell:#F3E5FF; --Schlagschatten:#31325F26; --orange:#FF8A2A; --orange-hell:#FCE5D3; --peach-hell:#FCECEB; --peach:#FF9592; --Subline-klein:14px; }
/* Start custom CSS */.hl-yellow {
  position: relative;
  display: inline-block;
  padding: 2px 10px 0px 10px;
  z-index: 1;
}

.hl-yellow::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #FFF492;
  border-radius: 10px;
  z-index: -1;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.7s cubic-bezier(.65,0,.35,1);
}

/* wird per JS gesetzt */
.hl-yellow.is-visible::before {
  transform: scaleX(1);
}
/* Überschriften Akzent*/
.hl-blue {color: #00BBFA}
.hl-pink {color: #FF3F7F}
.hl-peach {color: #FF9592}
.hl-green {color: #0CCB52}
.hl-lila {color: #8C00FF}
.hl-orange {color: #FF8A2A}
/* yolawo Buchungswidget */
.yolawo-widget {border-radius:20px;box-shadow: 0px 20px 20px #31325F1C;}

/* FAQ Titel */
.e-n-accordion-item-title {z-index: 2}


/* ================================
   Vertical Nav – Click Toggle Only
   (für Wrapper mit .fix-vertical-sub)
   ================================ */

/* Basis/Stacking: Header/Wrapper dürfen nicht clippen */
.header-nav-wrap,
.elementor-location-header,
.elementor-section-wrap{
  position: relative;
  overflow: visible !important;
  z-index: 9999;
}

/* Nur dort aktiv, wo du .fix-vertical-sub am Menü-Widget setzt */
.fix-vertical-sub .elementor-nav-menu--layout-vertical{ overflow: visible; }

/* Eltern-LI als Bezugspunkt */
.fix-vertical-sub .elementor-nav-menu--layout-vertical .menu-item-has-children{
  position: relative;
}

/* ---- Submenu-Positionierung ---- */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children > .sub-menu{
  --submenu-offset: 25px;           /* ← Abstand nach unten bei Bedarf ändern */
  position: absolute;
  left: 0;
  right: 0;
  top: var(--submenu-offset);
  min-width: 100%;
  margin: 0 !important;
  z-index: 10000;

  /* Elementor/Theme-Overrides neutralisieren */
  transform: none !important;
  height: auto !important;
  max-height: none !important;
  clip: auto !important;
  pointer-events: auto !important;
}

/* ---- Click-Toggle Logik ---- */
/* Standard: zu */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children > .sub-menu{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Offen: sichtbar – auch während :hover / :focus-within */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children.is-open > .sub-menu,
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children.is-open:hover > .sub-menu,
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children.is-open:focus-within > .sub-menu{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hover/Fokus-Öffnen verhindern – aber nur, wenn NICHT offen */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children:not(.is-open):hover > .sub-menu,
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children:not(.is-open):focus-within > .sub-menu{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* ---- Caret/Icon & Toggle-Button ---- */
/* Elementor-Caret im Link ausblenden (kein Doppel-Icon) */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children > a svg.e-font-icon-svg{
  display: none !important;
}

/* Platz rechts für unseren Toggle */
.fix-vertical-sub .elementor-nav-menu--layout-vertical
  .menu-item-has-children > a{
  position: relative;
  z-index: 1;
  padding-right: 2.25rem;  /* Platz für den Button */
}

/* Unser injizierter Toggle-Button (wird per JS hinzugefügt) */
.fix-vertical-sub .menu-item-has-children > .nav-sub-toggle{
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  color: #fff;
}

/* Caret (rein via CSS, kein externes Icon nötig) */
.fix-vertical-sub .menu-item-has-children > .nav-sub-toggle::before{
  content: "";
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .95;
  transition: transform .2s ease, opacity .2s ease;
}
.fix-vertical-sub .menu-item-has-children.is-open > .nav-sub-toggle::before{
  transform: rotate(225deg); /* nach oben */
}

/* Tastatur-Fokus sichtbar */
.fix-vertical-sub .menu-item-has-children > .nav-sub-toggle:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* ---- (Optional) Hover bewusst aktivieren ----
   Nur wenn der Wrapper zusätzlich .enable-hover erhält */
@media (hover:hover){
  .fix-vertical-sub.enable-hover
  .elementor-nav-menu--layout-vertical
  .menu-item-has-children:hover > .sub-menu{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://kids-athletix.de/wp-content/uploads/2026/02/Poppins-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */