h1 {
    font-size: 1.2em;
    /*
    color: #DAD4F7;
    */

    background: rgba(255,255,255,0.3);
    border-radius: 15px;
    padding-left: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 15px;    
    
    
}


h2 {
    font-size: 1.2em;
    color: white;
    
    background: rgba(255,255,255,0.3);
    border-radius: 15px;
    padding-left: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 15px;    
    
}



ul {
  list-style-type: circle;
  font-size: medium;
  line-height: 150%;
}



/* ↓ Text im Footer */
.dynamicFooter :is(h2, p) {
  margin: 0;
  padding: 0;
}


p {
    line-height:150%; 
    font-size: medium;
}


/* ==========================================================
   Standard-Verhalten: Kleiner Bildschirm (Höhe < 900px)
   Entspricht deiner .fontMontserrat Logik
   ========================================================== */
.dynamicFooter.fontMontserrat {
    /* Hebt die Fixierung von .dynamicFooter auf, wenn das Display zu niedrig ist */
    position: static; 
    width: auto;
    transform: none;
    margin: 20px 0;
    z-index: 1;
    /* Nutzt die Standard-Werte deiner .fontMontserrat aus schriftformate.css */
}

/* ==========================================================
   Großer Bildschirm (Höhe >= 900px)
   Aktiviert die speziellen Footer-Eigenschaften
   ========================================================== */
@media (min-height: 900px) {
    .dynamicFooter.fontMontserrat {
        position: fixed;        /* Fixiert am unteren Rand */
        width: 1260px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 24px;
        z-index: -1;            /* Dein gewünschter niedriger Index */
        
        /* Deine restlichen Formate */
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        color: white;
        text-align: left;
    }
}