a {
  color: inherit;
}

h1, h2, h3, h4 {
  margin: 0;
  margin-bottom: 10px;
  margin-top: 10px;
}

h1 {
  font-size: 3em;
}

.hidden {
visibility: hidden;
}

/* Font Awesome .menuChat-item*/
.fa {
    width: 20px;
    height: 20px;
}

.fa1 {
    width: 20px;
    height: 20px;
	font-size: inherent;
}

.hide{
	display:none;
}

.unused{
	display:none;
}

.hideN {
	display:none;
}

.translateN {
	animation-name: drehbuch;
    animation-duration:0.5s;
    animation-iteration-count:1;
	animation-fill-mode:forwards;
}

.translateN1 {
	animation-name: zwei;
    animation-duration:2s;
    animation-iteration-count:1;
	animation-fill-mode:forwards;
}


.second {
    margin-left: 5%;
    width: 95% !important;
}


.PickAndPlacePict {
	background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
    width: 125%;
    height: 55px;
    /*border: 1px solid red;*/
	margin-left: 180px;
	margin-top: 150px;
}

@keyframes drehbuch {
    0% {
        ;
    }
    100% {
		width:305px;
		height:40px;
		visibility: visible;
        transform: translate(-400px, 0);
    }
    }


@keyframes zwei {
    0% {
         ;
    }
    100% {
		 
		 
		 transform: translate(-415px, 10px) scale(1.25) ;
    }
    }



#menu1a {
    visibility: collapse;
    margin-left: 290px;
    margin-top: -400px;
    width: 100%;
}

#menu1 {
    margin-top: 319px;
    margin-left: -100px;
    margin-right: 50px;
    width: 250px;
}

.nav1 {
	cursor:pointer;
}

.nav1 li {
    width: 100%;
    border: 2px solid;
    border-radius: 5px;
    margin-bottom: 5px;
    border-color: rgba(0, 142, 224, 1);
    font-family: Helvetica;
    font-style: italic;
    font-weight: 600;
    padding: 1em;
    font-size: 12px;
    background-color: rgba(0, 142, 224, 1);
    color: rgba(255, 255, 255, 1);
    transition: .3s background-color ease-in-out,
              .3s color ease-in-out;
}

.nav1 li:hover {
    background-color: rgba(0, 84, 133, 1);
    color: #fff;
}