/* 1. Aufrechte Schrift (Roman) */
@font-face {
    font-family: 'Titillium Web VF';
    src: url('/fileadmin/Fonts/TitilliumWeb-Roman-VF.ttf') format('truetype');
    font-weight: 200 900; /* Aktiviert die variable Stärken-Achse */
    font-style: normal;
    font-display: swap;
}

/* 2. Kursive Schrift (Italic) */
@font-face {
    font-family: 'Titillium Web VF';
    src: url('/fileadmin/Fonts/TitilliumWeb-Italic-VF.ttf') format('truetype');
    font-weight: 200 900; /* Aktiviert die variable Stärken-Achse für Kursiv */
    font-style: italic;
    font-display: swap;
}
/* 3. Body.font */
@font-face {
    font-family: 'NunitoSans';
    src: url('/fileadmin/Fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
    font-weight: 400 900; /* Aktiviert die variable Stärken-Achse für Kursiv */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NunitoSans';
    src: url('/fileadmin/Fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
    font-weight: 400 900; /* Aktiviert die variable Stärken-Achse für Kursiv */
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fileadmin/Fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fileadmin/Fonts/Lato-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fileadmin/Fonts/Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fileadmin/Fonts/Lato-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'FuzzyBubbles';
    src: url('/fileadmin/Fonts/FuzzyBubbles-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FuzzyBubbles';
    src: url('/fileadmin/Fonts/FuzzyBubbles-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mynerve-Regular';
    src: url('/fileadmin/Fonts/Mynerve-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* --- Anwendung auf der Webseite --- */

html {
  font-size: 110%;
}

body {
    font-family: 'Lato', sans-serif;
    font-weight: 400; /* Normaler Text */

}

/* Überschriften mit einem feinen, individuellen Stärkewert */
h1, h2, h3, h4 {
    font-family: 'Titillium Web VF', sans-serif;
    font-weight: 650; /* Stufenlos regelbar zwischen 200 und 900 */
    font-style: normal;
    text-transform: uppercase;
    color: #A47551;
    letter-spacing: 1px;
}
h1 {
  font-size:  clamp(2rem, 5vw, 3.2rem);
}
h2 {
  font-size:  clamp(1rem, 5vw, 2.0rem);
}

.h5, .h2 {
    font-family: 'Mynerve-Regular';
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size:  clamp(2rem, 5vw, 2.5rem);
}
.h5 {
    color: #A47551 !important;
}

/* Der Browser switcht bei <em> automatisch auf die Italic-Datei */
em, i {
    font-style: italic;
    font-weight: 400;
}
h3.card-title {
    color: #A47551;
}
h2.carousel-item-subheader {
    text-transform: none !important;
}
a:hover {
    text-decoration: none;
}