@charset "UTF-8";
/* Import styles */
/* main: ../../main.scss*/


.link-liste {
  list-style: none;            /* Standard-Punkte/Nummern ausblenden */
  padding-left: 0;
  counter-reset: listen-zaehler; /* Zähler namens "listen-zaehler" starten */
}
/* Standard für Mobilgeräte: 1 Spalte */
.link-liste {
  display: grid;
  grid-template-columns: 1fr; 
  gap: 0px;
  list-style: none;
  padding: 0;
}

.link-liste li {
  counter-increment: listen-zaehler; /* Bei jedem <li> um 1 erhöhen */
  position: relative;
  padding: 0rem;
  padding-left: 2.5rem;
  margin-bottom: 0.4rem;
  overflow:hidden;
  font-size: 0.90rem;
  font-weight: 500;
  line-height: 1.2em;
  color:#d51116;
  align-content: center;
}
.link-liste li:nth-child(odd) {
  background-color: #243a6412;
}
.link-liste li a {
    white-space: wrap;
   //font-size: 0.95em;
   font-weight: 400;
   line-height:1.3em;
   color:#1f3662;
   height:100%;
   padding: 0.2rem; 
   display:block;
   align-content: center;
}
.link-liste li a:hover, .link-liste li a:active,  .link-liste li a:visited, .link-liste li a:focus  {
   white-space: wrap;
   font-weight: 400;
   color:#1f3662;
}
.link-liste li a:hover {
    color:#d51116;
}
.link-liste li a .date {
   color:#d51116;
   font-weight: 500;
   display:block;
}

/* Die Nummer stylen und davor anzeigen */
.link-liste li::before {
  content: counter(listen-zaehler); /* Nummer ausgeben */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  
  /* Styling-Beispiel: Weißer Text in einem blauen Block */
  background-color: #1f3662;
  color: white;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  font-weight: bold;
  height: 100%;
  border: 0px solid #fff;
}
.link-liste li:hover::before {
 background-color: #d51116;
}

/* Für Bildschirme breiter als 600px: 2 Spalten */
@media (min-width: 600px) {
 .link-liste {
    grid-template-columns: repeat(2, 1fr);
 }
 .link-liste {
    display: grid; /* Aktiviert das Grid-Layout */
    grid-template-columns: repeat(2, 1fr); /* Erstellt 2 gleich breite Spalten */
    gap: 0px; /* Optional: Abstand zwischen den Einträgen */
    list-style: none; /* Optional: Entfernt die Standard-Listenpunkte */
    padding: 0;
 }
 .llink-liste {
    column-count: 2; /* Teilt die Liste automatisch in 2 senkrechte Spalten auf */
    column-gap: 10px; /* Abstand zwischen den Spalten */
    list-style: none;
    padding: 0;
 }
 .link-liste li:nth-child(odd) {
    background-color: #ffffff;
 }
 .link-liste li:nth-child(4n + 1) {
    background-color: #243a6412;
 }
 .link-liste li:nth-child(4n + 2) {
    background-color: #243a6412;
 }

 a.startpoint {  /* Sprungmarke */
    display:block;
    margin-bottom:0px;
 }
 a.startpoint:target { /* Sprungmarke aktive*/
    margin-bottom:150px;
 }


}

/* Kurs-Elemente einfärben */

.red { /* Rot*/
    color: #d51116;
}