/* NORMAL HIDDEN */

#open-navbar-on-mobile {
    visibility: hidden;
}

@media screen and (max-width: 480px) {

html {
    overflow-x: hidden;
}

body {
    background-size: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    background-size: auto;
    background-position: top 0px left -525px;
}

#open-navbar-on-mobile {
    visibility: visible;
    color: white;
    font-size: 30px;
    margin-top: -70px;
    margin-left: 310px;
}

#navigation-items {
    visibility: hidden;
}

#navigation-items{
    margin-top: 20px;
    margin-left: -200px;
    background-color: rgb(45, 45, 45);
    height: 300px;
    box-shadow: 0px 30px 25px rgba(0, 0, 0, 0.563);
    animation-duration: 0.5s;
    animation-name: navbar-slide-in;
    z-index: 6;
}

#navigation-items a {
    display: block;
    text-align: center;
    margin-top: 5px;
    margin-left: -100px;
    position: relative;
    top: 35px;
}

#navigation-items button {
    position: relative;
    top: 85px;
    margin-left: 70px;
    visibility: hidden;
}

#navbar-content img{
    margin-left: -95px;
    margin-top: 0px;
}

#navigation-bar-container {
    margin-left: -10px;
    margin-top: -10px;
    box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.563);
    z-index: 10;
}

#home-page h1{
    font-size: 21px;
    display: block; 
    float: left;
}

#opening-times-content img {
    visibility: hidden;
}

#opening-times-content {
    margin-left: -1.8%;
}

#opening-times {
    margin-top: -13.7%;
    margin-left: -4%;
}

#price-cut-hair {
    width: 310px;
}

#Picture-Galery-title {
text-align: center;
margin-left: 0px;
}

#pictures a {
    font-size: 13px;
}

#home-page h1 {
    margin-left: 11%;
}

#home-page p {
    margin-top: 300px;
    width: 250px;
    text-align: center;
    margin-left: 22%;
}

#home-page button {
    margin-left: 26.6%;
    width: 45%;
    margin-top: 55px;
}

#home-page h1 {
    font-size: 50;
    font-weight: bolder;
}

#home-page p {
    color: rgba(198, 198, 198, 0.999);
    font-weight: bold;
    margin-top: 225px;
}

#footer-logo {
    margin-left: 0px
}

#barbershop-description {
    visibility: hidden;
}

#contact {
    margin-top: -330px;
    position: relative;
    right: 30px;
    width: 100%;
    font-size: 14px;
}

#socials {
    position: relative;
    right: 35px;
}

#rechtliche-links {
    margin-left: 0px;
    margin-top: 40px;
}

#currentCopyRight{
    margin-right: 290px;
    margin-top: -50px;
}

@keyframes navbar-slide-in {
    from {
        position: relative;
        height: 0px;
    }
  
    to {
    }
  }

}