/*
 * Montevia Advisory - Custom Stylesheet
 * --------------------------------------
 * Colors:
 * Marine: #002b45
 * Beige: #f0e6d8
 * Gold: #927E4A
 */

:root {
    --montevia-marine: #002b45;
    --montevia-gold: #927E4A;
    --montevia-beige: #f0e6d8;
    --montevia-white: #ffffff;
    --montevia-text: #343a40;
}

body {
    font-family: 'Open Sans', sans-serif;
    background-color: var(--montevia-white);
    color: var(--montevia-text);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: var(--montevia-marine);
    font-weight: 700;
}

/* --- Navbar --- */
.navbar {
    background-color: var(--montevia-marine);
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: all 0.3s;
}
.navbar .nav-link {
    color: var(--montevia-beige);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9rem;
    transition: color 0.3s;
}
.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: var(--montevia-white);
}
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.2);
}

/* --- Hero Section --- NEU mit Hintergrundbild */
.hero-section {
    position: relative;
    padding: 8rem 0;
    text-align: center;
    color: var(--montevia-white);
    /* background-image: linear-gradient(rgba(0, 43, 69, 0.6), rgba(0, 43, 69, 0.6)), url('../img/adria.png'); */
    background-image: linear-gradient(to top right, rgba(0, 43, 69, 0.2), rgba(212, 175, 55, 0.2)), url('../img/adria.jpg');

    background-size: cover;
    background-position: center;
}
.hero-section .display-4 {
    color: var(--montevia-white);
    font-weight: 700;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.hero-section .display-3 {
    color: var(--montevia-white);
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.hero-section .lead {
    color: rgba(255, 255, 255, 0.9);
    max-width: 800px;
    margin: 1.5rem auto 2.5rem auto;
}

/* --- Buttons --- */
.btn-gold {
    background-color: var(--montevia-gold);
    border-color: var(--montevia-gold);
    color: var(--montevia-white);
    padding: 0.75rem 2rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s;
}
.btn-gold:hover {
    background-color: #b38b45;
    border-color: #b38b45;
    color: var(--montevia-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.btn-outline-marine {
    color: var(--montevia-marine);
    border-color: var(--montevia-marine);
}
.btn-outline-marine:hover {
    background-color: var(--montevia-marine);
    color: var(--montevia-white);
}

/* --- Content Sections --- */
.section-padding {
    padding: 5rem 0;
}
.bg-light-beige {
    background-color: #faf6f0;
}
.icon-box {
    color: var(--montevia-gold);
    font-size: 3rem;
    margin-bottom: 1rem;
}
.rounded-image {
    border-radius: 0.75rem !important;
    box-shadow: 0 10px 30px rgba(0, 43, 69, 0.1);
}

/* --- Footer --- */
.footer {
    background-color: var(--montevia-marine);
    color: var(--montevia-beige);
}
.footer h5 {
    color: var(--montevia-white);
}
.footer-link {
    color: var(--montevia-beige);
    text-decoration: none;
    transition: color 0.3s;
}
.footer-link:hover {
    color: var(--montevia-gold);
}
.footer hr {
    border-color: rgba(255, 255, 255, 0.1);
}

/* Kleiner Stil für die Flaggen */
.lang-flag {
    width: 24px;
    height: auto;
    border-radius: 3px;
}

/* --- FIX für Wortumbrüche --- */
body, p, h1, h2, h3, h4, h5, h6, li, a, span, div { /* 'div' hinzugefügt, falls Text in Divs ohne spezifische Tags ist */
    /* word-wrap: break-word; /* Ältere Browser und Fallback für overflow-wrap */
    /* overflow-wrap: break-word; /* Moderne Browser: Bricht Wörter an beliebiger Stelle, wenn sie überlaufen */ */ */
    hyphens: auto; /* Erlaubt die automatische Silbentrennung basierend auf Sprachregeln */
}