footer{
            /*padding: 70px 0;*/
            background-color: var(--primary-color);
}

.footer {
            min-height: 100vh; /* Mindesthöhe für den gesamten Bildschirm */
}

/*----box Struckturierung----*/

.footer-container{
    /*border: 1px solid red;*/
    
    max-width: 1330px;                      /* Maximale Breite des Containers */
    margin: 0 auto;                         /* Auto-Margin links und rechts, um den Container zu zentrieren */
   
    display: flex;
    
    justify-content: left;                /* Horizontal zentrieren */
    
    
    /*min-height: 100vh;*/                  /* Mindesthöhe für die volle Bildschirmhöhe */
   
}


.footer-container_box {  
    /*border: 1px solid yellow;*/
    display: grid;
    
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 10px 25px;
    grid-auto-flow: row;
    grid-template-areas:
      "div1 div2 div3 div4"
      "div5 div5 div5 div5";
  }
  
  
  
  .div1 { 
    grid-area: div1;
    /*border: 1px solid green;*/
    width: 250px; 
    margin: 0 auto;
}
  
  .div2 { 
    grid-area: div2;
    /*border: 3px solid purple;*/
    width: 350px;
    padding-top: 12px;
    padding-bottom: 20px;
}
  
  .div3 { 
    grid-area: div3; 
    /*border: 3px solid blue;*/
    width: 400px;
    padding-top: 12px;
    
}
  
  .div4 { 
    /*grid-area: div4;
    border: 3px solid white;*/
    width: 250px;
    padding-top: 12px;
    
}
  
  .div5 { 
    grid-area: div5; 
    /*border: 1px solid green;*/
    background-color: black;
    height: 33px;
    text-align: center;
    margin-top: 5px;
    padding-top: 5px;
    
}
    /* CSS Footer Einbindung START */

    @media (max-width: 1334px) {
        .footer-container_box {
            grid-template-columns: 1fr; /* Ändern Sie die Anordnung auf eine Spalte für kleinere Bildschirme */
            grid-template-areas:
                "div1"
                "div2"
                "div3"
                "div4"
                "div5";
        }
    
        /*.div1,*/
        .div2,
        .div3,
        .div4 {
            width: 100%; /* Volle Breite auf Tablets und Handys */
            border: none; /* Entfernen Sie die Rahmen auf Tablets und Handys */
            padding: 5px; /* Entfernen Sie den Abstand auf Tablets und Handys */
            margin: 0; /* Entfernen Sie den Seitenrand auf Tablets und Handys */
        }
    }