/*
 ****************************************
 ****************************************
 ****  BOOTSTRAP4 STYLE ADJUSTMENTS  ****
 ****  for www.hoerl-innenausbau.de  ****
 ****      2019 Richard Schulze      ****
 ****************************************
 ****************************************
 */

/* general */
.navbar {
  margin: 0px;
  padding: 0px;
}
nav.navbar.navbar-transparent {
  background-color: rgba(255,255,255,0.8) !important;
  margin: 0px;
  padding: 0px;
}
.navbar .navbar-nav .nav-item a.nav-link {
  transition: background-color .4s ease, box-shadow .4s ease, color .4s ease;
  border-radius: 5px;
}
.navbar .navbar-nav .nav-item a.nav-link:hover {
  background-color: rgba(96,106,112,0.3);
  box-shadow: 0 4px 20px 0px rgba(0,0,0,0.44);
  color: #333;
}

/* FIX FOR DROPDOWN MENU COLORS
.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:active, .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus {
  background-color: rgba(255,191,17,0.7);
  color: #333;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255,191,17,0.4);
}*/

/* yellow hover effect on second link*/
.navbar .navbar-nav .nav-item a.nav-second:hover {
  background-color: rgba(255,191,17,0.6);
}

/* company logo */
.navbar .navbar-brand {
  padding: 0px;
  margin: 10px 0 10px 0;
  height: auto;
  transition: height .5s ease;
}
.navbar-transparent .navbar-brand {
  height: auto;
}

.navbar .logo-image {
  width: 120px;
  transition: width .5s ease;
}
.navbar-transparent .logo-image {
  width: 250px;
}
@media (max-width: 300px) {
  .navbar-transparent .logo-image {
    width: 120px;
  }
}


/* MAIN SECTION */
.main .section {
  padding-top: 30px;
}
#nav-overlay {
  position: fixed;
  z-index: 5;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background: rgba(51,51,51,0.6);
}

/* IMPRINT */
.small-imprint {
  font-size: 90% !important;
}

/* accordion in reaction section */
.card .card {
  margin: 15px 0 15px 0;
}
.card .card-body {
  padding: 0.7rem;
}
#accordion .container .card a .card-body::after {
  font-family: 'Material Icons';
  font-size: 1.2rem;
  content: 'expand_more';
  display: block;
  transition: transform .4s ease;
}
#accordion .container .card a .card-body.active::after {
  transform: rotate(-180deg);
}

/* material icons start page */
.material-icons.md-18 {
  font-size: 18px;
  color: #ffc10c;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

/* FOOTER */
.footer {
  font-size: 0.75rem;
}
.footer a, .footer a:link, .footer a:visited {
  color: inherit;
}