/* style.css */

/* Angepasstes Design basierend auf dem Logo */
body {
    font-family: 'Times New Roman', serif; /* Elegantere Schriftart, die dem Logo ähnelt */
    margin: 0;
    padding: 0;
    background-color: #000000; /* Dunkler Hintergrund, passend zum Logo */
    color: #e0e0e0; /* Hellerer Text für besseren Kontrast */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    text-align: center;
}

.header {
    padding: 20px;
    background-color: #000000; /* Gleicher dunkler Hintergrund wie Body */
}

.logo {
    max-width: 350px; /* Größe des Logos anpassen */
    height: auto;
}

.container {
    padding: 30px 20px; /* Etwas mehr Polsterung */
    max-width: 700px; /* Etwas breiterer Container */
    background-color: #000000; /* Etwas heller als der Body, für Kontrast */
    border-radius: 8px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Stärkerer Schatten */
    margin: 50px auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

h1 {
    color: #ffd700; /* Goldton aus dem Logo */
    font-size: 2.5em; /* Größerer Titel */
    margin-bottom: 20px;
    letter-spacing: 2px; /* Etwas mehr Abstand zwischen den Buchstaben */
}

p {
    font-size: 1.3em;
    line-height: 1.6;
}

/* Stil für das optionale Bild-Platzhalter (wenn noch benötigt) */
.loading-placeholder {
    margin-top: 20px;
}

/* Neue Stile für die Fußzeile (Footer) */
.footer {
    background-color: #000000; /* Gleiche Farbe wie der Container */
    color: #b0b0b0; /* Hellerer Grauton für den Footer-Text */
    padding: 20px 0;
    font-size: 0.9em;
    width: 100%;
    margin-top: auto;
    border-top: 1px solid #000000; /* Dezente Trennlinie */
}

.footer-content {
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.8; /* Etwas mehr Zeilenabstand */
}

.footer-content a {
    color: #ffd700; /* Goldton für Links */
    text-decoration: none;
}

.footer-content a:hover {
    text-decoration: underline;
}