.container-header .container-nav {
  display: flex;
  justify-content: center;
  /* Verschiebt den Inhalt optisch nach links, 
     passen Sie den Wert (z. B. 30px oder 2rem) nach Wunsch an */
  padding-right: 20rem; 
}
.container-header {
    background-color: transparent !important;
    border: none !important;
}

/* Blauen Hintergrund/Rahmen vom Header und Topbar entfernen */
.container-header {
  background-color: #ffffff;
  background-image: none;
}

.container-topbar {
  background-color: #ffffff;
  background-image: none;
}

.container-header .mod-list li a, 
.container-stretched .mod-list li a {
  color: #3C4363; /* Ersetzen Sie den Farbcode mit Ihrer Wunschfarbe */
}

/* Verschiebt den kompletten Beitrag (Titel + Text) */
.text-zentriert .com-content-article {
   /*verschiebt sich wenn Auflösung sich ändert -> padding-left: 174px; /* Rückt Titel und Text gemeinsam nach rechts ein */
    max-width: 1005px !important;  /* Der Text wird niemals breiter als 1005px */
    margin-left: auto !important;  /* Zentriert den Block automatisch */
    margin-right: auto !important; /* Zentriert den Block automatisch */
    padding: 0 1rem !important;    /* Schützt vor dem Anstoßen auf Mobilgeräten   */ 
}





/* Fußzeile anpassen bzgl. Modul  */
.footer {
    max-width: 980px;
    margin-left: auto !important;  /* Zentriert den Block automatisch */
    margin-right: auto !important; /* Zentriert den Block automatisch */
    padding: 0 1rem !important;    /* Schützt vor dem Anstoßen auf Mobilgeräten   */ 
   
   /* box-sizing: border-box; ????*/ 

    font-size: 0.9rem; /* Macht die Schrift etwas kleiner (Standard ist meist 1rem) */
    padding: 20px 0;        /* Abstand nach oben und unten */
  
    /* Rahmen und Füllung */
    border: 1px solid #3C4363;       /* Der äußere Rahmen */
    background-color: #3C4363;   /* Füllt die komplette Fläche innerhalb des Rahmens */
    color: #ffffff;              /* Ändert die Textfarbe auf Weiß für bessere Lesbarkeit */
    
    /* Feste Höhe und Zentrierung (aus dem vorherigen Schritt) */
    height: 30px;           
    display: flex;
    
 
    /* Zentriert horizontal */
    justify-content: center;
    /* Zentriert vertikal */
    align-items: center;     
  
    min-height: 20px;      /* Gibt dem Rahmen eine Mindesthöhe (Wert anpassen) */

    box-sizing: border-box;
    padding-right: 20rem; 

    width: 100%;
  }


/* Zentriert das gesamte Modul im Footer-Layout */
.footer .mod-custom.item-117 {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}

.footer .mod-custom.item-117 p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}