.elementor-76 .elementor-element.elementor-element-78322f4{--display:flex;--min-height:170px;--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-76 .elementor-element.elementor-element-78322f4:not(.elementor-motion-effects-element-type-background), .elementor-76 .elementor-element.elementor-element-78322f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-80e8e10 );}.elementor-76 .elementor-element.elementor-element-78322f4.e-con{--align-self:center;}.elementor-76 .elementor-element.elementor-element-97dbf4d{--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:space-evenly;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;}.elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container svg{width:220px;height:120px;color:#FFFFFF00;overflow:visible;padding:0px 0px 0px 0px;}.elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container{text-align:center;}.elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container svg *{stroke:#FFFFFF00;}.elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container svg path, .elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container svg circle, .elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container svg square, .elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container svg ellipse, .elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container svg rect, .elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container svg polyline, .elementor-76 .elementor-element.elementor-element-4e0714b .ha-svg-draw-container svg line{fill:var( --e-global-color-secondary );stroke-width:1;stroke-dasharray:0;}.elementor-76 .elementor-element.elementor-element-bfc9630{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container svg{width:120px;height:60px;color:#FFFFFF00;overflow:visible;padding:0px 0px 0px 0px;}.elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container{text-align:center;}.elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container svg *{stroke:#FFFFFF00;}.elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container svg path, .elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container svg circle, .elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container svg square, .elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container svg ellipse, .elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container svg rect, .elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container svg polyline, .elementor-76 .elementor-element.elementor-element-bfc9630 .ha-svg-draw-container svg line{fill:var( --e-global-color-text );stroke-width:1;stroke-dasharray:0;}.elementor-76 .elementor-element.elementor-element-1d80b66{--display:flex;}.elementor-76 .elementor-element.elementor-element-98a36b8{--display:flex;}.elementor-76 .elementor-element.elementor-element-88bc74b{--display:flex;}.elementor-76 .elementor-element.elementor-element-08b5aa4{--display:flex;}.elementor-76 .elementor-element.elementor-element-211af28{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:var( --container-widget-width, 550px );max-width:550px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:550px;--container-widget-flex-grow:0;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:3em;--n-menu-title-color-normal:var( --e-global-color-secondary );--n-menu-title-transition:300ms;--n-menu-title-padding:0px 0px 0px 0px;--n-menu-icon-size:16px;--n-menu-icon-color:var( --e-global-color-text );--n-menu-icon-color-hover:var( --e-global-color-9bde5c5 );--n-menu-icon-color-active:var( --e-global-color-9bde5c5 );--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-76 .elementor-element.elementor-element-211af28 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-76 .elementor-element.elementor-element-211af28 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-76 .elementor-element.elementor-element-211af28 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:bold;text-transform:uppercase;text-decoration:none;letter-spacing:0.8px;}.elementor-76 .elementor-element.elementor-element-211af28 {--n-menu-title-color-hover:var( --e-global-color-text );--n-menu-title-color-active:var( --e-global-color-text );}.elementor-76 .elementor-element.elementor-element-b3572bf{--display:flex;--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;}.elementor-76 .elementor-element.elementor-element-378b1a4{width:auto;max-width:auto;cursor:default !important;background-color:#A3474700;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-element-{cursor:default !important;}.elementor-element-378b1a4.ha-cursor .mf-cursor-text{color:#FFF;}.elementor-element-378b1a4.ha-cursor.mf-cursor:before{background:#000;}.elementor-element-378b1a4.ha-cursor.mf-cursor.-text:before{width:80px;height:80px;}.elementor-element-378b1a4.ha-cursor.-media:before{width:80px;height:80px;}.elementor-element-378b1a4.ha-cursor .ha-cursor-text{width:80px;height:80px;}.elementor-76 .elementor-element.elementor-element-378b1a4.elementor-element{--align-self:center;}.elementor-element-378b1a4.ha-cursor .mf-cursor-text {font-family:"operetta-32", Sans-serif;font-size:24px;}.elementor-element-378b1a4.ha-cursor.mf-cursor .ha-cursor-text{padding:0px 0px 0px 0px;}.elementor-element-378b1a4.ha-cursor.mf-cursor .ha-cursor-media-box{padding:0px 0px 0px 0px;}.elementor-76 .elementor-element.elementor-element-25ec964{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -18px;padding:0px 0px 0px 0px;}.elementor-76 .elementor-element.elementor-element-25ec964.elementor-element{--align-self:center;}.elementor-76 .elementor-element.elementor-element-25ec964 .elementor-heading-title{font-family:"operetta-32", Sans-serif;font-size:10px;font-weight:normal;line-height:10px;letter-spacing:0px;color:var( --e-global-color-secondary );}.ha-cursor:not(.ha-text):not(.ha-media){mix-blend-mode:difference;color:#FFF;}.ha-cursor:not(.-text):not(.-media):before{background:#FFF;width:100px;height:100px;border-radius:50% 50% 50% 50%;}.ha-cursor:not(.-text):not(.-media){color:#FFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-76 .elementor-element.elementor-element-b3572bf{--width:auto;}}@media(max-width:1024px){.elementor-element-378b1a4.ha-cursor.mf-cursor.-text:before{width:80px;height:80px;}.elementor-element-378b1a4.ha-cursor.-media:before{width:80px;height:80px;}.elementor-element-378b1a4.ha-cursor .ha-cursor-text{width:80px;height:80px;}}@media(max-width:767px){.elementor-element-378b1a4.ha-cursor.mf-cursor.-text:before{width:80px;height:80px;}.elementor-element-378b1a4.ha-cursor.-media:before{width:80px;height:80px;}.elementor-element-378b1a4.ha-cursor .ha-cursor-text{width:80px;height:80px;}}/* Start custom CSS for container, class: .elementor-element-78322f4 */header .elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects {
    min-height: 80px;
    background: white;
}

.ellogo-black {display: none;}
.ellego-white {display: block;}
header .elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects .ellogo-black {display: block;
    
}
header .elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects .ellogo-white {display: none;
    
}
header .elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects .ellogo {
    width: 100px;
}

header .elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects .e-n-menu-wrapper span.e-n-menu-title-text {
    color: black;
}
header .elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects .e-n-menu-wrapper a:hover span {
    color: #aaa!important;
}
a[aria-current="location"] .e-n-menu-title-text {
  color: #aaa!important;
}

.elementor-sticky--active.note-centered {
    color: black!important;
}
.elementor-sticky--active.elementor-section--handles-inside.e-lazyloaded.elementor-sticky--effects .playertext p,
.elementor-sticky--active.elementor-section--handles-inside.e-lazyloaded.elementor-sticky--effects .note-centered {
    color: black;
}/* End custom CSS */
/* Start custom CSS */[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover,
[type=button]:hover,
button.mp3-stream__btn:hover,
button.mp3-stream__btn:focus{
    background-color: unset;
    color: #2F2F2F;
}
span.note-centered:hover {
    color: white;
}
[type=button]:hover,
button.mp3-stream__btn:focus{
    background-color: unset;
    color: #2F2F2F;
}
.mp3-stream{display:inline-flex;align-items:center;justify-content:center}
.mp3-stream__btn{
    background-color: rgba(0, 0, 0, 0) !important;
    position:relative;
    display:inline-flex; align-items:center; justify-content:center;
    width:76px; height:46px;
     color:#2F2F2F!important;
     cursor:pointer; line-height:1; font-size:30px;
    border: none;
}
.mp3-stream__btn:focus-visible{ outline:3px solid #6aaaff; outline-offset:2px; }

  /* Ruhige Note, wenn gestoppt */
.note-centered{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    opacity: 1;
    transition: opacity .2s ease;
    font-size: 46px;
    flex-direction: column;
    justify-content: space-around;
    margin-top: -6px;
  }

  /* Maskierter Sichtbereich (nur beim Abspielen sichtbar) */
  .masker{
      overflow: hidden;
    position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    opacity:0; transition:opacity .2s ease;
    -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 18%, #000 82%, transparent 100%);
            mask-image:linear-gradient(to right, transparent 0%, #000 18%, #000 82%, transparent 100%);
  }

  /* Scroller enthält 2 identische Tracks -> nahtloser Loop */
  .scroller{
    display:flex; align-items:center; justify-content:flex-start;
    gap:0; will-change:transform;
    animation: scroll var(--speed, 8s) linear infinite;
  }

  /* Jede Track-Hälfte hat die gleiche Breite (Inhalt identisch) */
  .track{
    display:inline-flex; align-items:center; white-space:nowrap;
    /* Abstand zwischen Noten definieren */
  }
  .track > span{
    display:inline-block;
    margin-right: var(--gap, .5em);
  }

  /* Endlos von 0% auf -50% verschieben (weil zwei gleiche Hälften) */
  @keyframes scroll{
    from{ transform: translateX(0); }
    to  { transform: translateX(-50%); }
  }

  /* Zustände */
  .is-playing .note-centered{ opacity:0; pointer-events:none; }
  .is-playing .masker{ opacity:1; }

  @media (prefers-color-scheme:dark){
    .mp3-stream__btn{ background:#fff; color:#111; }
    .mp3-stream__btn:hover{ background:#ddd; }
  }
  @media (prefers-reduced-motion:reduce){
    .scroller{ animation:none; }
  }/* End custom CSS */