body {
    font-family: "century-gothic", sans-serif;
    font-style: normal;
    background-color: #D9DADA; /* Helle Hintergrundfarbe */
    color: #30332F; /* Textfarbe aus der Palette */
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 100vh; /* Stellt sicher, dass der Body die volle Höhe des Viewports hat */
}

.navbar {
    margin-bottom: 20px; /* Abstand unter der Navbar */
}

.navbar-brand {
    color: #30332F; /* Farbe für das Logo/Text */
}

.navbar-nav {
    margin-left: auto; /* Links rechtsbündig */
}

.nav-link {
    color: #30332F; /* Farbe für Links in der Navbar */
}

.nav-link:hover {
    color: #71A1B1; /* Hover-Farbe für Links */
}

.container {
    padding-top: 2rem; /* Abstand nach oben, um das Abschneiden zu vermeiden */
}

h1 {
    font-family: "delfina-script", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 20px;
    color: #30332F; /* Farbe für Überschriften */
}

.announcement {
    font-size: 1.2em;
    margin-bottom: 10px;
    font-weight: 400;
}

.date {
    font-size: 1.5em;
    margin-bottom: 30px;
    color: #ffcc00;
}

.follow-up {
    font-size: 1em;
    font-weight: 400;
}

.disclaimer {
    font-size: 0.85em; /* Kleinere Schriftgröße für den Disclaimer */
    line-height: 1.5em; /* Zeilenhöhe für bessere Lesbarkeit */
    color: #30332F; /* Textfarbe für Disclaimer */
}

a {
    color: #71A1B1; /* Linkfarbe aus der Palette */
    text-decoration: none; /* Kein Unterstrich */
}

a:hover {
    text-decoration: underline; /* Unterstrich beim Hover */
}

.impressum-link {
    color: #71A1B1; /* Gleiche Farbe wie auf der Startseite */
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    right: 10px; /* Positionierung unten rechts */
}

.impressum-link:hover {
    text-decoration: underline;
}

.guest-name {
    font-size: 1.25em; /* Schriftgröße erhöhen */
    font-weight: 700;
}

.btn-primary {
    background-color: #71A1B1; /* Farbschema anpassen */
    border-color: #71A1B1; /* Farbschema anpassen */
}
.btn-primary:hover {
    background-color: #5b8a9c; /* Dunklere Hover-Farbe für besseren Kontrast */
    border-color: #5b8a9c; /* Dunklere Hover-Farbe für besseren Kontrast */
}

/* Hintergrundfarben für die Abschnitte */
section {
    padding: 60px 0;
}

section#trauung {
    background-color: #848C82; /* Farbe für den Abschnitt Trauung */
}

section#gastronomie {
    background-color: #848C82; /* Gleiche Farbe wie der Trauungsabschnitt */
}

.vh-80 { height: 80vh !important; }