/* ========================================= Grid 1 ==================================== */


.grid_wrap1 {margin:0 auto; max-width: 1600px;}
@media all and (max-width: 1599px) {.grid_wrap1 {padding: 0 15px 0 15px;}}

.grid_wrap2 {margin:0 auto; max-width: 1400px;}
@media all and (max-width: 1399px) {.grid_wrap2 {padding: 0 50px 0 50px;}}

.grid_container {
  max-width:100%;
  margin:0 auto;
  display: grid;

  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;

  /*justify-items: center;   */
  justify-items: stretch;
  /*align-items: start;  */

/*wenn es noch einmal einen weiteren umgebenden container gibt   */
  justify-content: center;
  align-content: start;


}


.grid_item-quad1 {
   overflow: hidden;

}

.grid_item-quad2 {
  overflow: hidden;
}


.grid_item-quad3 {
  overflow: hidden;
}

.grid_item-quad4 {
  overflow: hidden;
}


.grid_item-quad5 {
  overflow: hidden;
}


.grid_item-quad6 {
  overflow: hidden;
}






.grid_item-quad11,
.grid_item-quad12,
.grid_item-quad13 {
  padding:0 3px 0 3px;
  overflow: hidden;
}



/* ======= grid inhalte ========== */

.grid_content {
  padding:0px;
  text-align:center;

                                 border:0px solid #FF1F00;
}


.ho:hover {
  -webkit-filter: brightness(1.0);
  filter: brightness(1.0);
}


.grid_padding {
  padding:0px 40px 30px 40px;
}


.vorteil {
        width:25%;
        margin-top:30px;

}




.grid_p {
         font-weight:300;
         margin-top:5px;
         -moz-hyphens: none;
         -o-hyphens: none;
         -webkit-hyphens: none;
         -ms-hyphens: none;
         hyphens: none;
}






/* ======= media screen groß, fullwidth ========== */

         .grid_container {
                 grid-template-columns: 33.333% 33.333% 33.333%;
                 }

         .grid_item-quad1 {grid-column: 1 / 2; grid-row: 1 / 2;}
         .grid_item-quad2 {grid-column: 2 / 3; grid-row: 1 / 2;}
         .grid_item-quad3 {grid-column: 3 / 4; grid-row: 1 / 2;}
         .grid_item-quad4 {grid-column: 1 / 2; grid-row: 2 / 3;}
         .grid_item-quad5 {grid-column: 2 / 3; grid-row: 2 / 3;}
         .grid_item-quad6 {grid-column: 3 / 4; grid-row: 2 / 3;}
         .grid_item-quad7 {grid-column: 1 / 2; grid-row: 3 / 4;}
         .grid_item-quad8 {grid-column: 2 / 3; grid-row: 3 / 4;}
         .grid_item-quad9 {grid-column: 3 / 4; grid-row: 3 / 4;}


         .grid_item-quad11 {grid-column: 1 / 2; grid-row: 1 / 2;}
         .grid_item-quad12 {grid-column: 2 / 3; grid-row: 1 / 2;}
         .grid_item-quad13 {grid-column: 3 / 4; grid-row: 1 / 2;}




/* ======= media screens von groß nach klein ========== */



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

         .grid_container {
                 grid-template-columns: 33.333% 33.333% 33.333%;
                 }

         .grid_item-quad1 {grid-column: 1 / 2; grid-row: 1 / 2;}
         .grid_item-quad2 {grid-column: 2 / 3; grid-row: 1 / 2;}
         .grid_item-quad3 {grid-column: 3 / 4; grid-row: 1 / 2;}
         .grid_item-quad4 {grid-column: 1 / 2; grid-row: 2 / 3;}
         .grid_item-quad5 {grid-column: 2 / 3; grid-row: 2 / 3;}
         .grid_item-quad6 {grid-column: 3 / 4; grid-row: 2 / 3;}
         .grid_item-quad7 {grid-column: 1 / 2; grid-row: 3 / 4;}
         .grid_item-quad8 {grid-column: 2 / 3; grid-row: 3 / 4;}
         .grid_item-quad9 {grid-column: 3 / 4; grid-row: 3 / 4;}



         .grid_item-quad11 {grid-column: 1 / 2; grid-row: 1 / 2;}
         .grid_item-quad12 {grid-column: 2 / 3; grid-row: 1 / 2;}
         .grid_item-quad13 {grid-column: 3 / 4; grid-row: 1 / 2;}


}


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

         .grid_wrap1 {max-width:100%;  margin:0 auto}

         .grid_container {grid-template-columns: 50% 50% ; }

         .grid_padding {padding:0px 30px 0px 30px;}

         .grid_item-quad1 {grid-column: 1 / 2; grid-row: 1 / 2;}
         .grid_item-quad2 {grid-column: 2 / 3; grid-row: 1 / 2;}
         .grid_item-quad3 {grid-column: 1 / 2; grid-row: 2 / 3;}
         .grid_item-quad4 {grid-column: 2 / 3; grid-row: 2 / 3;}
         .grid_item-quad5 {grid-column: 1 / 2; grid-row: 3 / 4;}
         .grid_item-quad6 {grid-column: 2 / 3; grid-row: 3 / 4;}
         .grid_item-quad7 {grid-column: 1 / 2; grid-row: 4 / 5;}
         .grid_item-quad8 {grid-column: 2 / 3; grid-row: 4 / 5;}
         .grid_item-quad9 {grid-column: 1 / 2; grid-row: 5 / 6;}


         .grid_item-quad11 {grid-column: 1 / 2; grid-row: 1 / 2;}
         .grid_item-quad12 {grid-column: 2 / 3; grid-row: 1 / 2;}
         .grid_item-quad13 {grid-column: 1 / 2; grid-row: 2 / 3;}
}



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

         .grid_wrap1 {max-width:100%;  margin:0 auto}


         .grid_container {
                 grid-template-columns: 100% ;
                 }

          .grid_padding {padding:0px 15px 0px 15px;}  

         .grid_item-quad1 {grid-column: 1 / 2; grid-row: 1 / 2;}
         .grid_item-quad2 {grid-column: 1 / 2; grid-row: 2 / 3;}
         .grid_item-quad3 {grid-column: 1 / 2; grid-row: 3 / 4;}
         .grid_item-quad4 {grid-column: 1 / 2; grid-row: 4 / 5;}
         .grid_item-quad5 {grid-column: 1 / 2; grid-row: 5 / 6;}
         .grid_item-quad6 {grid-column: 1 / 2; grid-row: 6 / 7;}
         .grid_item-quad7 {grid-column: 1 / 2; grid-row: 7 / 8;}
         .grid_item-quad8 {grid-column: 1 / 2; grid-row: 8 / 9;}
         .grid_item-quad9 {grid-column: 1 / 2; grid-row: 9 / 10;}


         .grid_item-quad11 {grid-column: 1 / 2; grid-row: 1 / 2;}
         .grid_item-quad12 {grid-column: 1 / 2; grid-row: 2 / 3;}
         .grid_item-quad13 {grid-column: 1 / 2; grid-row: 3 / 4;}


         }



/* =========== Infoboxen =================================== */