body#city {
  overflow-x: hidden
}
.w3-black, .w3-hover-black:hover {
  color: #fff!important;
  background-color: #FF9800 !important;
}
.leistungen {
width: 200px;
  text-align: center;
  display: inline-block;
  margin-top: 1em;
  vertical-align: middle;
}
#aa {
opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#aa:hover {
opacity: .5;
}
.fright {
float: right;
}
.fleft {
float: left;
}
.clearfix::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: '.';
  clear: both;
  height: 0;
}
#images_1_4 a:hover, #images_1_4 a:active, #images_1_4 a:focus,
#images_5_8 a:hover, #images_5_8 a:active, #images_5_8 a:focus {
outline: 0;
}
#images_1_4 > div > a div.w3-display-bottomleft,
#images_5_8 > div > a div.w3-display-bottomleft {
     width: 100%;background: #fff;opacity: 0; text-transform: uppercase;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s
}
#images_1_4 > div > a, #images_5_8 > div > a {
  cursor: pointer;
}
#images_1_4 > div > a:hover div.w3-display-bottomleft,
#images_5_8 > div > a:hover div.w3-display-bottomleft {
  opacity: 0.9;
}
.leistung-image-selected {
  outline: 3px solid #FF9800;
}
.new-video {
width: 560px;
height: 315px;
padding-top: 32px !important;
}

@media only screen and (max-width: 604px) {
.new-video {
  width: 100%;
}
}