/* ...existing code... */

/* Google Fonts import (falls noch nicht vorhanden) */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&family=Roboto+Condensed:wght@300&display=swap'); */



@font-face {
  font-family: 'Roboto Variable';
  src: url('/static/fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900; /* Variable Range */
  font-stretch: 75% 100%;
  font-display: swap;
  letter-spacing: 1px;
}

* {
    font-family: 'Roboto Variable', sans-serif;
    font-weight: 100;
}
        /* Farb- und Font-Variablen */
:root{
    --nhv-font-color: #262626;
    --nhv-font-headline-weight: 500;   /* Roboto Medium */
    --nhv-font-regular-weight: 400;    /* Roboto Regular */
    --nhv-font-condensed-weight: 300;  /* Roboto Condensed Light */

    /* Core color palette */
    --color-white: #FFFFFF;
    --color-light-grey: #828282;
    --color-dark-gray: #373737;
    --color-red: #E30917;
    --color-red-websafe: #CC0000;
    --color-black: #000000;

    /* Semantic aliases */
    --bg-page: var(--color-white);
    --text-primary: var(--color-dark-gray);
    --text-secondary: var(--color-light-grey);
    --brand: var(--color-red);
    --brand-alt: var(--color-red-websafe);
    --muted: var(--color-light-grey);
}

/* 01 Headlines
   Roboto Medium, 36pt, #262626 */
.h1-nhv,
.headline-nhv {
    font-family: 'Roboto Variable', sans-serif;
    font-weight: var(--nhv-font-headline-weight);
    font-size: 36pt;
    line-height: 1.05;
    color: var(--nhv-font-color);
    margin: 0 0 0.5em 0;
}

/* 02 Subtitles
   Roboto Regular, 20pt, #262626 */
.h2-nhv,
.subtitle-nhv {
   font-family: 'Roboto Variable', sans-serif;
    font-weight: var(--nhv-font-regular-weight);
    font-size: 20pt;
    line-height: 1.25;
    color: var(--nhv-font-color);
    margin: 0 0 0.4em 0;
    letter-spacing: 1px;
}

/* 03 Paragraphs
   Roboto Regular, 16pt, #262626 */
.p-nhv,
.paragraph-nhv {
    font-family: 'Roboto Variable', sans-serif;
    font-weight: var(--nhv-font-regular-weight);
    font-size: 16pt;
    line-height: 1.6;
    color: var(--nhv-font-color);
    margin: 0 0 1em 0;
}

/* 04 Image Sublines
   Roboto Condensed Light, 12pt, #262626 */
.img-subline-nhv,
.image-subline-nhv {
    font-family: 'Roboto Variable', sans-serif;
    font-weight: var(--nhv-font-condensed-weight);
    font-size: 12pt;
    line-height: 1.2;
    color: var(--nhv-font-color);
    margin: 0;
}

/* Utility small adjustments for responsive behavior (optional) */
@media (max-width: 768px) {
    .headline-nhv { font-size: 28pt; }
    .subtitle-nhv { font-size: 18pt; }
    .paragraph-nhv { font-size: 14pt; }
    .image-subline-nhv { font-size: 11pt; }
}

/* ...existing code... */
.hc_img {
    border: 2px solid #e30917;
    border-radius: 10px;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.invert {
    color: white;
    text-shadow: black 0px 0px 14px;
}