/* ========== HOME / BILD LINKS ========== */
.grid_311 {
display: grid;
grid-template-columns: 0px repeat(3, 1fr) 100px;
grid-template-rows: auto;
margin-bottom:80px;
                 border:0px solid #00BF00;
}

.div311_pic { grid-area: 1 / 1 / 2 / 4; }
.div311_txt { grid-area: 1 / 4 / 2 / 5; padding-top:60px;}
.div311_gap { grid-area: 1 / 5 / 2 / 6; }


.div311_pic,
.div311_txt,
.div311_gap { border:0px solid #00BF00; }



@media all and (max-width: 1000px) {
         .grid_311 {
          grid-template-columns: 10px 1fr 1fr 1fr 10px;
         }
         .div311_txt { padding-top: 40px;}
}



@media all and (max-width: 680px) {
         .grid_311 {
          grid-template-columns: 1fr;
          grid-template-rows: 1fr auto;
         }

         .div311_pic { grid-area: 1 / 1 / 2 / 2; }
         .div311_txt { grid-area: 2 / 1 / 2 / 3; padding:0 20px 0 20px;}

}



/* ========== HOME / BILD RECHTS ========== */
.grid_113 {
display: grid;
grid-template-columns: 100px 1fr 1fr 1fr 30px;
grid-template-rows: 1fr;
margin-bottom:80px;
                 border:0px solid #00BF00;
}

.div113_gap { grid-area: 1 / 1 / 2 / 2; }
.div113_txt { grid-area: 1 / 2 / 2 / 3; padding-top:60px;}
.div113_pic { grid-area: 1 / 3 / 2 / 6; }

.div113_gap,
.div113_txt,
.div113_pic {border:0px solid #FFFF00;}

@media all and (max-width: 1550px) {.div113_txt {padding-top:60px;}}
@media all and (max-width: 1400px) {.div113_txt {padding-top:60px;}}

@media all and (max-width: 1000px) {
         .grid_113 {
         grid-template-columns: 10px 1fr 1fr 1fr 10px;
         }
         .div113_txt {padding-top:60px;}
}


@media all and (max-width: 900px) {.div113_txt {padding-top:40px;}}

@media all and (max-width: 680px) {
         .grid_113 {
         grid-template-columns: 1fr;
         grid-template-rows: 1fr auto;
         }


         .div113_txt { grid-area: 2 / 1 / 3 / 2; padding:0px 20px 0px 20px;}
         .div113_pic { grid-area: 1 / 1 / 2 / 2; }


}


/* ------------- HOME /  Textbreiten verkürzt ------ */
.shorter_311 { margin-left:0px;}
.shorter_113 { margin-left:0%}
















