body{
    margin: 0;
}
.nav-item{
    text-align: end;
}
.nav-item > a{
    color: inherit;
    text-decoration: none;
}
.nav-item > a:hover, .nav-item > a:active{
    color: #F9B122;
    text-decoration: none;
}
.almuc-link{
    color: #F9B122;
    text-decoration: none;
    font-weight: 700;
}
.almuc-link:focus,.almuc-link:hover{
    color: #F9B122;
    text-decoration: underline;
    font-weight: 700;
}
button:focus{
    outline: none !important;
}
.kunde-h1{
    color: #fff;
}
.home-h1{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-decoration: none;
    z-index: 66;
    font-weight: 300;
    font-size: 2.5vw;
    color: #fff;
    width: 100%;
    
}
.flush{
    margin:0 !important;
    padding: 0 !important;
}
.kunden-header-img-container{
    display: flex;
    max-height: 40vw;
    position: relative;
    text-align: center;
  }
.home-header-img-container{
    display: flex;
    max-height: calc(100vh - 92px);
    position: relative;
    text-align: center;
  }
.kunden-header-img{
    width: 100%;
    object-fit: cover;
}
.overlay-home::before {
  content: '';
  z-index: 10;
  width: 100%;
  height: 100%;/* 40vw */
  display: block;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 70%);
}
.overlay::before {
  content: '';
  z-index: 10;
  width: 100%;
  height: 40vw; 
  display: block;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 60%);
}
.claim-container{
    margin: -11.8em 0 0 0;
    position: relative;
    z-index: 55;
    text-align: center;
}
.mouse-icon{
    width: 2em;
    padding: 1.5em 0;
}
.home-mouse-icon{
    position: absolute;
    height: 4vw;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-decoration: none;
    z-index: 66;
}

.orangeBold{
    font-weight: 700;
    color: #F9B122;
}
.orange-img-border{
    
    top: -.8em;
    position: relative;
    z-index: 51;
}
.home-orange-img-border{
    top: 0.4vw;
    position: relative;
    z-index: 51;
    margin: -0.8vw 0 0 0;
}

.content1{
   padding-top: 10em; 
   padding-bottom: 10em; 
}
.carousel-container{
    background-color: #4C565C;
}
/*Hide Spinner since carousel CLose not loading*/
button.btn-close.position-absolute.top-0.end-0.p-3, .spinner-border{
    display: none !important;
}
.bg-dark-w{
    background-color: #4C565C;
    color: #fff;
}
.link, .link:hover, .link:active{
    text-decoration: none;
    color: inherit;
}
.bg-none{
    background-color: transparent !important;
}


.orange-line{
    padding: 2em 0;
}
.kunden-logo{
    /**max-width: 15em;**/
}

.carousel-row-center{
    min-height: 50vh;
    align-items: center;
}

@media screen and (max-width: 1190px) {
    .content1{
   padding: 5em 2em;
        
    }
    .kunden-logo{
        width: 8em;
        padding-top: 1em
    }
    .kunden-logo-container{
        text-align: center
    }
  

}
@media screen and (max-width: 991px) {
    .content2{
   padding: 5em 3em;
        
    }
    .kunden-logo{
        width: 8em;
        padding-top: 1em
    }
    .kunden-logo-container{
        text-align: center
    }
  

}
@media screen and (max-width: 690px) {
    
    .claim-container, .mouse-icon{
        display: none;
    }

}
.row-wall{
    max-height: 25vw;
    height: 33vw;
}
.col-wall{
    height: 100%;
}

.img-wall{
    height: 100%;
    width: 100%;
    object-position: right bottom;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
.overlay-wall::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 60%);
}
.text-wall{
    position: absolute;
    bottom: 2.5vw;
    left: 16px;
    text-decoration: none;
    color: white;
    font-size: 2vw;
}
.overlay-wall:hover + .text-wall, .text-wall:hover, .orangeline-wall:hover{
    font-size: 2.5vw;
    color: #F9B122;
}
.orangeline-wall{
    width: 11%;
    position: absolute;
    bottom: 6vw;
    left: 16px;
    text-decoration: none;
    color: white;
    font-size: 2vw;
}
.video-header{
    color: #fff;
    text-align: center;
}
.img-mosaik:hover{
    transform: scale(1.2);
}
.img-full-square{
    height: 50vw;
    width: 50vw;
}
.prospekt-img{
    transform: rotate(17deg);
    filter: drop-shadow(13px 10px 4px rgba(0, 0, 0, 0.3));
    width: 20vw;
    min-width: 250px;
    padding-bottom: 3em;
}

.kontakt-button {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.kontakt-button:hover,
.kontakt-button:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: rgba(0, 0, 0, 0.65);
}

.kontakt-button:hover {
  transform: translateY(-1px);
}

.kontakt-button:active {
  background-color: #F0F0F1;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: rgba(0, 0, 0, 0.65);
  transform: translateY(0);
}

.card {
    border: 0;
}