#header,
#header_main,
#header_meta,
.header_bg {
  border: none !important;
  box-shadow: none !important;
  background-color: #c7c8c6;
}

.html_header_top.html_header_sticky #header {
  background: #c7c8c6;
}

#top .avia-section,
#top .avia-section .container {
  border-top: none !important;
}


#top .header_bg {
  background-color: #c7c8c6;
  -webkit-mask-image: url(https://webers-testseite.de/wp-content/uploads/konvexe-boegen.svg);
  mask: url(https://webers-testseite.de/wp-content/uploads/konvexe-boegen.svg);
  mask-repeat: no-repeat;
  mask-position: bottom left;
  height: calc(100% + 170px) !important;
  mask-size: 100% 170px;
  opacity: 1;
  margin-top: -2px;
}

.logo.avia-svg-logo svg {
  height: 350px;
  max-height: 333% !important;
  overflow: visible;
  top: -5px;
  left: -60px;
  right: auto;
}

.av-contains-svg {
  overflow: visible !important;
}

/***** Advantage - you can influence inside the svg by external events *****/
#header #mergel-und-sohn {
  transition: opacity 1s ease;
}

#header.header-scrolled #mergel-und-sohn {
  opacity: 0;
  transition: opacity 1s ease;
}