:root {
    --head: #ffffff;
    --trenner: #7B1EFA;
    --dark2: #131D29;
    --dark3: #1C2632;
    --bg: #091420;
    --buttongreen: #63FF9F;
    --alertbg: #4AAF5733;
    --alertMessage: #4AAF57;
    --nebensatz: #848A90;
    --firstColorTrikot: #000000;
    --secondColorTrikot: #000000;
    --ownFontColor: #FFFFFF;
    --alert: #FACC15;
    --warnbg: #FACC1533;
    --errorbg: #F7555533;
    --errorMessage: #F75555;
    --error70: #F75555B2;
    --error15: #F7555526;
    --alert70: #4AAF57B2;
    --alert15: #4AAF5726;
    --border-radius-xs: 2px;
    --border-radius-sm: 6px;
    --border-radius-md: 12px;
    --border-radius-lg: 24px;
    --border-radius-full: 99rem;
    --primary-color: #63FF9F;
    --secondary-color: #7B1EFA;
    --color-white: #fff;
    --color-red: #F75555;
    --color-darkred: #ff0046;
    --color-yellow: #FACC15;
    --color-magenta: #BA0C6D;
    --light-grey: #848A90;
    --bg-main-opacity: rgba(255,255,255,.04);
    --bg-white-opacity: rgba(255,255,255,.2);
    --bg-yellow-opacity: rgba(250, 204, 21, .2);
    --bg-red-opacity: rgba(247, 85, 85, .2);
    --bg-green-opacity: rgba(134, 249, 56, .2);
    --bg-magenta-opacity: rgba(186,12,109, .2);
    --bg-violet-opacity: rgba(123, 30, 250, .2);
    --border-green-opacity: rgba(134, 249, 56, .25);
    --border-violet-opacity: rgba(123, 30, 250, .25);
    --font-primary: 'MADEOuterSans';
    --font-secondary: "Inter", sans-serif;
    --transition-default-duration: 0.3s;
    --bg-second: #780AAA;
    --bg-second-dark: #3c0555; /* abgedunkelte Farbwelt fuer Burgermenu (Default ~ altes Lila) */ /* User-anpassbare Hintergrund-Zweitfarbe (Default Lila) */
    --bgimg: linear-gradient(180deg, #000000 0%, var(--bg-second) 100%);
    
}