/* 1. Lokale Schriftart registrieren */
@font-face {
    font-family: 'Courier Prime';
    src: url('../fonts/CourierPrime-Regular.woff2') format('woff2'),
        url('../fonts/CourierPrime-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 2. Cassiopeia CSS-Variablen überschreiben */
:root {
    --cassiopeia-font-family-body: 'Courier Prime', sans-serif;
    --cassiopeia-font-family-headings: 'Courier Prime', sans-serif;
}


/* Das Logo-Element auswählen */
.navbar-brand {
    position: relative;
    z-index: 1000;          /* Stellt sicher, dass es über dem Banner liegt */
    height: auto;
    width: 680px;           /* Deine gewünschte Breite */
    
    /* Der magische Teil: */
    margin-bottom: -40px;   /* Zieht das Logo nach unten aus dem Header heraus */
    transition: all 0.3s ease; /* Weicher Übergang beim Scrollen */
}

.footer .grid-child {
    display: unset !important;
}

.blitzer-foto {
    /* 1. Der dicke, weiße Rand */
    border: 9px solid #ffffff; 
    
    /* 2. Ein leichter, weicher Schatten für den 3D-Effekt */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); 
    
    /* 3. Standard-Regeln, damit das Bild sich gut einpasst */
    width: auto;
    max-height: 260px;
    
    /* Optional: Falls die Ecken minimal abgerundet sein sollen (im Bild sind sie eher spitz) */
    border-radius: 2px; 
}

.container-header {
    border-bottom: 2px solid rgb(32, 92, 59); /* Stärke und Farbe anpassen */

}