/************************
 ***** CSS HOME GRID ****
 ************************/
.grid-item {
  margin-right: 10px;
  margin-bottom: 10px;
}

@supports (display: grid) {
  .grid-item {
    grid-gap: 10px;
    margin-right: 0;
    margin-bottom: 0;
  }
}
/* Old code goes here (Flexbox Variante oder IE Fallback) */
/* IE 10 Fallback */
/* Row = Zeile; Column = Spalte */
.home .container {
  margin-top: 30px;
}
@media (max-width: 480px) {
  .home .container {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  .home .kachel-blickpunkt .boxborder {
    padding: 80px 15px 0px 20px;
  }
}

.css-grid-container {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 160px 210px 200px 210px 160px 160px;
  -ms-grid-rows: 160px 210px 200px 210px 160px 160px;
  height: 100%;
  grid-gap: 10px;
}
@media (max-width: 480px) {
  .css-grid-container {
    /* Breakpoint (max-width: 480px) */
    grid-template-columns: repeat(6, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 140px 140px 410px 410px 200px auto 140px 140px 140px 140px 140px 140px;
    -ms-grid-rows: 140px 140px 410px 410px 200px auto 140px 140px 140px 140px 140px 140px;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .css-grid-container {
    /* Breakpoint (min-width: 480px) and (max-width: 760px) */
    grid-template-columns: repeat(6, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 140px auto auto auto 410px 140px 140px 140px 140px;
    -ms-grid-rows: 140px auto auto auto 410px 140px 140px 140px 140px;
  }
}
@media (min-width: 761px) and (max-width: 980px) {
  .css-grid-container {
    /* Breakpoint (min-width: 760px) and (max-width: 980px) */
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 140px auto auto auto 160px 160px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 140px auto auto auto 160px 160px;
  }
}
@media (min-width: 981px) and (max-width: 1280px) {
  .css-grid-container {
    /* Breakpoint (min-width: 980px) and (max-width: 1280px)*/
  }
}
@media (min-width: 1281px) {
  .css-grid-container {
    /* Breakpoint (min-width: 1280px) */
  }
}

.grid-item {
  color: #fff;
  transition: 0.3s all ease;
}

.grid-item.kachel-stadtplan {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 1/2;
}
@media (max-width: 480px) {
  .grid-item.kachel-stadtplan {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 1/4;
    grid-row: 1/2;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-stadtplan {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 1/3;
    grid-row: 1/2;
  }
}

.grid-item.kachel-neubuerger {
  -ms-grid-column: 2;
  -ms-grid-column-span: 0;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 2/2;
  grid-row: 1/2;
}
@media (max-width: 480px) {
  .grid-item.kachel-neubuerger {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 4/7;
    grid-row: 1/2;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-neubuerger {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 3/5;
    grid-row: 1/2;
  }
}

.grid-item.kachel-muellabfuhr {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 3/4;
  grid-row: 1/2;
}
@media (max-width: 480px) {
  .grid-item.kachel-muellabfuhr {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 1/4;
    grid-row: 2/3;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-muellabfuhr {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 5/7;
    grid-row: 1/2;
  }
}

.grid-item.kachel-blickpunkt {
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-column: 4/6;
  grid-row: 1/3;
}
@media (max-width: 480px) {
  .grid-item.kachel-blickpunkt {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column: 1/7;
    grid-row: 3/4;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-blickpunkt {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 1/7;
    grid-row: 2/3;
  }
}
@media (min-width: 761px) and (max-width: 980px) {
  .grid-item.kachel-blickpunkt {
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-column: 4/6;
    grid-row: 1/3;
  }
}

.grid-item.kachel-buergerservice {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-column: 1/4;
  grid-row: 2/3;
}
@media (max-width: 480px) {
  .grid-item.kachel-buergerservice {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-column: 1/7;
    grid-row: 5/6;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-buergerservice {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column: 1/7;
    grid-row: 3/4;
  }
}

.grid-item.kachel-aktuelles {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-column: 1/4;
  grid-row: 3/5;
}
@media (max-width: 480px) {
  .grid-item.kachel-aktuelles {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 6;
    -ms-grid-row-span: 2;
    grid-column: 1/7;
    grid-row: 6/8;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-aktuelles {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-column: 1/7;
    grid-row: 4/5;
  }
}
@media (min-width: 761px) and (max-width: 980px) {
  .grid-item.kachel-aktuelles {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-column: 1/4;
    grid-row: 3/5;
  }
}

.grid-item.kachel-impressionen {
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-column: 4/6;
  grid-row: 3/5;
}
@media (max-width: 480px) {
  .grid-item.kachel-impressionen {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-column: 1/7;
    grid-row: 4/5;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-impressionen {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-column: 1/7;
    grid-row: 5/6;
  }
}
@media (min-width: 761px) and (max-width: 980px) {
  .grid-item.kachel-impressionen {
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    grid-column: 4/6;
    grid-row: 3/5;
  }
}

.grid-item.kachel-termine {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 5/6;
}
@media (max-width: 480px) {
  .grid-item.kachel-termine {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 4/7;
    grid-row: 2/3;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-termine {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    grid-column: 1/3;
    grid-row: 6/7;
  }
}

.grid-item.kachel-bekanntmachungen {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-column: 2/3;
  grid-row: 5/6;
}
@media (max-width: 480px) {
  .grid-item.kachel-bekanntmachungen {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 8;
    -ms-grid-row-span: 1;
    grid-column: 1/4;
    grid-row: 8/9;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-bekanntmachungen {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    grid-column: 3/5;
    grid-row: 6/7;
  }
}

.grid-item.kachel-recht {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-column: 3/4;
  grid-row: 5/6;
}
@media (max-width: 480px) {
  .grid-item.kachel-recht {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-row: 9;
    -ms-grid-row-span: -1;
    grid-column: 4/7;
    grid-row: 9/8;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-recht {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    grid-column: 5/7;
    grid-row: 6/7;
  }
}

.grid-item.kachel-wetter {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  grid-column: 3/4;
  grid-row: 6/7;
}
@media (max-width: 480px) {
  .grid-item.kachel-wetter {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-column: 1/7;
    grid-row: 11/12;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-wetter {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-column: 1/7;
    grid-row: 7/8;
  }
}

.grid-item.kachel-kontakt {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-column: 4/5;
  grid-row: 5/6;
}
@media (max-width: 480px) {
  .grid-item.kachel-kontakt {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-column: 1/4;
    grid-row: 9/10;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-kontakt {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 8;
    -ms-grid-row-span: 1;
    grid-column: 1/3;
    grid-row: 8/9;
  }
}

.grid-item.kachel-schaden {
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-column: 5/6;
  grid-row: 5/6;
}
@media (max-width: 480px) {
  .grid-item.kachel-schaden {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-column: 4/7;
    grid-row: 9/10;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-schaden {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 8;
    -ms-grid-row-span: 1;
    grid-column: 3/5;
    grid-row: 8/9;
  }
}

.grid-item.kachel-buergermeister {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 6/7;
}
@media (max-width: 480px) {
  .grid-item.kachel-buergermeister {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 10;
    -ms-grid-row-span: 1;
    grid-column: 1/4;
    grid-row: 10/11;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-buergermeister {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-column: 1/3;
    grid-row: 9/10;
  }
}

.grid-item.kachel-gemeinderat {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  grid-column: 2/3;
  grid-row: 6/7;
}
@media (max-width: 480px) {
  .grid-item.kachel-gemeinderat {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-row: 10;
    -ms-grid-row-span: 1;
    grid-column: 4/7;
    grid-row: 10/11;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-gemeinderat {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-column: 3/5;
    grid-row: 9/10;
  }
}

.grid-item.kachel-aktuell-box {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  grid-column: 4/5;
  grid-row: 6/7;
}
@media (max-width: 480px) {
  .grid-item.kachel-aktuell-box {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 12;
    -ms-grid-row-span: 1;
    grid-column: 1/4;
    grid-row: 12/13;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-aktuell-box {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    -ms-grid-row: 8;
    -ms-grid-row-span: 1;
    grid-column: 5/7;
    grid-row: 8/9;
  }
}

.grid-item.kachel-link-box {
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  grid-column: 5/6;
  grid-row: 6/7;
}
@media (max-width: 480px) {
  .grid-item.kachel-link-box {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    -ms-grid-row: 12;
    -ms-grid-row-span: 1;
    grid-column: 4/7;
    grid-row: 12/13;
  }
}
@media (min-width: 481px) and (max-width: 760px) {
  .grid-item.kachel-link-box {
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-column: 5/7;
    grid-row: 9/10;
  }
}

.col-logo {
  width: 17%;
}
.col-navi {
  width: 83%;
}
#my-menu .flyerNav ul li.ebene2 {
  display: block;
  justify-content: center;
  align-items: center;
}

#my-menu .flyerNav ul li.ebene1 {
  height: 112px;
}

#my-menu .flyerNav ul li.ebene1 .flexwrapper {
  height: 112px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

#my-menu .flyerNav ul li.ebene1:first-child > a {
  padding: 0px;
}

#my-menu .flyerNav ul li.ebene1 > a {
  padding: 0px !important;
}
/*# sourceMappingURL=grid.css.map */