@font-face {
  font-family: "Source Sans Pro Light";
  font-display: swap;
  src: url("/fonts/source-sans-pro-v12-latin-300.woff2") format("woff2"),
       url("/fonts/source-sans-pro-v12-latin-300.woff") format("woff") }

@font-face {
  font-family: "Source Sans Pro Bold";
  font-display: swap;
  src: url("/fonts/source-sans-pro-v12-latin-700.woff2") format("woff2"),
       url("/fonts/source-sans-pro-v12-latin-700.woff") format("woff") }

@font-face {
  font-family: "Source Sans Pro Regular";
  font-display: swap;
  src: url("/fonts/source-sans-pro-v12-latin-regular.woff2") format("woff2"),
       url("/fonts/source-sans-pro-v12-latin-regular.woff") format("woff") }

@font-face {
  font-family: "Ruda Bold";
  font-display: swap;
  src: url("/fonts/rudabold.woff2") format("woff2"),
       url("/fonts/rudabold.woff") format("woff") }


:root {
    /* CUBE: primär schwarz/weiß */
    --primary:        #060606;   /* Schwarz */
    --primary-text:   #060606;   /* Weiß */
    --primary-back:   #ffffff;   /* Schwarz als Haupt-Hintergrund */
    --secondary-back: #060606;   /* Weiß für Kontraste */
    --secondary-text: #ffffff;   /* Schwarz auf hell */

    /* Akzentfarbe (neu) */
    --secondary:      #FFD200;   /* CUBE Gelb (CTA/Highlights) */
    --secondary-dark: #C7A200;   /* optional: dunkler für Hover auf Gelb */
    --secondary-light:#FFE466;   /* optional: heller für subtle states */

    --hover-menu: rgba(255, 210, 0, 0.22); /* statt rot -> gelblich */
    --glas-effect: rgba(0, 0, 0, 0.48);

    --primary-SideMenu:   #060606;

    --light-1:        #dcdcdc;
    --light-2:        #b0b0b0;
    --light-3:        #9d9d9d;
    --light-4:        #717171;

    /* Modal-Typen (kann bleiben) */
    --warn:           #e17a0c;
    --error:          #ff1a1a;
    --success:        #00cc44;
    --neutral:        #c0c0c0;

    /* Fonts / sizes (wie gehabt) */
    --normal-font:    Source Sans Pro Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    --header-font:    Ruda Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
    --light-font:     Source Sans Pro Light, Helvetica Neue, Helvetica, Arial, sans-serif;
    --mono-font:      SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --XL:             2.5em;
    --L:              1.5em;
    --M:              1.0em;
    --S:              0.9em;
    --XS:             0.5em;
}

/** {
  font-family: var(--normal-font);
}*/

.uk-navbar-nav > li > a {
    position: relative;
}

.uk-navbar-nav > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;

    width: 0;
    height: 5px;
    background: var(--primary);
    transition: left .2s ease, width .2s ease;
}

/* Hover → Linie erscheint */
.uk-navbar-nav > li > a:hover::after {
    left: 0;
    width: 100%;
}

/* Active → Linie immer sichtbar */
.uk-navbar-nav > li.uk-active > a::after {
    left: 0;
    width: 100%;
}



footer{
  flex-shrink: 0;
  padding: var(--space-4, 1rem);
  text-align: center;
  border-top: 1px solid var(--bar-bg, var(--primary-SideMenu));
  background: var(--bar-bg, var(--primary-SideMenu));
}