/**
 * Custom CSS Overrides
 * 
 * Nutze diese Datei für eigene Anpassungen.
 * Diese Datei wird nach theme.css geladen und überschreibt Standardstile.
 */

/* Beispiel: Eigene Farbanpassungen */
/*
:root {
    --primary-500: #692938;
}
*/

/* Beispiel: Eigene Schriftart */
/*
body {
    font-family: 'Ihre Schriftart', sans-serif;
}
*//* =============================================================================
   CONTENT PAGES FIX - Zentrierung für Unterseiten
   Wie im ursprünglichen Design: max-width 1200px, zentriert
   ============================================================================= */

/* Content Container für alle Unterseiten */
main#main {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 3rem 2rem;
}

/* Überschriften */
main#main h1 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2.25rem;
    color: #451725;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

main#main h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.5rem;
    color: #692938;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

main#main h3 {
    font-size: 1.25rem;
    color: #692938;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
}

/* Absätze */
main#main p {
    margin-bottom: 1rem;
    line-height: 1.8;
    color: #3d3630;
}

/* Listen */
main#main ul,
main#main ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

main#main li {
    margin-bottom: 0.5rem;
    line-height: 1.7;
}

/* Tabellen */
main#main table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
}

main#main table th,
main#main table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e3dbd2;
}

main#main table th {
    background: #f7f2ed;
    font-weight: 600;
    color: #692938;
}

main#main table tr:hover {
    background: #fdfcfa;
}

/* Horizontale Linie */
main#main hr {
    border: none;
    border-top: 2px solid #e3dbd2;
    margin: 2rem 0;
}

/* Links */
main#main a:not(.btn):not(.nav-link) {
    color: #692938;
    text-decoration: underline;
    text-decoration-color: #c4949f;
    text-underline-offset: 2px;
}

main#main a:not(.btn):not(.nav-link):hover {
    color: #451725;
    text-decoration-color: #692938;
}

/* Strong/Bold */
main#main strong {
    font-weight: 600;
    color: #2d2420;
}

/* Responsive */
@media (max-width: 768px) {
    main#main {
        padding: 2rem 1rem;
    }
    
    main#main h1 {
        font-size: 1.75rem;
    }
    
    main#main h2 {
        font-size: 1.25rem;
    }
}

/* CTA Section - Helle Schrift */
   section.cta-section h2 {
       color: #ffffff !important;
   }
   
   section.cta-section p {
       color: #ffffff !important;
       opacity: 0.9;
   }