@import url('https://fonts.googleapis.com/css?family=Corbel');
*{
  font-family: "Century Gothic";
}
.bl-blue{
  border-left: 5px solid #82cac9;
}
html {
  position: relative;
  min-height: 100%;
}
body{
  /*padding-top:110px;*/
}
a{
  color: #009092;
}
a:hover{
  cursor: pointer;
}
.hoch{
  line-height: 2.0;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
}
.nav-link{
font-size: 18px;
}
#home{
  background: url("Fotos/HOME.jpg");
  background-position: 0% 25%;
  background-size: cover;
  background-repeat: no-repeat;
}
#team{
  background: url("Fotos/TEAM.jpg");
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#partner{
  background: url("Fotos/PARTNER.jpg");
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#leistungsangebot{
  background: url("Fotos/ZUSATZ.jpg");
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#kontakt{
  background: url("Fotos/KONTAKT.jpg");
  background-position: 0% 35%;
  background-size: cover;
  background-repeat: no-repeat;
}
#kundinnen{
  background: url("Fotos/KUNDEN.jpg");
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#aboutus{
  background: url("Fotos/ABOUTUS.jpg");
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.titel-balken{
background: url("Fotos/HOME.jpg");
background-position: 0% 25%;
background-size: cover;
background-repeat: no-repeat;
/* padding-top: 0.7%;
padding-bottom: 0.7%; */
height: 350px;
width: 100%;
position: relative;
}
.graufilter{
background: rgba(40, 40, 40, 0.6);
/* position:relative; */
width:100%;
height:100%;
opacity: 1;
}
.inhalt{
padding: 0% 3% 2% 3%;
}
.fusser{
padding: 2% 0% 0.5% 0%;
background: rgba(40,40,40,1);
min-height: 100px;
}
.kopf{
padding: 0.5% 0% 0.5% 0%;
background: #4d4d4d;
}
.kopf-line{
height: 5px;
background: #82cac9;
}
.text-white{
color: white;
opacity: 1;
z-index: 10;
}
.jumbo-header{
opacity: 1;
}
.untermenu{
padding: 3% 0% 3% 0%;
font-size: 20px;
}
.logo{
width: 25%;
}
@media screen and (min-width: 992px) {
.nav-item{
  margin-left: 10px;
}
}
@media screen and (max-width: 992px) {
.inhalt{
  padding: 0% 10% 2% 10%;
}
.card{
  margin-bottom: 1%;
}
.logo{
  width: 100%;
}
.navbar-brand{
  max-width: 150px;
}
}
