/*
Theme Name: Kanzlei Wolf-Arnold
Theme URI: https://kanzlei-wolf-arnold.de
Author: Kanzlei Wolf-Arnold
Author URI: https://kanzlei-wolf-arnold.de
Description: Ein modernes WordPress-Theme für die Kanzlei Wolf-Arnold, Fachanwältin für Familienrecht in Neuss. Erstellt mit Tailwind CSS und AOS Animationsbibliothek.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kanzlei-wolf-arnold
Tags: legal, law firm, responsive, modern, tailwind
*/

/* Self-hosted Fonts (DSGVO-konform) */
@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/EBGaramond.woff2') format('woff2');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/Lato-300.woff2') format('woff2');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Lato-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/Lato-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/PlayfairDisplay.woff2') format('woff2');
}
@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/PlayfairDisplay-italic.woff2') format('woff2');
}
@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 300 600;
    font-display: swap;
    src: url('fonts/SourceSans3.woff2') format('woff2');
}

/* Custom Styles und Farbdefinitionen */

/* Theme Farben als CSS Variablen (Fallback) */
:root {
    --color-primary: #027368;
    --color-primary-light: #038C7F;
    --color-secondary: #8B6044;
    --color-dark: #26201C;
    --color-light: #F2F2F2;
}

/* Fallback-Farben für wichtige Elemente */
.text-primary { color: #027368 !important; }
.text-primaryLight { color: #038C7F !important; }
.text-secondary { color: #8B6044 !important; }
.text-dark { color: #26201C !important; }
.bg-primary { background-color: #027368 !important; }
.bg-primaryLight { background-color: #038C7F !important; }
.bg-secondary { background-color: #8B6044 !important; }
.bg-light { background-color: #F2F2F2 !important; }
.bg-dark { background-color: #26201C !important; }
.border-primary { border-color: #027368 !important; }

/* FIX P2: Fokus-Sichtbarkeit */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid #027368;
    outline-offset: 2px;
    border-radius: 4px;
}

/* FIX P3: LCP-Bild Dimensionen (verhindert CLS) */
.about-image img,
.attorney-portrait img,
img[src*="rechtsanwaeltin"] {
    width: 100%;
    height: auto;
}

.hero-bg {
    background-image: linear-gradient(rgba(2, 115, 104, 0.85), rgba(2, 115, 104, 0.85));
    background-color: #027368;
    background-size: cover;
    background-position: center;
}
.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
/* Reduced motion: disable all transitions and animations */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

.nav-link:hover {
    color: #038C7F !important;
}
.page-header {
    background-image: linear-gradient(rgba(2, 115, 104, 0.85), rgba(2, 115, 104, 0.85));
    background-color: #027368;
    background-size: cover;
    background-position: center;
}