/* Standardgröße für große Bildschirme */
.spacer {
    height: 140px;
}
.le-1
{
    max-width: 40%;
}

.le-1 p
{
    font-size: 1.5rem !important;
}


    .le-1 a
    {
font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
    color: var(--primary);
  }    

  .kontaktlink
  {
      font-size: 2rem !important;
      font-weight: 900;
  }
  
  
.nolist {
    list-style-type: none !important;  /* Entfernt die Punkte */
    padding-left: 0;  /* Optional: Entfernt den linken Einzug */
    margin: 0;        /* Optional: Entfernt den Standard-Abstand */
 
}
  
.nolist li
{
    position: static !important;
}


/* Für Tablets (mittlere Bildschirmgrößen) */
@media (max-width: 1024px) {
    .spacer {
    height: 100px;

    }
    .le-1
    {
    width: 100%;
    }
}

/* Für Smartphones (kleine Bildschirmgrößen) */
@media (max-width: 768px) {
    .spacer {
      height: 120px;

    }
} 

       .zweispalter {
    display: flex; /* Flexbox aktivieren */
    justify-content: space-between; /* Spalten mit Abstand verteilen */
}

.spalte {
    padding: 10px; /* Innenabstand für beide Spalten */
}

.links {
    flex: 0 0 40%; /* Linke Spalte nimmt 40% des Containers ein */
}

.links p {
    font-size: 1.5rem !important;
    line-height: 1.5em;
}

.rechts {
    flex: 1; /* Rechte Spalte nimmt den restlichen Platz ein */
    padding: 10px;  
}

/* Für kleinere Bildschirme: Spalten untereinander anordnen */
@media (max-width: 768px) {
    .zweispalter {
        flex-direction: column; /* Spalten untereinander */
    }

    .links, .rechts {
        width: 100%; /* Beide Spalten nehmen volle Breite ein */
    }
}