@charset "UTF-8";
/**
 *   Farbengrundtöne
 */
/*
  * Farben verwendung
  */
/**
  *   Schriften
  */
/**
  *  Schriftgrößen
  */
/**
  * grid
  */
body .header {
  background: rgba(255, 255, 255, 0.85);
  padding: 4.7rem 0 1rem; }
  @media (max-width: 60rem) {
    body .header {
      padding-top: 0.5rem; } }
  body .header .headercontainer {
    max-width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    position: relative; }
    @media (max-width: 60rem) {
      body .header .headercontainer {
        align-items: center;
        flex-direction: column; } }
    @media (max-width: 47.95rem) {
      body .header .headercontainer {
        max-width: 100%; } }
    body .header .headercontainer .kuhlogo {
      flex-basis: 20%; }
    body .header .headercontainer .menu {
      flex-basis: 100%; }
body .warenkorblink {
  right: -5.8rem; }
body .kuhlogo {
  max-width: 8rem; }
  @media (min-width: 60.063em) {
    body .kuhlogo {
      position: absolute;
      margin-left: 55%; } }
  @media (min-width: 75.05rem) {
    body .kuhlogo {
      margin-left: 52%; } }
  @media (max-width: 60rem) {
    body .kuhlogo {
      margin-bottom: 2rem; } }
  body .kuhlogo .img-responsive {
    display: block;
    position: relative;
    top: 0.5rem; }
body .hauptmenu {
  justify-content: flex-start; }
  body .hauptmenu li {
    max-width: 10rem;
    margin-right: 0.5rem; }
    body .hauptmenu li a {
      height: 100%;
      transform: skew(-20deg); }
      body .hauptmenu li a span {
        transform: skew(20deg); }
    body .hauptmenu li:first-child a, body .hauptmenu li:nth-child(2) a, body .hauptmenu li:nth-child(3) a {
      transform: skew(20deg); }
      body .hauptmenu li:first-child a span, body .hauptmenu li:nth-child(2) a span, body .hauptmenu li:nth-child(3) a span {
        transform: skew(-20deg); }
    body .hauptmenu li:nth-child(4) {
      justify-self: flex-end;
      margin-left: auto; }
    body .hauptmenu li:last-child {
      justify-self: flex-end;
      margin-right: 0; }
      @media (max-width: 1000px) {
        body .hauptmenu li:last-child {
          max-width: 6rem; } }
@media (min-width: 60.063em) {
  body .raute {
    transform: skew(-20deg); }
    body .raute > * {
      transform: skew(20deg); } }

/*# sourceMappingURL=desktopmenu.css.map */