
body, html {
	font-family: 'Open Sans', sans-serif;
  
}

h1, h2, h3, h4, h5 {
  color: rgb(78, 12, 7);
}

footer h1, footer h2, footer h3, footer h4, footer h5 {
    color: rgb(255, 255, 255);
  }

footer a, footer a:hover{
    color: rgb(255, 255, 255);
  }  

main {
  font-size: 1.1rem;
}

.primarycolor{
  color: rgb(78, 12, 7);
} 

.border-primary {
  border-color: rgb(78, 12, 7) !important;
}


.secondarycolor{
  color: rgb(78, 12, 7);
} 
.dropdown-menu>li {
    font-size: 1rem;
}

.error {
  color: rgb(78, 12, 7);
  font-weight: bold;
}

.mask-custom-page {
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, .35);
}

/* Color of the links BEFORE scroll */

.navbar-scroll .nav-link,
.navbar-scroll .navbar-toggler-icon,
.navbar-scroll .navbar-brand {
  color: #000;
  
}
.navbar-scroll .navbar-brand img {
  height: 180px;
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 1s, 1s;
}


/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler-icon,
.navbar-scrolled .navbar-brand {
  color: #000;
}

.mask-custom {
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, .15);
}

/* Color of the navbar AFTER scroll */

.navbar-scrolled {
  backdrop-filter: none;
  background-color: rgb(255, 255, 255);
}

.navbar-scrolled .navbar-brand img {
  height: 120px;
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 1s, 1s;
}





.gradient-background {
    /* fallback for old browsers */
    background: #233588;
  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to top, rgba(35,53,136,0.2), rgba(33,33,33,0.2));
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to top, rgba(35,53,136,0.2), rgba(33,33,33,0.2))
  }


.bgtop {
      /* fallback for old browsers */
    background: rgb(33, 33, 33);
  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to top, rgba(33,33,33,1), rgba(33,33,33,1));
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to top, rgba(33,33,33,1), rgba(33,33,33,1))
  }

  .topmenu{
    color: white;
    }

  .topmenu>li {
    margin-left: 1rem;
  }

  .topmenu>div>i {
    color: #A61510;
    
  }

  .navbar {
    font-weight: bold;
    font-size: 1.1rem;
  }


  .btn-danger, .btn-primary {
    background-color:  rgb(78, 12, 7);
    font-size:1.1rem;
    letter-spacing: 0.2em;
  }

  .btn-danger:hover, .btn-primary:hover {
    background-color: rgb(166,21,16);
  }

  .carousel-control-prev {
    left: -65px;
  }
  .carousel-control-next {
    right: -60px;
}




  /* Button Back to Top */

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}
/* Button Back to Top Ende*/
