/* item.css wird in die HTML-Dateien per <link> eingebunden */
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 0px;
   grid-row-gap: 0rem;
  justify-items: center;
  align-items: center;
}
@media screen and (min-width: 600px) {
    .infoboxen .inside {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 0.5rem;
        grid-row-gap: 0.5rem;
        grid-column: span 4;
        
}
@media screen and (min-width: 600px) {
    .infoboxen .outside {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-gap: 0.5rem;
        grid-row-gap: 0.5rem;
        grid-column: span 4;
        
}
.zucht {
    display: grid;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 1.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 15px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    
}    
.zuchta {
    display: grid;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 1.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 1px;
   Border-Style: solid;
   Border-Color: White Slategray Slategray White;
   color: maroon;
   font-weight: bold;
   font-size: 110%;
   font-style: normal;
     
}    
.zuchtb {
    display: grid;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 1.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
     color: black;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
   
    
    
}    
.zuchtschriftkleiner {
    display: grid;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 1.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    font-size: smaller;
    Border-Width: 1px;
    padding: 15px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    
}    
.zuchtkl {
    display: grid;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 1.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 10px;
    Border-Style: solid;
    font-size: 80%;
    Border-Color: White Slategray Slategray White;
    
}    
    
.zuchtkl2 {
    display: grid;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 1.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 10px;
    Border-Style: solid;
    font-size: 70%;
    Border-Color: White Slategray Slategray White;
    
}    
 
.zucht2 {
    display: grid;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    color: red;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
}    
.zucht2farbe {
    display: grid;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    color: blue;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
 }    

.zucht2a {
    display: grid;
    width: 90%;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    
}    
.zucht2b {
    display: grid;
    width: 80%;
    grid-template-colums: repeat(auto-fit, 250px);
    grid-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    
}    
.zucht3 {
    display: grid;
     width: 90%;
    grid-template-colums: 1fr 1fr 1fr;
    grid-gap: 2rem;
    grid-row-gap: 5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 20px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 15px;
    
}    
.zucht4 {
    display: grid;
     width: 150px;
     height: 10px;
     font-size: 100%;
     font-weight: 100;
    font-style: ;
    grid-template-colums: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 1rem;
    grid-row-gap: 1rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: auto;
   }    
.zucht5 {
    display: grid;
     width: 120%;
     font-size: 100%;
    grid-template-colums: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 5rem;
    grid-row-gap: 1rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 3px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 0px;
   }  
   .zuchtbreit {
    display: grid;
     width: 120%;
     font-size: 120%;
     color: maroon;
    grid-template-colums: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 5rem;
    grid-row-gap: 1rem;
    TEXT-ALIGN: justify;
    Border-Width: 1px;
    padding: 3px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 0px;
   }  
    .zuchtbreit2 {
    display: grid;
     width: 350%;
     font-size: 100%;
    grid-template-colums: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 5rem;
    grid-row-gap: 1rem;
    TEXT-ALIGN: justify;
    Border-Width: 1px;
    padding: 3px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 0px;
   }  
   .zucht6 {
    display: grid;
    width: 50%;
     font-size: 90%;
     font-weight: 100;
    font-style: normal;
    font-color: #708090;
    grid-template-colums: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0rem;
    grid-row-gap: 1rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 130px;
  
   } 
     .zucht7 {
    display: grid;
     width: 100%;
     font-size: 90%;
     font-weight: 100;
    font-style: normal;
    font-color: #708090;
    grid-template-colums: 1fr 1fr 1fr;
    grid-gap: 1rem;
    grid-row-gap: 1rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 5px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 275px;
   } 
    .zucht8 {
    display: grid;
     width: 100%;
     font-size: 100%;
     font-weight: 100;
    font-style: normal;
    color: black;
    grid-template-colums: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0.5rem;
    grid-row-gap: 1.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 10px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 130px;
    margin-right: 0px;
   } 
.zucht9 {
    display: grid;
     width: 100%;
     font-size: 100%;
     font-weight: 100;
    font-style: normal;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 140px;
   }    
   .zucht9ohne {
    display: grid;
     width: 100%;
     font-size: 100%;
     font-weight: 100;
    font-style: normal;
    TEXT-ALIGN: center;
    Border-Width: 0px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 140px;
   }    
   .zucht9fett {
    display: grid;
     width: 100%;
     color: maroon;
     font-weight: bold;
     font-size: 110%;
    font-style: normal;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 140px;
   }    
     .zucht9fettkurz {
     display: grid;
     width: 50%;
     color: maroon;
     font-weight: bold;
     font-size: 110%;
    font-style: normal;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 0px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 150px;
    margin-right: 0px;
    }    
     .zucht10 {
    display: grid;
     width: 100%;
     color: maroon;
     font-weight: bold;
     font-size: 110%;
    font-style: normal;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: 250px;
   }    
   .zucht11 {
    display: grid;
    grid-template-colums: repeat(auto-fit, 100px);
    grid-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
   padding: 1px;
   Border-Style: solid;
   Border-Color: White Slategray Slategray White;
    
}    
.zucht12 {
    display: grid;
     width: 140px;
     height: 20px;
     font-size: 100%;
     font-weight: 100;
    font-style: ;
    grid-template-colums: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    TEXT-ALIGN: center;
    Border-Width: 1px;
    padding: 1px;
    Border-Style: solid;
    Border-Color: White Slategray Slategray White;
    margin-left: auto;
   } 

  
   
} /* Ende @media */