/* AMR Webdesign 2027fluid – Override CSS für Camino
   Lädt NACH Camino main.css – überschreibt nur Farben, Fonts, Header */

@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/montserrat-400.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/montserrat-600.woff2') format('woff2');
    font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/montserrat-700.woff2') format('woff2');
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../Fonts/inter-400.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../Fonts/inter-500.woff2') format('woff2');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../Fonts/inter-600.woff2') format('woff2');
    font-weight: 600; font-style: normal; font-display: swap;
}

:root {
    --color-primary-75:  #f9f0e8;
    --color-primary-100: #f5e6d8;
    --color-neutral-0:   #ffffff;
    --color-neutral-10:  #fdf8f4;
    --color-neutral-20:  #f5ede4;
    --color-neutral-30:  #e8d5c4;
    --color-neutral-40:  #c8b09a;
    --color-neutral-50:  #a8876e;
    --color-neutral-60:  #7a5a44;
    --color-neutral-70:  #5c3d28;
    --color-neutral-80:  #3f2010;
    --color-neutral-90:  #3f170e;

    --headline-family: "Montserrat", system-ui, sans-serif;
    --headline-weight: 700;
    --subline-family:  "Montserrat", system-ui, sans-serif;
    --body-family:     "Inter", system-ui, sans-serif;
    --title-family:    "Inter", system-ui, sans-serif;
    --label-family:    "Inter", system-ui, sans-serif;
}

.header {
    background: #ffffff !important;
    border-bottom: 2px solid var(--color-primary-100);
    color: var(--color-neutral-90);
}

.header__nav-item {
    color: var(--color-neutral-90) !important;
}

.header__nav-item:hover,
.header__nav-item--active {
    color: #d56a34 !important;
}

.header__nav-item--active::before {
    background-color: #d56a34 !important;
}