@charset "utf-8";
.dh {
}
/* Styling für den Haupt-Container */
.slideshow-container {
	max-width: 99%;       /* Maximale Breite der Diashow */
	position: relative;     /* Wichtig für spätere Pfeile oder Text */
	margin: auto;           /* Zentriert den Container auf der Seite */
	overflow: hidden;       /* Schneidet überstehende Inhalte ab */
	border-radius: 1px;     /* Rundet die Ecken leicht ab */
	box-shadow: 0 0px 0px rgba(0,0,0,0.2); /* Gibt dem Container einen Schatten */
}

/* Styling für die einzelnen Bilder-Boxen */
.slide {
  display: none;          /* Versteckt standardmäßig alle Bilder */
}

/* Sorgt dafür, dass die Bilder perfekt in den Container passen */
.slide img {
  width: 100%;            /* Bild nutzt die volle Container-Breite */
  height: auto;           /* Behält das richtige Seitenverhältnis */
  display: block;         /* Verhindert unschöne Abstände unter dem Bild */
}

/* Der Weichzeichner-Effekt beim Bildwechsel */
.fade {
  animation-name: fadeEffect;
  animation-duration: 2.0s;
}

@keyframes fadeEffect {
  from { opacity: 0.4; } 
  to { opacity: 1; }
}
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            color: #222;
        }

        header {
            background: #111;
            color: white;
            padding: 20px 40px;
        }

        main {
            max-width: 1000px;
            margin: 80px auto;
            padding: 20px;
            background: white;
        }

        h1 {
            font-size: 48px;
            margin-bottom: 20px;
        }

        p {
            font-size: 18px;
            line-height: 1.6;
        }

        button {
            background: #111;
            color: white;
            border: none;
            padding: 12px 24px;
            cursor: pointer;
        }

        button:hover {
            background: #444;
        }
 
.Titel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
}
.Links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
.Text {
	font-size: 12px
}
.Überschrift {font-size: 16px}
.Stil3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; }
.Stil4 {font-size: 16px; color: #FFFFFF; }

</style>