body	{background: linear-gradient(90deg, #4f7a28 0%, #96d35f 100%);}
h1 	 {color: black;font-size: clamp(10px, 2vw, 18px);}
.headline {color: #CDC673;font-size: clamp(14px, 2vw, 22px);}
a		/*{color: rgba(139,139,0,1);	}*/ {color: black; font-size: clamp(10px, 2vw, 16px);}	/*Schrift passt sich dynamisch an*/
.standard{color: blue;	font-size: clamp(8px, 2vw, 16px);}
.allg 	{color: black; width: 100%; font-size: clamp(8px, 2vw, 16px);}
.allgkurs 	{color: black; font-style:oblique; width: 100%; font-size: clamp(8px, 2vw, 16px);}
.neu 	{color: red; font-size: clamp(10px, 2vw, 18px);}
.aktuell	{color: orange; font-size: clamp(10px, 2vw, 18px);}
.hervorheben{background-color: ivory; }
.img1 {display: block; margin-left: auto; margin-right: auto; width:  8%; height: auto;} /*Bild passt sich dynamisch an*/
.img2 {display: block; margin-left: auto; margin-right: auto; width: 40%; height: auto;} /*Bild passt sich dynamisch an*/
.img3 {display: block; margin-left: auto; margin-right: auto; width: 50%; height: auto;} /*Bild passt sich dynamisch an*/
.img4 {display: block; margin-left: auto; margin-right: auto; width: 70%; height: auto;} /*Bild passt sich dynamisch an*/
.img5 {display: block; margin-left: left; margin-right: auto; width: 50%; height: auto;} /*Bild passt sich dynamisch an*/
.containerpage { display: grid; grid-template-columns: 1.1fr 3fr 1.1fr; gap: 0.5rem; 
}
/*#block1, #block2, #block3 { border: 1px solid grey;*/}
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(1px, 3fr));
gap: 0.5rem;
}
button {
display: inline-block;
background-color: #CDC673;
border-radius: 0.5em;
border: 2px double #black;
color: black;
text-align: center;
font-style: italic;
font-weight: 700;
font-family: Verdana, "Lucida Sans Unicode", sans-serif;
font-size: 62.5%;
font-size: clamp(10px, 2vw, 16px);
padding: 0.5em;
width: 12em;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
margin: 0.2em;
}
.box {
  border: 4px solid #f76707;
  border-radius: 0.5em;
  padding: 2em;
  inline-size: 15em;
  margin-block-end: 0.5em;
}
.box1 {
  overflow-wrap: break-word;
}
table, th, td, caption {
  border: thin solid grey;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: thin 0 0 thin;
  margin: 0 0 1em;
  table-layout: auto;
  max-width: 100%;
}
th, td {
  font-weight: 700;
  text-align: center;
  background-color: #f1f3f4;
}
th, caption {
  background-color: #f1f3f4;
  font-weight: 700;
}
.laufschrift {
  overflow: hidden; /* Verhindert, dass Text außerhalb des Containers sichtbar ist */
  white-space: nowrap; /* Sorgt dafür, dass der Text in einer Zeile bleibt */
  box-sizing: border-box;
  width: auto; /* Beispiel: Breite des Anzeigebereichs */
  /*border: 1px solid #ccc; /* Optional: zur Veranschaulichung des Bereichs */
  padding: 10px 0;
  font-family: Arial, sans-serif;
  font-size: clamp(14px, 2vw, 20px);
  /*font-size: 20px;*/
  color: #f76707;
  animation: scroll-left 20s linear infinite; /* Animation: Name, Dauer, Timing, Wiederholung */
}

@keyframes scroll-left {
  from { transform: translateX(100%); } /* Startet rechts vom Container */
  to { transform: translateX(-100%); } /* Bewegt sich links vom Container */
}