/*
 * KW Theme - Custom CSS
 * =====================
 * Hier kannst du eigene Anpassungen vornehmen.
 * Diese Datei wird NACH der style.css geladen.
 */

/* ========================================
   SCHRIFTEN
======================================== */

/* Fließtext-Größe anpassen (Standard: 17px) */
/*
body, p, li, .kw-text, .kw-intro {
    font-size: 18px;
}
*/

/* ========================================
   FARBEN
======================================== */

/* Primärfarbe (Dunkelgrün) ändern */
/*
:root {
    --kw-primary: #4A5D3F;
}
*/

/* ========================================
   GALERIE SLIDER
======================================== */

/* Bildergröße im Slider (+20% Höhe) */
.kw-gallery-track img {
    height: 336px;        /* Höhe (vorher 280px, +20%) */
    min-width: 504px;     /* Mindestbreite für Querformat (vorher 420px, +20%) */
}

/* Slider-Geschwindigkeit (höher = langsamer) */
/*
.kw-gallery-track {
    animation-duration: 50s;
}
*/

/* ========================================
   NEWSLETTER FORMULAR (Brevo/Sendinblue)
======================================== */

/* Container zentrieren */
.sib-form-container,
.sib-form,
#sib-form-container,
.sibwp-form-wrapper {
    max-width: 450px !important;
    margin: 0 auto !important;
    font-family: 'Quicksand', sans-serif !important;
}

/* Formular-Block */
.sib-form-block {
    padding: 0 !important;
    margin-bottom: 18px !important;
}

/* Labels */
.sib-form label,
.sib-form .entry__label,
.sib-form-block label,
.sibwp-form-wrapper label {
    display: block !important;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #4A5D3F !important;
    margin-bottom: 8px !important;
    text-align: left !important;
}

/* Input-Felder */
.sib-form input[type="text"],
.sib-form input[type="email"],
.sib-form input[type="tel"],
.sib-form textarea,
.sib-form select,
.sibwp-form-wrapper input[type="text"],
.sibwp-form-wrapper input[type="email"],
.entry__field input,
.sib-form-block input {
    width: 100% !important;
    padding: 16px 20px !important;
    font-size: 16px !important;
    font-family: 'Quicksand', sans-serif !important;
    color: #333 !important;
    background: #fff !important;
    border: 2px solid #E8E4DC !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.sib-form input:focus,
.sibwp-form-wrapper input:focus,
.entry__field input:focus {
    border-color: #9CAF88 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(156, 175, 136, 0.15) !important;
}

/* Placeholder */
.sib-form input::placeholder,
.sibwp-form-wrapper input::placeholder {
    color: #aaa !important;
    font-style: italic !important;
}

/* Submit Button */
.sib-form input[type="submit"],
.sib-form button[type="submit"],
.sib-form-block__button,
.sib-form-block__button-with-loader,
.sibwp-form-wrapper input[type="submit"],
.sibwp-form-wrapper button {
    width: 100% !important;
    padding: 18px 32px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    font-family: 'Quicksand', sans-serif !important;
    background: linear-gradient(135deg, #4A5D3F 0%, #5a6d4f 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 14px !important;
    cursor: pointer !important;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin-top: 10px !important;
}

.sib-form input[type="submit"]:hover,
.sib-form button[type="submit"]:hover,
.sib-form-block__button:hover,
.sibwp-form-wrapper input[type="submit"]:hover {
    background: linear-gradient(135deg, #5a6d4f 0%, #6B8F5B 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(74, 93, 63, 0.35) !important;
}

/* Fehlermeldungen & Erfolgsmeldungen */
.sib-form .sib-form-message-panel,
.sib-form-message-panel {
    padding: 15px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    font-family: 'Quicksand', sans-serif !important;
}

.sib-form-message-panel--success {
    background: #E8F5E1 !important;
    border: 1px solid #9CAF88 !important;
    color: #4A5D3F !important;
}

.sib-form-message-panel--error {
    background: #FEF0F0 !important;
    border: 1px solid #E8A0A0 !important;
    color: #8B3A3A !important;
}

/* Verstecke unschöne Brevo-Elemente */
.sib-form .sib-form-block__button-with-loader__svg-container,
.sib-form .sib_signup_gdpr,
.sib-form .g-recaptcha {
    /* Styling falls vorhanden */
}

/* Entry-Wrapper (alternative Brevo-Struktur) */
.entry__field {
    margin-bottom: 0 !important;
}

/* Icon im Input-Feld entfernen/verstecken */
.sib-form .entry__field::after,
.sib-form input[type="text"]::after {
    display: none !important;
}

/* Responsive */
@media (max-width: 480px) {
    .sib-form-container,
    .sib-form {
        padding: 0 10px !important;
    }
    
    .sib-form input[type="text"],
    .sib-form input[type="email"] {
        padding: 14px 16px !important;
        font-size: 16px !important;
    }
    
    .sib-form input[type="submit"],
    .sib-form button[type="submit"] {
        padding: 16px 24px !important;
    }
}

/* ========================================
   FOOTER / KONTAKT
======================================== */

/* Logo im Footer nicht verzerren */
.kw-kontakt-image {
    width: auto;
    max-width: 220px;
    max-height: 180px;
    object-fit: contain;
}

/* ========================================
   ABSTÄNDE
======================================== */

/* Section-Abstände anpassen */
/*
.kw-section {
    padding: 100px 20px;
}
*/

/* ========================================
   BUTTONS
======================================== */

/* Button-Rundung anpassen */
/*
.btn {
    border-radius: 8px;
}
*/

/* ========================================
   RESPONSIVE ANPASSUNGEN
======================================== */

@media (max-width: 768px) {
    /* Mobile: Kleinere Bilder im Slider (+20%) */
    .kw-gallery-track img {
        height: 240px;
        min-width: 360px;
    }
}