/****** PLACE YOUR CUSTOM STYLES HERE ******/

/* - - - - - Head / Navi - - - - - - */

.menu {
  font-family: 'Roboto','Raleway',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.menu li a {
  font-size: 16px;
  font-weight: 400; }

.logodiv { background-color: #e7e7e7;}

nav.nav-centered .logo {
  max-height: 64px;
  margin: 32px 0 32px 0; }
  


@media screen and (min-width: 992px) {

	ul.menu li.aktiv a { border-bottom: 4px solid #dc3c35; } 

	.nav-bar {
	  line-height: 75px;
	} 

	.nav-bar {
	  height: 75px;
	  max-height: 75px;
	  line-height: 73px;
	  border-bottom: 0px solid #ccc;
	}

	.menu {
	  height: 75px;
	} 

	.nav-bar .module, 
	.nav-bar .module-group {
	  height: 75px;
	}


	::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

	}


	ul.menu li.aktiv a {
    border-bottom: 4px solid #dc3c35;
}

	.menu li a {
    font-size: 16px;
    font-weight: 400;
    opacity: 1;
	}

	.menu li a:hover {
    opacity: 0.5 !important;
}

nav.nav-centered.fixed.scrolled { box-shadow: 5px 5px 10px #CCCCCC75; }

} 


.overlay.darkoverlay:before {
    opacity: 0.6;
}


.logodiv { background-image: url('./assets/img/hg-top-v01.jpg'); background-position: center; background-size: cover; }

/* - - - - - Fonts - - - - - - */


p.lead {
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
}

p, ul.textliste, .listenormal ul {   font-size: 18px;
  line-height: 32px;
}

ul.textliste, .listenormal ul { list-style: inherit; }
ul.textliste li, .listenormal ul li { padding-left: 10px; margin-left: 20px; }

@media (max-width: 767px) {

br { display: inherit; } 

}

.page-title h1, .page-title h2 {font-weight: 400; letter-spacing:-0.5px;}

/* - - - - - Up-Button - - - - - - */


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #dc3c35;
  color: white;
  cursor: pointer;
  padding: 0px;
  border-radius: 100px;
  height: 60px;
width: 60px;
}

#myBtn:hover {
  background-color: #cccccc;
}


.long-arrow-right,
.long-arrow-left{
  display: block;
  margin: 30px auto;
  width: 20px;
  height: 20px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
}
.arrow-right,
.long-arrow-right{
 transform: rotate(135deg);
}

.arrow-left,
.long-arrow-left{
 transform: rotate(45deg)  translate(-8px, -8px);
}
.long-arrow-right::after,
.long-arrow-left::after{
  content: "";
  display: block;
  width: 4px;
  height: 25px;
  background-color: #fff;
  transform: rotate(-45deg) translate(7px, 2px);
  left: 0;
  top: 0;
}

/* - - - - - diverse - - - - - - */

footer {
  padding-bottom: 60px; }

@media (max-width: 992px) {

.hideonmobile { display: none; } 

}