/* Alle Links im Template rot (#F02020) */
a, a:link, a:visited {
  color: #F02020;
}
a:hover, a:focus, a:active {
  color: #c81a1a; /* etwas dunklerer Ton für Hover */
  text-decoration: none;
}

/* Pfeil-Icon im Scroll-Down-Kreis weiß */
.scroll-down a i {
  color: #fff !important;
}

/* Primärer Textlink-Button */
a.main-button-icon {
  color: #fff;
}

/* Hover-Zustand */
a.main-button-icon:hover,
a.main-button-icon:focus {
  background-color: #F02020;
  color: #fff;
}

#aktuelles p a.main-button-icon {
  margin-top: 8px;
  display: inline-block;
}

/* Desktop: Logo erst beim Scrollen zeigen */
@media (min-width: 1000px){
  .header-area .logo { 
    opacity: 0; 
    visibility: hidden; 
    transition: opacity .5s ease, visibility .5s ease;
  }
  .background-header .logo { 
    opacity: 1; 
    visibility: visible; 
  }
}

/* Mobile/Tablet: Logo immer sichtbar */
@media (max-width: 999px){
  .header-area .logo { 
    opacity: 1; 
    visibility: visible; 
  }
}

/* Dots unter dem Fotokarussell ausblenden */
.owl-dots {
  display: none !important;
}