/* Hier sind Ihre CSS-Stile */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

.container {
    padding: 20px;
    max-width: 800px;
    margin: auto; /* Zentriert den Container horizontal */
    background-color: rgba(255, 255, 255, 0.8); /* Weißer Hintergrund mit 80% Transparenz */
    border-radius: 10px; /* Runde Ecken für den Rahmen */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Schatten für den Rahmen */
}

a {
    color: #0366d6; /* Dunkles Blau als Linkfarbe */
    text-decoration: none; /* Entfernt die Unterstreichung */
    font-weight: bold; /* Macht den Text fett */
    transition: color 0.3s, text-shadow 0.3s; /* Weicher Übergang für Farbe und Textschatten */
}

a:hover, a:focus {
    color: #023047; /* Dunkleres Blau beim Hover */
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.5); /* Heller Schatten beim Hover */
    cursor: pointer; /* Ändert den Mauszeiger zu einem Pointer */
}

img {
    max-width: 100%;
    height: auto;
}

@media print {
    body, a {
        background-image: none; /* Hintergrund beim Drucken ausblenden */
        color: #000; /* Schwarze Textfarbe für den Druck */
        text-shadow: none; /* Entfernt den Textschatten beim Drucken */
    }
    .container {
        box-shadow: none; /* Entfernt den Schatten vom Rahmen beim Drucken */
    }
}
.linksbuendig {
    text-align: left;
}

.rechtsbuendig {
    text-align: right;
}

.mittig {
    text-align: center;
}

.blocksatz {
    text-align: justify;
}	
.containerrechts {
    display: flex;
    justify-content: flex-end; /* Bild rechts ausrichten */
    margin-top: 20px;
  }
  .zentriert {
    text-align: center; /* Zentriert den Text */
    font-size: 24px; /* Größere Schriftgröße */
  }