/* General */
a {
  color: rgb(var(--c-secondary-light));
}

button,
.textbutton,
.font__button,
input[type="submit"],
.form-navigation button {
  color: rgb(var(--c-secondary-light));
  border: 2px solid rgb(var(--c-secondary-light));
}

.textbutton a {
  color: rgb(var(--c-secondary-light));
}

@media (hover: hover) {
  button:hover,
  .textbutton:hover,
  .font__button:hover,
  input[type="submit"]:hover {
    background: rgb(var(--c-secondary-light));
    color: rgb(var(--c-neutral-lightest));
  }

  .textbutton:hover a {
    color: rgb(var(--c-neutral-lightest));
  }
}

/* Headlines */
h4 a, .-likeh4 a,
h2.-subheader a,
h3.-subheader a,
h4.-subheader a,
h4, .-likeh4,
h2.-subheader,
h3.-subheader,
h4.-subheader {
  color: rgb(var(--c-secondary));
}

/* Header */
.top.-scroll .logo__link,
.logo__link {
  width: 109px;
  height: 40px;
}
.logo__link {
  background: url(../Images/logo_white_pcprofi.svg) no-repeat 0 0;
  -webkit-background-size: 109px 40px;
  -moz-background-size: 109px 40px;
  -o-background-size: 109px 40px;
  background-size: 109px 40px;
  margin-top: 10px;
}

.top.-scroll .logo__link {
  background: url(../Images/logo_pcprofi.svg) no-repeat 0 0;
  -webkit-background-size: 109px 41px;
  -moz-background-size: 109px 41px;
  -o-background-size: 109px 41px;
  background-size: 109px 41px;
  margin: 0.5rem 0;
}

.header {
  & .header__text::before {
    content: 'Der PC Profi';
  }
}

.header > .header__button {
  & .uploads__item  {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    background: rgb(var(--c-secondary-lighter));
    background: -moz-linear-gradient(-45deg,rgba(var(--c-secondary-lighter),1) 0%,rgba(var(--c-secondary),1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(var(--c-secondary-lighter), 1) 0%, rgba(var(--c-secondary), 1) 100%);
    background: linear-gradient(135deg, rgba(var(--c-secondary-lighter), 1) 0%, rgba(var(--c-secondary), 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb600',endColorstr='#d06800',GradientType=1);
  }
}

/* Footer */
footer.footer {
  background: rgb(26, 48, 108) !important;
  background: -moz-linear-gradient(top,rgba(26,48,108,1) 0%,rgba(4,14,44,1) 100%)!important;
  background: -webkit-linear-gradient(top, rgba(26, 48, 108, 1) 0%, rgba(4, 14, 44, 1) 100%) !important;
  background: linear-gradient(to bottom, rgba(26, 48, 108, 1) 0%, rgba(4, 14, 44, 1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a306c',endColorstr='#040e2c',GradientType=0)!important;
}

a.top__link {
  background: url(../Images/sprites_pcprofi.svg) no-repeat -200px 0;
  -webkit-background-size: 300px 300px;
  -moz-background-size: 300px 300px;
  -o-background-size: 300px 300px;
  background-size: 300px 300px;
}

.content > .frame:nth-child(2n) a.top__link {
  background: url(../Images/sprites_pcprofi.svg) no-repeat -117px 0;
  -webkit-background-size: 300px 300px;
  -moz-background-size: 300px 300px;
  -o-background-size: 300px 300px;
  background-size: 300px 300px;
}

/* Menus */
div.content__menu {
  & a.-active {
    background: rgb(var(--c-primary));
    box-shadow: 0 0 0 3px rgb(var(--c-neutral-light));
  }
}

.mainmenu__sidebar {
  background: rgb(var(--c-secondary));
}

/* Linkbox */
div.linktextbox .uploads__item {
  border: 2px solid rgb(var(--c-secondary-light));
}

div.uploads__title {
  color: rgb(var(--c-secondary-light));
}

path.uploads__arrowpath {
  stroke: rgb(var(--c-secondary-light));
}

@media (hover: hover) {
  div.linktextbox .uploads__link:hover .uploads__item {
    background: rgb(var(--c-secondary-light));
  }
}


@media (min-width: 800px) {
  a.top__link {
    background: url(../Images/sprites_pcprofi.svg) no-repeat -267px 0;
    -webkit-background-size: 400px 400px;
    -moz-background-size: 400px 400px;
    -o-background-size: 400px 400px;
    background-size: 400px 400px;
  }
  .content > .frame:nth-child(2n) a.top__link {
    background: url(../Images/sprites_pcprofi.svg) no-repeat -154px 0;
    -webkit-background-size: 400px 400px;
    -moz-background-size: 400px 400px;
    -o-background-size: 400px 400px;
    background-size: 400px 400px;
  }
}

@media (min-width: 1280px) {
  .logo__link {
    background: url(../Images/logo_white_pcprofi.svg) no-repeat 0 0;
    -webkit-background-size: 160px 45px;
    -moz-background-size: 160px 45px;
    -o-background-size: 160px 45px;
    background-size: 160px 45px;
    width: 160px;
    height: 45px;
    margin-top: 20px;
  }

  .mainmenu__sidebar {
    background: transparent;
  }

  div.mainmenu__list.-level1 > .mainmenu__item > .mainmenu__link.-active {
    color: rgb(var(--c-secondary));
  }

  div.mainmenu__list.-level2 > .mainmenu__item > .mainmenu__link.-active {
    background-color: rgb(var(--c-secondary));
  }

  @media (hover: hover) {
    div.mainmenu__list.-level2 > .mainmenu__item > .mainmenu__link:hover {
      background-color: rgb(var(--c-secondary));
    }
  }

  @media (hover: hover) {
    a.mainmenu__link:hover {
      color: rgb(var(--c-secondary));
      text-decoration: none;
    }
  }

}