/* --- Beckers WeinPost (Newsletter) Modern Styling --- */

/* 1. Der Container (Die äußere Box) */
.newsletter-wrapper {
    background-color: #fcfcfc !important;
    border: 1px solid #e0e0e0 !important;
    border-top: 5px solid #800020 !important; /* Markanter weinroter Akzent */
    padding: 40px 30px !important;
    margin: 40px auto !important;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    max-width: 700px;
}

/* 2. Titel & Text */
.newsletter-wrapper h3 {
    color: #800020 !important;
    font-family: "Georgia", serif !important; /* Eleganter Kontrast zum Formular */
    font-size: 1.8rem !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.5px !important;
}

.newsletter-wrapper p {
    color: #666 !important;
    font-size: 1.1rem !important;
    margin-bottom: 30px !important;
}

/* 3. Formular-Layout (Label + Input) */
.form-row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    text-align: left;
}

.form-label {
    flex: 0 0 160px; /* Breite der Label-Spalte */
    font-weight: 600;
    color: #444;
    font-size: 15px;
}

.form-input-wrapper {
    flex: 1;
}

/* 4. Eingabefelder */
.newsletter-wrapper input.input {
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1px solid #d1d8e0 !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.newsletter-wrapper input.input:focus {
    border-color: #800020 !important;
    box-shadow: 0 0 0 3px rgba(128, 0, 32, 0.1) !important;
    outline: none !important;
}

/* 5. Der Button */
.sib-form-block__button {
    width: 100%;
    background-color: #800020 !important;
    color: #ffffff !important;
    padding: 16px 30px !important;
    border: none !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px rgba(128, 0, 32, 0.2);
}

.sib-form-block__button:hover {
    background-color: #333333 !important; /* Dein gewünschter Wechsel zu Dunkelgrau */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* 6. Mobile Optimierung */
@media (max-width: 600px) {
    .newsletter-wrapper {
        padding: 30px 15px !important;
        margin: 20px 10px !important;
    }
    
    .form-row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .form-label {
        flex: 0 0 auto;
        margin-bottom: 8px;
    }
    
    .hidden-label {
        display: none;
    }
}

/* 7. Brevo Success/Error Meldungen */
.sib-form-message-panel {
    margin-bottom: 20px !important;
    border-radius: 4px !important;
    padding: 15px !important;
    font-weight: 600 !important;
}

#success-message {
    color: #085229 !important;
    background-color: #e7faf0 !important;
    border: 1px solid #13ce66 !important;
}
/* --- E-Label & Inhaltsstoffe (QR-Code Ansicht) --- */

/* Versteckt ALLES außer dem eigentlichen Text */
body.qr-code-page #sp-header, 
body.qr-code-page #sp-footer, 
body.qr-code-page .sp-page-title,
body.qr-code-page #redim-cookiehint,
body.qr-code-page .cookiehint,
body.qr-code-page .sp-module {
    display: none !important;
}

/* Gestaltet den Hintergrund neutral und sauber */
body.qr-code-page {
    background-color: #ffffff !important;
    color: #333 !important;
}

/* Formatiert den Inhalt für perfekte Lesbarkeit am Handy */
body.qr-code-page .com-content-article__body {
    padding: 30px 20px !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.5;
}

/* Macht die Wein-Titel (Fettgedruckt) weinrot für den dezenten Branding-Effekt */
body.qr-code-page .com-content-article__body strong {
    color: #800020;
    font-size: 1.2rem;
    display: block;
    margin-bottom: 10px;
}