@charset "UTF-8";
/**
 *   Farbengrundtöne
 */
/*
  * Farben verwendung
  */
/**
  *   Schriften
  */
/**
  *  Schriftgrößen
  */
/**
  * grid
  */
body .header {
  background: #fff;
  padding: 1rem 0 0.1rem; }
  @media (min-width: 48rem) {
    body .header {
      background: rgba(255, 255, 255, 0.85); } }
body .kuhlogo {
  max-width: 10rem;
  width: 25%;
  position: absolute;
  left: calc(50% - 12.0% - 4px);
  top: 1.05rem; }
  @media (min-width: 600px) {
    body .kuhlogo {
      left: calc(50% - 3.5rem - 4px); } }
body .warenkorblink {
  font-size: 17px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.02rem;
  font-size: clamp(1.25rem, 1.6vw, 20px);
  line-height: 100%;
  padding: 0.95rem 0;
  color: #0d4411;
  background: rgba(13, 68, 17, 0.1);
  width: 39%;
  text-align: center;
  right: 0;
  clip-path: polygon(0% 0, 100% 0, 100% 100%, 11% 100%);
  padding-left: 0.5rem;
  max-width: 14.0rem; }
  body .warenkorblink .shoppingcart path, body .warenkorblink .shoppingcart circle {
    stroke: var(--cifarbe1); }
body .hauptmenu {
  margin-top: 4.5rem;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 48rem) {
    body .hauptmenu {
      margin-top: 3rem; } }
  body .hauptmenu li {
    margin: 0 0 0.6rem 0;
    width: calc(48% - 1rem);
    clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
    max-width: 40vw; }
    body .hauptmenu li a {
      padding: 1.05rem 0;
      width: 100%; }
    body .hauptmenu li:not(:last-child) a {
      min-height: 2.5rem; }
    body .hauptmenu li:first-child {
      width: calc(46% - 1rem); }
      body .hauptmenu li:first-child span {
        padding-right: 0.5rem; }
    body .hauptmenu li:nth-child(2) {
      width: calc(43% - 0.5rem);
      position: relative;
      clip-path: polygon(11% 0, 100% 0, 100% 100%, 0% 100%);
      max-width: 35vw; }
      body .hauptmenu li:nth-child(2) span {
        padding-left: 1rem; }
    body .hauptmenu li:nth-child(4) {
      width: calc(47% - 0.5rem);
      position: relative;
      clip-path: polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
      max-width: 38vw; }
      body .hauptmenu li:nth-child(4) span {
        padding-left: 0.5rem; }
    body .hauptmenu li:nth-child(3) {
      width: calc(50% - 0.5rem);
      clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
      max-width: 45vw; }
      body .hauptmenu li:nth-child(3) a span {
        padding-right: 2rem;
        padding-left: 0.25rem; }
    body .hauptmenu li:last-child {
      position: absolute;
      top: 0;
      left: 0rem;
      width: calc(41.5% - 0.5rem);
      padding-right: 0.5rem;
      margin: 0;
      clip-path: polygon(0 0, 100% 0, 89% 100%, 0 100%);
      background: rgba(13, 68, 17, 0.1); }
      body .hauptmenu li:last-child a {
        padding: 0.95rem 0;
        background: none;
        color: #0d4411; }

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