/* 
 * Base CSS - Grundlegende Styles für index.php
 * Template1-Enhanced Design System
 */

/* CSS-Variablen für konsistente Farbgebung */
:root {
    --primary-color: #C9A18C;
    --secondary-color: #F8F8F8;
    --background-color: #FDFDFD;
    --accent-color: #E6D5C7;
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --text-light: #9ca3af;
}

/* Reset und Basis-Styling */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', sans-serif;
    background: linear-gradient(135deg, var(--background-color) 0%, #F5F1ED 100%);
    line-height: 1.6;
    color: var(--text-primary);
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    color: var(--text-primary);
    font-weight: 600;
}

/* Container und Grid-Layouts */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Fade-in Animationen */
.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-section.visible {
    opacity: 1;
    transform: translateY(0);
}