:root {
    --cassiopeia-color-primary: #ff5e35; /* Hauptfarbe (Rot) */
    --cassiopeia-color-hover: #cc0000;   /* Farbe beim Drüberfahren mit der Maus */
    --cassiopeia-color-link: #ff0000;    /* Linkfarbe */
}

/* Speziell für den Header-Bereich, falls dieser noch blau ist */
.container-header {
    background-color: var(--cassiopeia-color-primary) !important;
    background-image: none !important;
}
/* Globale Helix-Container durchsichtig machen */
body,
#sp-main-body,
#sp-page-builder,
#sp-component {
    background: transparent !important;
}

/* Hintergrundbild für die gesamte Seite */
body {
    background-image: url('/images/Hintergrund_HP_SW.png') !important;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Standard-Helix-Module transparent */
.sp-module,
.sp-module-content {
    background: transparent !important;
}

/* Modul-Wrapper Bilder */ 
#sp-modul-bilder {
    background-color: transparent !important;
}

/* Modul-Wrapper Title*/ 
#sp-staedtische-berufsschule {
    background-color: transparent !important;
padding: 35px 0px 15px 0px;
}
/* Modul-Wrapper Menü*/ 
#sp-header {
    background-color: transparent !important;
height: 60px;
    width: 100%;
    position: relative;
    z-index: 99;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    animation: spFadeIn 0.5s;
}