html,
body,
header,
#intro {
    height: 100%;
}

#intro {
    background: url("../img/intro-bg-1.webp"), url("../img/intro-bg-1.jpg")no-repeat center center fixed;
    background-color: #1F7BE8;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    h1 {
       font-size: 1rem;
    }
  }
    
.top-nav-collapse {
  background-color: #FFA000;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #FFA000;
  
  }
    .headerbl{
display: none !important;
}
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background-color: #FFA000;
  }
}


.streak.streak-photo {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
.streak.streak-md {
    height: 300px;
}

.streak {
    display: block;
    position: relative;
    overflow: hidden;
    height: 250px;
}

.schatten {
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.17);
    -moz-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.17);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.17);
    
}

/*section Leistungen */


.abstand {
            margin-bottom:20px;
        }
button.close {
        position: absolute;
        right: 0;
        z-index: 2;
        padding-right: 1rem;
        padding-top: .6rem;
      }

/*section header */
.border-3 { 
    border-width:4px !important; 
    }
.border-red {
    border-color: #ff5351 !important; 
}
.border-orange {
    border-color: #FCA23E !important; 
}
.border-yellow {
    border-color: #F9FD8A !important; 
}

/*section team*/
.text300 {
font-weight: 300;
}

/*section Kontakt */

@media (min-width: 992px){
.align {
margin-top:120px;
}
}

/*textseiten */
.fliesstext {
    max-width: 690px;

}

/*hochlink in Leistungen */
@media (min-width: 768px){
    .upper {
        visibility: hidden;
    }
    
    }

/*Cases Teaserbilder*/
@media (max-width: 992px) {
    .breit{
        display: none;
    }
}
@media (min-width: 992px) {
 
    .schmal {
        display: none;
    }
}