/* ==========================================
   1. HINTERGRUND & BASICS
   ========================================== */
/* Lädt die modernen Schriftarten "Inter" und "Montserrat" von Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Montserrat:wght@500;700;800&display=swap');

/* Ein sehr weicher, heller Sand/Beige-Ton für den Hintergrund */
body {
    /* Wechselt die Schriftart für die komplette Seite auf "Inter" */
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background-image: url('/public/fileadmin/user_upload/image_28b5c9.jpg') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    color: #4a3e3d !important;
}

/* Große Überschriften (wie dein Name) bekommen das markante "Montserrat" */
h1, .hero-title, body .lebenslauf__header h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important; /* Macht die Schrift extra dick und modern */
    letter-spacing: -0.5px !important; /* Schiebt die Buchstaben für einen edlen Look minimal zusammen */
}

/* Erweitert den Hintergrund der umschließenden Boxen über die KOMPLETTE Bildschirmbreite (Keno-Style) */
body .container-fluid,
body section {
    background-color: #fcfaf7 !important; /* Dein bräunlicher Sandton */
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ==========================================
   2. NAVBAR / HEADER (OBEN)
   ========================================== */

/* Die Navbar oben bekommt ein edles, helles Elfenbein/Weiß, damit das schwarze Logo perfekt sichtbar ist */
body .navbar {
    background-color: #ffffff !important;
    border-bottom: 2px solid #d4b296 !important; /* Ein feiner, warmer Sandton als Trennlinie */
    box-shadow: 0 1px 4px rgba(74, 62, 61, 0.04) !important;
}

/* Menü-Links in der Navbar */
body .navbar .nav-link {
    color: #614f4d !important; /* Warmes Minit-Braun */
    font-weight: 500 !important;
}

/* Wenn man über die Links wischt, färben sie sich in ein schönes Terracotta/Kupfer */
body .navbar .nav-link:hover {
    color: #b26e51 !important;
}


/* ==========================================
   3. LEBENSLAUF-ELEMENTE (MITTE)
   ========================================== */

/* Hält deinen eigentlichen Lebenslauf-Inhalt schön geschützt und zentriert in der Mitte */
body .lebenslauf {
    max-width: 1140px !important; /* Standard-Breite für PCs */
    margin: 0 auto !important; /* Zentriert die Box perfekt */
    background-color: #ffffff !important; /* Die weiße Inhalts-Karte im Vordergrund */
    color: #4a3e3d !important;
    padding: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(74, 62, 61, 0.03) !important;
}

/* Der Header-Bereich innerhalb deines Lebenslaufs */
body .lebenslauf__header {
    background-color: #f7f2eb !important; /* Heller Kaffeemilch-Ton */
    border-bottom: 2px solid #b26e51 !important; /* Das Terracotta-Highlight */
}

/* Die Labels (z.B. "Berufserfahrung") */
body .lebenslauf__label {
    color: #b26e51 !important; /* Schönes, warmes Terracotta-Braun */
    font-weight: 600 !important;
}

/* Wichtige Jahreszahlen oder Fettschrift im Lebenslauf */
body .lebenslauf__data-row strong {
    color: #784f41 !important; /* Ein kräftiges Schokoladenbraun */
}