/* --- FARB-AKZENTE FÜR HOCHZEITSSEITE (SEITE 2) --- */

/* --- FARB-AKZENTE FÜR HOCHZEITSSEITE (SEITE 2) --- */

body {
    background-color: #d6d6d6 !important;
}

.main_page.impressum_body {
    background-color: #e0e0e0 !important;
    border: 4px double #8a8b00 !important;
    box-shadow: none !important;
    /* Optional: Falls du das Impressum/Datenschutz doch zentrieren willst, falls sie es noch nicht sind */
    margin: 40px auto; 
}

/* Blauen Header transparent machen und Olivgrün färben */
.page_header {
    background-color: transparent !important;
    color: #8a8b00 !important;
    border-bottom: 2px solid #8a8b00 !important;
    margin: 0 0 25px 0 !important;
    padding: 10px 0 !important;
    justify-content: center !important; /* Zentriert Inhalt auf Hochzeitsseite */
}

/* Die blauen Inhaltsbalken in edle olivgrüne Balken ändern */
.section_title, h1.anbieter_titel {
    background-color: #8a8b00 !important;
    color: #ffffff !important;
}

/* Zwischenüberschriften für die rechtlichen Abschnitte */
.section_title_2, h2 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    background-color: #8a8b00 !important;
    color: #ffffff !important;
    font-size: 1.5rem;
    font-weight: bold;
} 

/* Textfarben für Seite 2 */
.impressum_content p, .impressum_content h3 {
    color: #333333 !important;
}

/* Den Button auf das eckige Hochzeits-Design umfärben */
.action-container {
    border-top: 1px solid #8a8b00 !important;
}
.action-container button {
    background-color: #cfd0cf !important;
    color: #8a8b00 !important;
    border: 3px solid #8a8b00 !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    
    /* 💥 HIER INTEGRIERT: Die Abstände und das Klick-Gefühl für die Buttons */
    padding: 10px 20px !important;
    cursor: pointer !important;
    font-family: inherit !important;
}
.action-container button:hover {
    background-color: #8a8b00 !important;
    color: #cfd0cf !important;
}
/* Styling für die Benutzer-Box auf der Hochzeitsseite via Modifikator-Klasse */
.welcome_box.welcome_box_s2 {
    background-color: transparent !important; /* 🎯 Macht den Hintergrund unsichtbar – die Seite zieht durch! */
    border: 2px solid #8a8b00 !important;      /* Der oliv-goldene Hochzeits-Rahmen */
    color: #222222 !important;
    box-shadow: none !important;               /* Entfernt den Schatten, der auf Grau unnatürlich wirken würde */
}

.welcome_box.welcome_box_s2 .section_header {
    color: #8a8b00 !important;                 /* Oliv-goldener Akzent für die Überschrift */
    border-bottom: 1px solid #8a8b00 !important; /* Passt die feine Trennlinie farblich an den Rahmen an */
    padding-bottom: 5px;
}
/* --- NEUE ERGÄNZUNGEN SPEZIELL FÜR DIE ANFAHRT --- */
.flex-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 25px 0;
}
.external-label {
    color: #666666 !important;
    font-size: 0.9em;
    font-style: italic;
}
.warning-box-anfahrt {
    border-left: 4px solid #8a8b00 !important;
    background-color: #e8e8e8 !important;
    padding: 15px;
    margin: 25px 0;
}
.warning-box-anfahrt strong {
    color: #8a8b00 !important;
}
@media (max-width: 600px) {
    .flex-row { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
    .action-container button { width: 100% !important; }
}
