#header {
  position: fixed;
  background: transparent;
  position: fixed;
  width: 100%;
  top: auto;
  left: auto;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
}
#header .wrapper {
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 0;
  max-width: 1640px;
}
@media screen and (max-width: 1780px) {
  #header .wrapper {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
}
#header .wrapper p {
  display: inline-block;
  position: relative;
}
#header .wrapper p #logo {
  background-color: transparent;
  color: transparent;
  display: block;
}
#header .wrapper p #logo:before {
  content: url("../../bundles/mariabasic/img/logo_maria_und_die_liebe.svg");
  width: 23em;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
}
#header .wrapper p #logo.logo_animation:before {
  width: 10em;
}
@media only screen and (max-width: 810px) {
  #header .wrapper p #logo:before {
    width: 15em;
  }
}
@media only screen and (max-width: 600px) {
  #header .wrapper p #logo:before {
    width: 10em;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvirtual%2Fmaria-blanke.abnahme-server.de%2Fhtdocs%2Fprivate-bundles%2Fmagmell-agentur%2Fmaria-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Fheader.scss%22%2C%22var%2Fwww%2Fvirtual%2Fmaria-blanke.abnahme-server.de%2Fhtdocs%2Fprivate-bundles%2Fmagmell-agentur%2Fmaria-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2F_mixins.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACiDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD7CI%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAIJ%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAACI%3BAAAA%3BAAAA%3BAAAA%22%7D */