.elementor-400 .elementor-element.elementor-element-41ce8a1{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-802095c *//* Top-Bar in Tree-Nation-Farbwelt (ohne Logo) */
.nt-bar{
  background: #0aa6a6;      /* Teal/Grün – wirkt sehr „Tree-Nation“ */
  color: #ffffff;           /* hoher Kontrast */
}

/* Lauftext Bereich */
.nt-marquee{
  overflow: hidden;
  width: 100%;
}

.nt-marquee__track{
  display: flex;
  align-items: center;
  gap: 48px;
  width: max-content;
  white-space: nowrap;
  will-change: transform;
  animation: ntMarquee 18s linear infinite;
}

/* Link-Styling im Text */
.nt-link{
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
}

.nt-link:hover{
  opacity: 0.9;
}

/* Animation */
@keyframes ntMarquee{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Hover-Pause am Desktop */
@media (hover:hover){
  .nt-bar:hover .nt-marquee__track{
    animation-play-state: paused;
  }
}

/* Mobile: etwas schneller + klein wenig kompakter */
@media (max-width: 767px){
  .nt-marquee{ padding: 7px 12px; }
  .nt-marquee__track{ animation-duration: 14s; }
}/* End custom CSS */