/* Background-Farbe im Header und Footer aendern. */
.header{
  background: rgb(241,220,83);
  background: linear-gradient(180deg, rgba(241,220,83,1) 0%, rgba(250,253,45,1) 100%);
}
.footer{
  background: rgb(241,220,83);
  background: linear-gradient(0deg, rgba(241,220,83,1) 0%, rgba(250,253,45,1) 100%);  
}

/* Farbe der Menu-Beschriftung aendern */
.container-header .mod-menu {
  color: black;
}
.footer {
  color: black;
}

/* Finder-Menu rechts anordnen */
.container-below-top, .container-topbar {
  justify-content: right;
}

/* webintern in die Mitte setzen */
.metismenu.mod-menu {
  justify-content: center
}
.container-header .navbar-toggler {
  color: black;
}
#back-top { 
  position: fixed; 
}
body {
  overflow-wrap: break-word;
}

/* drop down bei Mouse over */
.container-nav li.level-1.deeper.parent:hover > ul {display:block !important;}
.container-nav li.level-2.deeper.parent:hover > ul {display:block !important;}

/* Laufschrift ersatz für marquee */
#animate-container {
 background-color: #ECF0F1;
 color: #D35400;
 font-size: 20px;
 font-weight: 700;
 white-space: nowrap;
 text-transform: none;
 overflow: hidden;
 padding: 20px 0;

 animation-name: text-indent-animate;
 animation-duration: 10s;
 animation-timing-function: linear;
 animation-direction: reverse;
 animation-iteration-count: infinite;
}

#animate-container:hover {
 animation-play-state: paused;
}

@keyframes text-indent-animate {
 0% {
   text-indent: -20%;
 }

 100% {
  text-indent: 100%;
 }
}