.elementor-13 .elementor-element.elementor-element-8cf60fc{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-b930ea9{--display:flex;--min-height:0px;--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:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.93;--border-radius:21px 21px 21px 21px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-13 .elementor-element.elementor-element-b930ea9::before, .elementor-13 .elementor-element.elementor-element-b930ea9 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-b930ea9 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-b930ea9 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-b930ea9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-b930ea9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFF8E1;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-b930ea9.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-683fe65{padding:0px 0px 0px 0px;z-index:101;}.elementor-13 .elementor-element.elementor-element-683fe65.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-13 .elementor-element.elementor-element-722fdb2{--display:flex;}.elementor-13 .elementor-element.elementor-element-4fa2658{--display:flex;}.elementor-13 .elementor-element.elementor-element-f715ca5{--display:flex;}.elementor-13 .elementor-element.elementor-element-4f54bf6{--display:flex;}.elementor-13 .elementor-element.elementor-element-ab04312{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:300ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:14px;--n-menu-title-transition:300ms;--n-menu-title-padding:0px 0px 0px 0px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-13 .elementor-element.elementor-element-ab04312.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-ab04312 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-76063e1.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-39ee799{--display:flex;}.elementor-13 .elementor-element.elementor-element-196cf7b{text-align:center;}.elementor-13 .elementor-element.elementor-element-196cf7b .elementor-heading-title{font-family:"OptimaNovaLTPro", Arial;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:-3px 2px 4px rgba(0,0,0,0.3);color:#675032;}.elementor-13 .elementor-element.elementor-element-2e6e831{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-6d4d904{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-8e33161{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;grid-column:span custom;}.elementor-13 .elementor-element.elementor-element-8e33161.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}.elementor-13 .elementor-element.elementor-element-2fca826{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-2fca826.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-0e486a4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-419eb0b{--display:flex;}.elementor-13 .elementor-element.elementor-element-8327514{--display:flex;--min-height:0px;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-f790b49.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-24974a6{text-align:center;}.elementor-13 .elementor-element.elementor-element-24974a6 .elementor-heading-title{text-shadow:-3px 2px 4px rgba(0,0,0,0.3);color:#675032;}.elementor-13 .elementor-element.elementor-element-7989974.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-7989974{text-align:center;}.elementor-13 .elementor-element.elementor-element-7989974 p{margin-block-end:0px;}.elementor-13 .elementor-element.elementor-element-4cff909{--display:flex;}.elementor-13 .elementor-element.elementor-element-ee78876{--display:flex;}.elementor-13 .elementor-element.elementor-element-14455a5{--display:flex;--padding-top:110px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-941b1a9{--display:flex;--padding-top:110px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-7aef92a{--display:flex;--padding-top:110px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-07730e7 .elementor-field-group{padding-right:calc( 60px/2 );padding-left:calc( 60px/2 );margin-bottom:4px;}.elementor-13 .elementor-element.elementor-element-07730e7 .elementor-form-fields-wrapper{margin-left:calc( -60px/2 );margin-right:calc( -60px/2 );margin-bottom:-4px;}.elementor-13 .elementor-element.elementor-element-07730e7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-13 .elementor-element.elementor-element-07730e7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-13 .elementor-element.elementor-element-07730e7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-07730e7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-13 .elementor-element.elementor-element-07730e7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-13 .elementor-element.elementor-element-07730e7 .elementor-field-type-html{padding-bottom:0px;}.elementor-13 .elementor-element.elementor-element-07730e7 .elementor-field-group .elementor-field, .elementor-13 .elementor-element.elementor-element-07730e7 .elementor-field-subgroup label{text-transform:none;}.elementor-13 .elementor-element.elementor-element-07730e7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-13 .elementor-element.elementor-element-07730e7 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-13 .elementor-element.elementor-element-07730e7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-13 .elementor-element.elementor-element-07730e7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-13 .elementor-element.elementor-element-07730e7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-13 .elementor-element.elementor-element-07730e7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-13 .elementor-element.elementor-element-07730e7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-13 .elementor-element.elementor-element-07730e7{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-13 .elementor-element.elementor-element-32c41a4{--display:flex;}.elementor-13 .elementor-element.elementor-element-a7600a7{--display:flex;}.elementor-13 .elementor-element.elementor-element-35dc67a{--display:flex;}.elementor-13 .elementor-element.elementor-element-435d5b9{--display:flex;}body.elementor-page-13:not(.elementor-motion-effects-element-type-background), body.elementor-page-13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8E1;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-b930ea9{--width:100%;}.elementor-13 .elementor-element.elementor-element-2fca826{--width:100%;}}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-8cf60fc{--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-ab04312{--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:nowrap;--n-menu-heading-overflow-x:scroll;--n-menu-toggle-align:center;--n-menu-title-space-between:20px;}.elementor-13 .elementor-element.elementor-element-ab04312.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-2e6e831{--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-8e33161{--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-2fca826{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-8cf60fc{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-ab04312{--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-align:center;--n-menu-title-space-between:0px;--n-menu-title-padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-ab04312.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-ab04312 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-2e6e831{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-8e33161{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-13 .elementor-element.elementor-element-2fca826{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for mega-menu, class: .elementor-element-ab04312 *//* =========================================================
   1) GLOBALER ELEMENTOR RESET
   ========================================================= */
#menubar-179,
#menubar-179 *,
#menubar-179 *::before,
#menubar-179 *::after {
  background: transparent;
  box-shadow: none;
  text-shadow: none;
  border: 0;
  outline: 0;
  box-sizing: border-box;
}

/* =========================================================
   2) RESET FÜR MENÜ-ELEMENTE
   ========================================================= */
#menubar-179 li,
#menubar-179 a,
#menubar-179 .elementor-item {
  background: transparent !important;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  appearance: none;
}

/* =========================================================
   3) PSEUDO-ELEMENTE ENTFERNEN
   ========================================================= */
#menubar-179 li::before,
#menubar-179 li::after,
#menubar-179 a::before,
#menubar-179 a::after,
#menubar-179 .elementor-item::before,
#menubar-179 .elementor-item::after {
  content: none;
  display: none;
}

/* =========================================================
   4) HOVER / FOCUS / AKTIV RESET
   ========================================================= */
#menubar-179 a:hover,
#menubar-179 .elementor-item:hover,
#menubar-179 .current-menu-item > a,
#menubar-179 .elementor-item.elementor-item-active {
  background: transparent;
  box-shadow: none;
  border: 0;
}

/* =========================================================
   5) UL / NAVIGATION RESET
   ========================================================= */
#menubar-179 .elementor-nav-menu--main > ul,
#menubar-179 .elementor-nav-menu--dropdown > ul {
  background: transparent;
  box-shadow: none;
}

/* =========================================================
   6) BUTTONS: VIDEOS, AUDIO, REPERTOIRE
   Desktop bleibt wie gehabt, Text mittig
   ========================================================= */
#Videos_Button,
#Audio_Button,
#Repertuar_Button {
  font-size: 16px;
  line-height: 1;
  color: #675032;
  padding: 8px 24px;
  border-radius: 50px;
  background-color: #D5E6D3;
  transition: all 0.3s ease;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  height: 44px;
  min-height: 0;
  margin: 10px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
}

#Videos_Button:hover,
#Audio_Button:hover,
#Repertuar_Button:hover {
  background-color: #BCD7B9;
  color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}

/* =========================================================
   7) BUTTON: UNVERBINDLICHE ANFRAGE
   Desktop/Tablet unverändert
   ========================================================= */
#Anfrage_Button {
  padding: 8px 24px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

#Anfrage_Button:hover {
  transform: scale(1.0) !important;
}

/* =========================================================
   8) MOBILE ANPASSUNGEN
   ========================================================= */
@media (max-width: 767px) {

  /* Menü insgesamt: kein seitlicher Überstand */
  #menubar-179 .e-n-menu-heading {
    width: 100% !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
  }

  /* Alle Menüpunkte rechts ausrichten */
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  /* Alle normalen Menülinks rechtsbündig */
  #menubar-179 .e-n-menu-title-container.e-link {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
    justify-content: flex-end !important;
    align-self: flex-end !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    white-space: nowrap !important;
  }

  /* Falls Elementor den Link selbst als Block/Full-Width setzt */
  #menubar-179 .e-n-menu-title-container.e-link,
  #menubar-179 .e-n-menu-title-container.e-link > a {
    display: inline-flex !important;
    justify-content: flex-end !important;
    text-align: right !important;
    align-items: center !important;
  }

  /* Grüne Buttons mobil: Text wirklich vertikal zentrieren */
  #menubar-179 #Videos_Button,
  #menubar-179 #Audio_Button,
  #menubar-179 #Repertuar_Button {
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-end !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    padding: 0 24px !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 1 !important;
  }

  #menubar-179 #Videos_Button > a.e-link,
  #menubar-179 #Audio_Button > a.e-link,
  #menubar-179 #Repertuar_Button > a.e-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  /* Anfrage-Zeile bekommt volle Breite */
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child {
    width: 100% !important;
    display: block !important;
    text-align: right !important;
    box-sizing: border-box !important;
  }

  /* Anfrage-Wrapper selbst füllt die Zeile */
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child > #Anfrage_Button,
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child > #Anfrage_Button.e-current {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    box-sizing: border-box !important;
    float: none !important;
    transform: none !important;
  }

  /* Innerer Anfrage-Link: rechts, Text mittig */
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child > #Anfrage_Button > a.e-link,
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child > #Anfrage_Button.e-current > a.e-link {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    padding: 8px 24px !important;
    line-height: 1 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b930ea9 *//* =========================================================
   1) GLOBALER ELEMENTOR RESET
   ========================================================= */
#menubar-179,
#menubar-179 *,
#menubar-179 *::before,
#menubar-179 *::after {
  background: transparent;
  box-shadow: none;
  text-shadow: none;
  border: 0;
  outline: 0;
  box-sizing: border-box;
}

/* =========================================================
   2) RESET FÜR MENÜ-ELEMENTE
   ========================================================= */
#menubar-179 li,
#menubar-179 a,
#menubar-179 .elementor-item {
  background: transparent !important;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  appearance: none;
}

/* =========================================================
   3) PSEUDO-ELEMENTE ENTFERNEN
   ========================================================= */
#menubar-179 li::before,
#menubar-179 li::after,
#menubar-179 a::before,
#menubar-179 a::after,
#menubar-179 .elementor-item::before,
#menubar-179 .elementor-item::after {
  content: none;
  display: none;
}

/* =========================================================
   4) HOVER / FOCUS / AKTIV RESET
   ========================================================= */
#menubar-179 a:hover,
#menubar-179 .elementor-item:hover,
#menubar-179 .current-menu-item > a,
#menubar-179 .elementor-item.elementor-item-active {
  background: transparent;
  box-shadow: none;
  border: 0;
}

/* =========================================================
   5) UL / NAVIGATION RESET
   ========================================================= */
#menubar-179 .elementor-nav-menu--main > ul,
#menubar-179 .elementor-nav-menu--dropdown > ul {
  background: transparent;
  box-shadow: none;
}

/* =========================================================
   6) BUTTONS: VIDEOS, AUDIO, REPERTOIRE
   Desktop bleibt wie gehabt, Text mittig
   ========================================================= */
#Videos_Button,
#Audio_Button,
#Repertuar_Button {
  font-size: 16px;
  line-height: 1;
  color: #675032;
  padding: 8px 24px;
  border-radius: 50px;
  background-color: #D5E6D3;
  transition: all 0.3s ease;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  height: 44px;
  min-height: 0;
  margin: 10px;
  border: none;
  white-space: nowrap;
  box-sizing: border-box;
}

#Videos_Button:hover,
#Audio_Button:hover,
#Repertuar_Button:hover {
  background-color: #BCD7B9;
  color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}

/* =========================================================
   7) BUTTON: UNVERBINDLICHE ANFRAGE
   Desktop/Tablet unverändert
   ========================================================= */
#Anfrage_Button {
  padding: 8px 24px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}

#Anfrage_Button:hover {
  transform: scale(1.0) !important;
}

/* =========================================================
   8) MOBILE ANPASSUNGEN
   ========================================================= */
@media (max-width: 767px) {

  /* Gemeinsamer Header-Container: Logo links, Burger im freien Raum rechts davon */
  #Hauptcontainer {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  /* Logo links */
  #Logo_im_Menue {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
  }

  /* Menü-Widget nimmt den restlichen Platz ein und zentriert das Burger-Icon */
  #Hauptcontainer > .elementor-element-ab04312 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }

  /* Das eigentliche Burger-Icon mittig auf Logo-Höhe */
  #menu-toggle-179 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Optional: falls Elementor dem Button selbst noch vertikalen Versatz gibt */
  #menu-toggle-179 .e-n-menu-toggle-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Einheitliche Button-Breite für die drei grünen Buttons */
  #menubar-179 {
    --mobile-green-btn-width: 180px;
  }

  /* Menü insgesamt: kein seitlicher Überstand */
  #menubar-179 .e-n-menu-heading {
    width: 100% !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
  }

  /* Alle Menüpunkte rechts ausrichten */
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  /* Alle normalen Menülinks rechtsbündig */
  #menubar-179 .e-n-menu-title-container.e-link {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
    justify-content: flex-end !important;
    align-self: flex-end !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    white-space: nowrap !important;
  }

  /* Falls Elementor den Link selbst als Block/Full-Width setzt */
  #menubar-179 .e-n-menu-title-container.e-link,
  #menubar-179 .e-n-menu-title-container.e-link > a {
    display: inline-flex !important;
    justify-content: flex-end !important;
    text-align: right !important;
    align-items: center !important;
  }

  /* Grüne Buttons mobil: alle gleich breit + Text wirklich mittig */
  #menubar-179 #Videos_Button,
  #menubar-179 #Audio_Button,
  #menubar-179 #Repertuar_Button {
    width: var(--mobile-green-btn-width) !important;
    min-width: var(--mobile-green-btn-width) !important;
    max-width: calc(100vw - 24px) !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-end !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    padding: 0 24px !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 1 !important;
  }

  #menubar-179 #Videos_Button > a.e-link,
  #menubar-179 #Audio_Button > a.e-link,
  #menubar-179 #Repertuar_Button > a.e-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  /* Anfrage-Zeile bekommt volle Breite */
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child {
    width: 100% !important;
    display: block !important;
    text-align: right !important;
    box-sizing: border-box !important;
  }

  /* Anfrage-Wrapper selbst füllt die Zeile */
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child > #Anfrage_Button,
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child > #Anfrage_Button.e-current {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    box-sizing: border-box !important;
    float: none !important;
    transform: none !important;
  }

  /* Innerer Anfrage-Link: rechts, Text mittig */
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child > #Anfrage_Button > a.e-link,
  #menubar-179 .e-n-menu-heading > li.e-n-menu-item:last-child > #Anfrage_Button.e-current > a.e-link {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    padding: 8px 24px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 767px) {
  #Hauptcontainer,
  #Hauptcontainer > .e-con-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  #Logo_im_Menue,
  #Hauptcontainer > .elementor-element-ab04312 {
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
  }

  #menu-toggle-179 {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-196cf7b *//* Nur mobil: Hero-Hauptüberschrift sauber umbrechen */
@media (max-width: 768px) {
  .elementor-element-196cf7b .elementor-heading-title {
    font-size: 32px;
    line-height: 1.2;
    padding: 0 15px;
    word-break: break-word;
    overflow-wrap: break-word;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fca826 */<style>
.video-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: flex-start; /* Höhe wird nicht an größte Box angepasst */
}

.video-item {
  display: inline-block; 
  max-width: 100%;
}

.video-item iframe {
  display: block;
  border: none;
  border-radius: 10px;
}

/* Hochformat */
.video-item.hochformat iframe {
  width: auto;        /* Höhe bestimmt die Größe */
  height: 400px;      /* z.B. gewünschte Höhe */
  aspect-ratio: 9 / 16;
}

/* Querformat */
.video-item.querformat iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
</style>

<div class="video-grid">
  <div class="video-item hochformat">
    <iframe src="https://player.vimeo.com/video/1134844854?autopause=0&loop=0&muted=0&title=0&portrait=0&byline=0"
      allowfullscreen></iframe>
  </div>

  <div class="video-item querformat">
    <iframe src="https://player.vimeo.com/video/1124802866?autopause=0&loop=0&muted=0&title=0&portrait=0&byline=0"
      allowfullscreen></iframe>
  </div>

  <div class="video-item hochformat">
    <iframe src="https://player.vimeo.com/video/1077693532?autopause=0&loop=0&muted=0&title=0&portrait=0&byline=0"
      allowfullscreen></iframe>
  </div>

  <div class="video-item querformat">
    <iframe src="https://player.vimeo.com/video/1124807242?autopause=0&loop=0&muted=0&title=0&portrait=0&byline=0"
      allowfullscreen></iframe>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-24974a6 *//* Nur mobil: Unterüberschrift kleiner machen */
@media (max-width: 768px) {
  .elementor-element-24974a6 .elementor-heading-title {
    font-size: 18px;
    line-height: 1.4;
    padding: 0 15px;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8327514 *//* --- Kurze Verzögerung damit Hero nicht durchblitzt --- */
#hero_Start{
  opacity:0;
  animation:introHeroReveal 0.25s ease forwards;
  animation-delay:0.20s;
}

@keyframes introHeroReveal{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}


/* Hero mobil kompakter machen */
@media (max-width:768px){

  .elementor-13 .elementor-element.elementor-element-8327514{
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: auto;
  }

  .elementor-13 .elementor-element.elementor-element-8327514 .elementor-widget{
    margin-bottom: 10px;
  }

  .elementor-13 .elementor-element.elementor-element-8327514 .elementor-heading-title{
    margin-bottom: 8px;
  }

  .elementor-13 .elementor-element.elementor-element-8327514 p{
    font-size: 15px;
    line-height: 1.5;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98c1454 */#form1_name {
  text-transform: none;  /* Verhindert, dass der Text im Eingabefeld in Großbuchstaben umgewandelt wird */
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-07730e7 */<style>
/* ======================================================
   FONT-ALIASE (statt direkter Datei-URLs)
   ====================================================== */
:root {
  --font-mulish: 'Mulish', sans-serif;
  --font-optima: 'OptimaNovaLTProLight', serif;
  --font-roboto: 'Roboto', sans-serif;
  --font-aboreto: 'Aboreto', serif;
}

/* =========================    BUTTON (Premium Look) ========================= */ #form1 #UnverbindlicheAnfrageButton {   background: linear-gradient(135deg, #FFA500, #ff8c00);   color: #111;   font-family: 'OptimaNova', sans-serif;   font-weight: bold;   padding: 12px 24px;   font-size: 16px;   border-radius: 50px;   border: none;   transition: all 0.3s ease;   text-decoration: none;   box-shadow: 0 6px 18px rgba(255, 165, 0, 0.3); }  #form1 #UnverbindlicheAnfrageButton:hover, #form1 #UnverbindlicheAnfrageButton:focus {   transform: translateY(-2px) scale(1.04);   box-shadow: 0 10px 25px rgba(255, 140, 0, 0.4);   color: #fff; }  /* =========================    INPUT FELDER ========================= */ #form1 input, #form1 textarea, #form1 select {   border-radius: 8px;   border: 1px solid #ddd;   padding: 8px 10px;   font-family: 'Roboto', sans-serif;   font-size: 14px;   width: 100%;   max-width: 100%;   box-sizing: border-box;   transition: 0.2s;   display: block; }  #form1 input:focus, #form1 textarea:focus, #form1 select:focus {   border-color: #FFA500;   box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);   outline: none; }  /* =========================    VERSTECKTES FELD ========================= */ #form1 #form-field-field_bef19b1 {   display: none; }  #form1 .elementor-field-group-field_bef19b1 {   display: none; }  /* =========================    CHECKBOX FIX ========================= */ #form1 .elementor-field-type-acceptance .elementor-field-subgroup, #form1 .elementor-field-type-acceptance .elementor-field-option, #form1 .elementor-field-type-acceptance > div {   display: flex;   align-items: center;   gap: 10px;   flex-wrap: nowrap; }  #form1 .elementor-field-type-acceptance label {   display: flex;   align-items: center;   gap: 8px;   margin: 0;   padding: 0;   line-height: 1.4;   font-family: 'Roboto', sans-serif; }  #form1 .elementor-field-type-acceptance input[type="checkbox"] {   width: auto;   margin: 0;   transform: scale(1.1);   flex-shrink: 0; }  #form1 .datenschutz-link {   color: #FFA500;   text-decoration: underline; }  /* =========================    AUTOCOMPLETE ========================= */ #autocomplete-results {   max-height: 200px;   overflow-y: auto;   border: 1px solid #ddd;   background-color: #fff;   position: absolute;   width: 100%;   z-index: 1000;   font-family: 'Roboto', sans-serif; }  #autocomplete-results li {   padding: 8px;   cursor: pointer; }  #autocomplete-results li:hover {   background-color: #f0f0f0; }  /* =========================    FEHLER ========================= */ #form1 .elementor-message.elementor-message-danger::before, #form1 .elementor-message-danger::before {   content: "×" !important;   font-family: 'Roboto', sans-serif !important;   font-weight: 700;   color: red;   display: inline-block;   margin-right: 6px;   line-height: 1; }  /* =========================    ERFOLG ========================= */ .elementor-message-success {   background-color: #f4faf4;   border: 1px solid #c8e6c9;   padding: 12px 16px;   border-radius: 10px;   color: #2f3e2f;   font-family: 'Mulish', sans-serif;   font-size: 14px; }  .elementor-message-success::before {   content: "✅";   margin-right: 6px; }  /* =========================    ÜBERSCHRIFT ========================= */ #form1 .elementor-widget-heading, #form1 .elementor-form-title {   text-align: center;   font-family: 'Aboreto', sans-serif; }  #form1 .elementor-heading-title, #form1 .elementor-form-title {   display: block;   width: 100%;   max-width: 100%;   margin: 0 auto;   text-align: center;   font-size: 18px;   line-height: 1.25;   word-break: break-word;   overflow-wrap: anywhere;   font-family: 'Aboreto', sans-serif; }  /* =========================    MOBILE ========================= */ @media (max-width: 767px) {    #form1 .elementor-heading-title,   #form1 .elementor-form-title {     font-size: clamp(14px, 4.5vw, 16px);   }    #form1 input,   #form1 textarea,   #form1 select {     width: 100%;   }    #form1 #UnverbindlicheAnfrageButton {     width: 100%;     text-align: center;   }    #form1 .elementor-field-type-acceptance label {     flex-wrap: wrap;   }    #form1 .elementor-field-group,   #form1 .elementor-column,   #form1 .elementor-widget-container {     padding-left: 0;     padding-right: 0;   } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7aef92a *//* === FORMULAR-GESAMTRAHMEN: Hintergrund & abgerundetes Rechteck für form1 === */
#form1 {
  background-color: #f9f3e5;           /* Heller cremiger Hintergrund */
  border-radius: 12px;                 /* Leicht abgerundete Ecken */
  padding: 30px 40px;                  /* Innenabstand, damit Inhalte atmen */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* dezenter Schatten für Tiefe */
  box-sizing: border-box;              /* saubere Innenberechnung */
  transition: box-shadow 0.3s ease;    /* optional weicher Hover-Schatten */
}

/* Optional: leichter Hover-Glanz für das gesamte Formular */
#form1:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-419eb0b */@supports (content-visibility: auto) {
  .elementor-13 .elementor-element.elementor-element-419eb0b {
    content-visibility: auto;
    contain-intrinsic-size: auto 1200px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4474045 *//* Cookie-Banner am unteren rechten Rand */
.cookie-banner {
  position: fixed;
  bottom: 15px;
  right: 15px;
  background-color: rgba(0, 0, 0, 0.8); /* Dunklerer Hintergrund für besseren Kontrast */
  color: #fff;
  padding: 12px 20px;
  font-size: 12px;
  text-align: left;
  border-radius: 15px;
  display: none; /* Banner anfangs nicht sichtbar */
  z-index: 9999; /* Sehr hoher z-index */
  font-family: 'Mulish', sans-serif;
  max-width: 300px;
}

/* Link im Cookie-Banner */
.cookie-banner a {
  color: #A8D08D;  /* Sanftes Grün */
  text-decoration: none;
}

.cookie-banner a:hover {
  text-decoration: underline;
  color: #8DAB6F; /* Etwas dunkleres Grün bei Hover */
}

/* Cookie-Button-Styling */
.cookie-btn {
  background-color: rgba(255, 255, 255, 0.4);  /* Sehr transparent, nur leicht sichtbar */
  color: #fff;
  padding: 6px 12px;  /* Kleinere Buttons */
  border: none;
  border-radius: 30px;  /* Abrundung für den Button */
  cursor: pointer;
  font-size: 12px;  /* Kleinere Schrift */
  margin-left: 8px;
  transition: all 0.3s ease;
}

/* Hover-Effekt für alle Buttons */
.cookie-btn:hover,
.cookie-btn:focus {
  background-color: rgba(255, 255, 255, 0.7);  /* Etwas heller beim Hover */
  color: #4CAF50;  /* Farbe ändern beim Hover (grün) */
  box-shadow: none;  /* Kein Schatteneffekt */
  transform: scale(1.05);  /* Leichtes Vergrößern beim Hover */
  z-index: 2;  /* Stellt sicher, dass der Button oben bleibt */
}

/* Cookie Popup für detailliertere Informationen */
.cookie-popup {
  display: none;
  position: fixed;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  color: #333;
  padding: 18px 25px;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);  /* Sehr dezenter Schatten */
  z-index: 1001;
  max-width: 600px;
  width: 90%;
  font-family: 'Mulish', sans-serif;
}

/* Überschrift im Cookie-Popup */
.cookie-popup h2 {
  margin-top: 0;
  font-size: 16px;  /* Etwas kleinere Schriftgröße */
  font-weight: bold;
  color: #333;
}

/* Liste im Cookie-Popup */
.cookie-popup ul {
  list-style-type: disc;
  margin-left: 20px;
  font-size: 14px;
}

/* Schließen-Button im Cookie-Popup */
.cookie-popup button {
  background-color: #D5E6D3;
  color: #675032;
  padding: 8px 16px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s ease;
}

/* Hover-Effekt für den Schließen-Button */
.cookie-popup button:hover,
.cookie-popup button:focus {
  background-color: #BCD7B9;
  color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* Dezenter Schatten */
  transform: scale(1.05);  /* Leichtes Vergrößern */
}/* End custom CSS */
/* Start custom CSS *//* =========================
   CUSTOM FONTS (LOKAL)
   ========================= */

/* Optima */
@font-face {
  font-family: 'Optima';
  src: url('https://klangvollerabschied.de/wp-content/uploads/2026/01/OptimaNovaLTProLight.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Aboreto */
@font-face {
  font-family: 'Aboreto';
  src: url('https://klangvollerabschied.de/wp-content/uploads/2026/05/Aboreto.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Mulish */
@font-face {
  font-family: 'Mulish';
  src: url('https://klangvollerabschied.de/wp-content/uploads/2026/05/Mulish.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Roboto */
@font-face {
  font-family: 'Roboto';
  src: url('https://klangvollerabschied.de/wp-content/uploads/2026/05/Roboto.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


/* =========================
   TYPO SYSTEM (DEIN DESIGN)
   ========================= */

/* H1 + H2 → Aboreto */
h1, h2 {
  font-family: 'Aboreto', serif !important;
}

/* H3–H6 → Optima */
h3, h4, h5, h6 {
  font-family: 'Optima', sans-serif !important;
}

/* Fließtext */
body, p, li, span {
  font-family: 'Mulish', sans-serif !important;
  font-size: 1.05rem;
  line-height: 1.7;
}

/* Buttons & UI */
button,
input,
textarea,
select,
a.button,
.elementor-button,
.elementor-nav-menu a {
  font-family: 'Mulish', sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}/* End custom CSS */