/* ####################### Style Geschichte  #################### */   
 
.inhalt-geschichte {
   max-width: 850px;
   height: auto;
   margin: auto;
   padding: 10px;
 }

 .inhalt-box{
  max-width: 900px;
  height: auto;
  margin: auto;
 }
 
 .grid-inhalt-1 {
   display: grid;
   grid-template-columns: 320px auto;
    place-items: center; /* Zentriert vertikal und horizontal */
   grid-gap: 15px;
   padding: 10px;
   background-color: var(--boxen);
 }
 
 @media (max-width: 600px) {
   .grid-inhalt-1 {
     grid-template-columns: auto;
   }
 }
 
 .grid-inhalt-2 {
   display: grid;
   grid-template-columns: 300px auto;
   place-items: center; /* Zentriert vertikal und horizontal */
   grid-gap: 30px;
 }
 
 .grid-inhalt-2 > div {
   margin: 15px 5px 15px 0;
 }
 
 @media (max-width: 850px) {
   .grid-inhalt-2 {
     grid-template-columns: auto;
   }
   .grid-inhalt-2 > div {
     text-align: center;
   }
 }
 
 .grid-inhalt-3 {
   display: grid;
   grid-template-columns: auto 350px;
    place-items: center; /* Zentriert vertikal und horizontal */
   grid-gap: 30px;
 }
 
 .grid-inhalt-3 > div {
   margin: 15px 5px 15px 0;
 }
 
 @media (max-width: 950px) {
   .grid-inhalt-3 {
     grid-template-columns: auto;
   }
   .grid-inhalt-3 > div {
     text-align: center;
   }
 }