/********** SVG **********/

/*Logo-Primary*/

#logo-primary {
  display: block;
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 210px;
  height: 115px;
  background-image: url(../../svg/logo/logo-primary.svg);
  z-index: 10;
}

#logo-primary:hover {
  filter: invert(1);
}

/*Logo-Secondary*/

#logo-secondary {
  display: block;
  position: fixed;
  right: 50px;
  bottom: 160px;
  width: 210px;
  height: 210px;
  background-image: url(../../svg/logo/logo-secondary.svg);
  z-index: 10;
}

#logo-secondary:hover {
  filter: invert(1);
}

/*Element-Mainframe*/

.element-mainframe {
  width: 320px;
}

.element-mainframe:hover {
  filter: invert(1);
}

/*Headline-Mainframe*/

.headline-mainframe {
  width: 420px;
  filter: drop-shadow(0 0 0.85rem #000000);
}

/**************************************** Mediascreen ****************************************/

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

/********** SVG **********/

/*Logo-Primary*/

#logo-primary {
  display: block;
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 100px;
  height: 54px;
  background-image: url(../../svg/logo/logo-primary.svg);
  z-index: 10;
}

#logo-primary:hover {
  filter: invert(1);
}

/*Logo-Secondary*/

#logo-secondary {
  display: block;
  position: fixed;
  right: 15px;
  bottom: 65px;
  width: 100px;
  height: 100px;
  background-image: url(../../svg/logo/logo-secondary.svg);
  z-index: 10;
}

#logo-secondary:hover {
  filter: invert(1);
}

/*Element-Mainframe*/

.element-mainframe {
  width: 160px;
}

.element-mainframe:hover {
  filter: invert(1);
}

/*Headline-Mainframe*/

.headline-mainframe {
  width: 240px;
  filter: drop-shadow(0 0 0.75rem #000000);
}

}